From e366f29b0cb4babb4f39f60f7a5b4b7fd0b29452 Mon Sep 17 00:00:00 2001
From: Francesca Guiducci <francesca@doist.com>
Date: Mon, 14 Nov 2022 14:11:18 +0100
Subject: [PATCH 1/6] fix: Enforce minimum width for CheckboxField

---
 src/new-components/checkbox-field/checkbox-icon.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/new-components/checkbox-field/checkbox-icon.tsx b/src/new-components/checkbox-field/checkbox-icon.tsx
index 115f90495..a57af121f 100644
--- a/src/new-components/checkbox-field/checkbox-icon.tsx
+++ b/src/new-components/checkbox-field/checkbox-icon.tsx
@@ -46,6 +46,7 @@ function CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props) {
             width="24"
             height="24"
             viewBox="0 0 24 24"
+            style={{ minWidth: '24' }}
             {...props}
         >
             <path fill="currentColor" fillRule="nonzero" d={svgPath[pathKey]} />

From 145867082f9260b29ea8124f15d272cfff3d1a3a Mon Sep 17 00:00:00 2001
From: Francesca Guiducci <francesca@doist.com>
Date: Mon, 14 Nov 2022 14:26:37 +0100
Subject: [PATCH 2/6] chore: Commit all files

---
 CHANGELOG.md                                                  | 4 ++++
 docs/iframe.html                                              | 2 +-
 ...1f1227.iframe.bundle.js => main.bbe9bc9f.iframe.bundle.js} | 2 +-
 docs/project.json                                             | 2 +-
 ...frame.bundle.js => vendors~main.9bbf73b4.iframe.bundle.js} | 4 ++--
 ...txt => vendors~main.9bbf73b4.iframe.bundle.js.LICENSE.txt} | 0
 docs/vendors~main.9bbf73b4.iframe.bundle.js.map               | 1 +
 docs/vendors~main.f9e1586a.iframe.bundle.js.map               | 1 -
 package-lock.json                                             | 4 ++--
 package.json                                                  | 2 +-
 10 files changed, 13 insertions(+), 9 deletions(-)
 rename docs/{main.271f1227.iframe.bundle.js => main.bbe9bc9f.iframe.bundle.js} (51%)
 rename docs/{vendors~main.f9e1586a.iframe.bundle.js => vendors~main.9bbf73b4.iframe.bundle.js} (99%)
 rename docs/{vendors~main.f9e1586a.iframe.bundle.js.LICENSE.txt => vendors~main.9bbf73b4.iframe.bundle.js.LICENSE.txt} (100%)
 create mode 100644 docs/vendors~main.9bbf73b4.iframe.bundle.js.map
 delete mode 100644 docs/vendors~main.f9e1586a.iframe.bundle.js.map

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 45937c1e6..b1db80137 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# v18.0.0
+
+-   [Breaking] Enforces minimum width for the checkbox icon in the `CheckboxField` element
+
 # v17.0.0
 
 -   [Breaking] Allow to customize the TextLink styles (color and text-decoration) via CSS variables
diff --git a/docs/iframe.html b/docs/iframe.html
index 478706587..ce6e9c091 100644
--- a/docs/iframe.html
+++ b/docs/iframe.html
@@ -476,4 +476,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.ad83b813.iframe.bundle.js"></script><script src="vendors~main.f9e1586a.iframe.bundle.js"></script><script src="main.271f1227.iframe.bundle.js"></script></body></html>
\ No newline at end of file
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.ad83b813.iframe.bundle.js"></script><script src="vendors~main.9bbf73b4.iframe.bundle.js"></script><script src="main.bbe9bc9f.iframe.bundle.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/main.271f1227.iframe.bundle.js b/docs/main.bbe9bc9f.iframe.bundle.js
similarity index 51%
rename from docs/main.271f1227.iframe.bundle.js
rename to docs/main.bbe9bc9f.iframe.bundle.js
index 63d93e3cc..3c22383ff 100644
--- a/docs/main.271f1227.iframe.bundle.js
+++ b/docs/main.bbe9bc9f.iframe.bundle.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"),__webpack_require__("./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bjUmGQ1{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small);min-height:calc(2*var(--reactist-spacing-small) + var(--reactist-button-small-height) + 2px)}.PyULHXUj{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}.PyULHXUj svg{color:var(--reactist-alert-tone-info-icon)}.hIW0DUrF{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.hIW0DUrF svg{color:var(--reactist-alert-tone-positive-icon)}._1Ho1jjqk{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1Ho1jjqk svg{color:var(--reactist-alert-tone-caution-icon)}._177zyoVP{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._177zyoVP svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_1bjUmGQ1","tone-info":"PyULHXUj","tone-positive":"hIW0DUrF","tone-caution":"_1Ho1jjqk","tone-critical":"_177zyoVP"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}.Sva128bQ{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}._1CEziM4w{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3fRfWCm3{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._1UdsEmnB{--reactist-avatar-size:var(--reactist-avatar-size-small)}.aOiZgBic{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.O_uq2aRB{--reactist-avatar-size:var(--reactist-avatar-size-large)}._3wlhGvdY{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2Qwl8hZI{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2A19sfWg{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._2oWcPdrM{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._1ptksGmT{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.w-jaOD8t{--reactist-avatar-size:var(--reactist-avatar-size-small)}._2VsKPPHN{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.Kps9rVTS{--reactist-avatar-size:var(--reactist-avatar-size-large)}._2f1ZsW6N{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._3iKrYPyj{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1DZ0T2GD{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._1LxYW80E{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3cB9NvrU{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.uLzmqAWK{--reactist-avatar-size:var(--reactist-avatar-size-small)}._22zzC83m{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.PRY49uSU{--reactist-avatar-size:var(--reactist-avatar-size-large)}.LGu4W2mc{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2hst-HQf{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1QLSb8gY{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}",""]),exports.locals={avatar:"Sva128bQ","size-xxs":"_1CEziM4w","size-xs":"_3fRfWCm3","size-s":"_1UdsEmnB","size-m":"aOiZgBic","size-l":"O_uq2aRB","size-xl":"_3wlhGvdY","size-xxl":"_2Qwl8hZI","size-xxxl":"_2A19sfWg","tablet-size-xxs":"_2oWcPdrM","tablet-size-xs":"_1ptksGmT","tablet-size-s":"w-jaOD8t","tablet-size-m":"_2VsKPPHN","tablet-size-l":"Kps9rVTS","tablet-size-xl":"_2f1ZsW6N","tablet-size-xxl":"_3iKrYPyj","tablet-size-xxxl":"_1DZ0T2GD","desktop-size-xxs":"_1LxYW80E","desktop-size-xs":"_3cB9NvrU","desktop-size-s":"uLzmqAWK","desktop-size-m":"_22zzC83m","desktop-size-l":"PRY49uSU","desktop-size-xl":"LGu4W2mc","desktop-size-xxl":"_2hst-HQf","desktop-size-xxxl":"_1QLSb8gY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-badge-neutral-background:#eee;--reactist-badge-neutral-foreground:#666;--reactist-badge-positive-background:rgba(5,133,39,0.1);--reactist-badge-positive-foreground:#058527;--reactist-badge-color-background:#faead1;--reactist-badge-color-foreground:#8f4700}._16rUqpuT{font-family:var(--reactist-font-family);font-size:10px;font-weight:var(--reactist-font-weight-medium);border-radius:3px;padding:3px var(--reactist-spacing-xsmall);text-transform:uppercase}.nBcZWKqg{color:var(--reactist-badge-neutral-foreground);background-color:var(--reactist-badge-neutral-background)}._1eIHGtGO{color:var(--reactist-badge-positive-foreground);background-color:var(--reactist-badge-positive-background)}._2F1bBd2z{color:var(--reactist-badge-color-foreground);background-color:var(--reactist-badge-color-background)}",""]),exports.locals={badge:"_16rUqpuT","badge-neutral":"nBcZWKqg","badge-positive":"_1eIHGtGO","badge-color":"_2F1bBd2z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1AOsTJG3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._2Ics8rP_{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._1AOsTJG3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._1AOsTJG3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._1AOsTJG3._2o-nyUTF{border-radius:1000px}._1AOsTJG3._3NSQNfFo{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._1AOsTJG3._1xS1YG4L{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._1AOsTJG3._1tvpnBHw{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._1AOsTJG3:not(._2PQcvkB9){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._1AOsTJG3:focus-visible:not([aria-disabled=true]),._1AOsTJG3:hover:not([aria-disabled=true]),._1AOsTJG3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._1AOsTJG3._2PQcvkB9{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._1AOsTJG3:not(._3AuL4yE4){min-width:68px}._1AOsTJG3._3AuL4yE4{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._1AOsTJG3 ._3wqLydX-{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._1AOsTJG3 ._2RzezWii{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);--reactist-content-primary:var(--reactist-content-toast);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}@keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}:root{--reach-dialog:1;--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._3jjo0wSd{isolation:isolate}[data-reach-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3v5DmtsH .2s;animation:_3v5DmtsH .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}[data-reach-dialog-overlay]>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled] ._5Eq_Wmv{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}[data-reach-dialog-content]{background:var(--reactist-bg-default);padding:0;outline:none;transition:box-shadow .5s}._5Eq_Wmv{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out;max-width:100%}._1jvHg-bL ._5Eq_Wmv{width:100%}._22sgLJIW ._5Eq_Wmv{width:768px}.gwIpBSNi ._5Eq_Wmv{width:580px}._1LaotiZv ._5Eq_Wmv{width:450px}@media (min-width:992px){.B2BwdSPs ._5Eq_Wmv{width:960px}}@media (min-width:1200px){.B2BwdSPs ._5Eq_Wmv{width:1060px}}@media (max-width:1000px){.B2BwdSPs ._5Eq_Wmv{width:768px}}@media (max-width:580px){.ynZOvPCT:not(._1LaotiZv) ._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv) ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}.tJiZ17qL{display:flex;align-items:center;height:32px}._1ZCXZZbD{min-height:32px}",""]),exports.locals={"reach-portal":"_3jjo0wSd",fadein:"_3v5DmtsH",fitContent:"_3dZ8SMqI",container:"_5Eq_Wmv",full:"_1jvHg-bL",large:"_22sgLJIW",medium:"gwIpBSNi",small:"_1LaotiZv",xlarge:"B2BwdSPs",overlay:"ynZOvPCT",expand:"_2MXWR1nx",buttonContainer:"tJiZ17qL",headerContent:"_1ZCXZZbD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw.cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw option{background-color:var(--reactist-bg-aside)}._37qME_zw select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));margin-top:var(--reactist-spacing-large);border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}._14o3mgku{margin-top:var(--reactist-spacing-xsmall)}._1-Qo1ZMw{margin-top:var(--reactist-spacing-small)}._2zCa-_AP{margin-top:var(--reactist-spacing-medium)}.fBRTKaCF{margin-top:var(--reactist-spacing-large)}._3xoTod4f{margin-top:var(--reactist-spacing-xlarge)}._1GEBxxCD{margin-top:var(--reactist-spacing-xxlarge)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81","track-xsmall":"_14o3mgku","track-small":"_1-Qo1ZMw","track-medium":"_2zCa-_AP","track-large":"fBRTKaCF","track-xlarge":"_3xoTod4f","track-xxlarge":"_1GEBxxCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font-family:var(--reactist-font-family);width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}",""]),exports.locals={textAreaContainer:"_22PFG8iD",bordered:"_29Be2aIS",error:"_2NQlDy3I"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO:not(._1UmGt5zL){border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL input{padding:0;height:24px}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast,400)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n  background-color: rgba(0, 0, 0, 0.1);\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n  height: 18px;\n  width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n  width: 12px;\n  height: 12px;\n}\n.reactist_color_picker .color_item {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 4px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n  background-color: transparent;\n  border: 2px solid white;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n  padding: 6px;\n  display: flex;\n  flex-wrap: wrap;\n  width: 164px;\n  position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n  visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n    .color_trigger {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 24px;\n\n        &--inner_ring {\n            background-color: rgba(0, 0, 0, 0.1);\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_trigger--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.small {\n            height: 18px;\n            width: 18px;\n\n            .color_trigger--inner_ring {\n                width: 12px;\n                height: 12px;\n            }\n        }\n    }\n\n    .color_item {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        &--inner_ring {\n            background-color: transparent;\n            border: 2px solid white;\n            height: 24px;\n            width: 24px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_item--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.active {\n            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .color_options {\n        padding: 6px;\n        display: flex;\n        flex-wrap: wrap;\n        width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n        position: relative;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        visibility: hidden;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n  cursor: pointer;\n  user-select: none;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.reactist_button--small {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  padding: 5px 15px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n  padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n  padding: 10px 15px;\n}\n.reactist_button--primary {\n  background-color: #3f82ef;\n  color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n  background-color: #3b7be2;\n}\n.reactist_button--danger {\n  background-color: #de4c4a;\n  color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n  background-color: #cf2826;\n}\n.reactist_button--secondary {\n  background-color: white;\n  color: #202020;\n  border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n  background-color: #f9f9f9;\n}\n.reactist_button--link {\n  color: #3f82ef;\n  text-decoration: none;\n}\n.reactist_button--link:disabled {\n  color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n  text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n  font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n  cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n  background-repeat: no-repeat;\n  background-size: 15px;\n  content: '';\n  display: inline-block;\n  height: 15px;\n  margin-left: 12px;\n  vertical-align: middle;\n  width: 15px;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: reactistRotateRight;\n  animation-timing-function: linear;\n  color: #ffffff;\n  background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n  border-color: #dcdcdc;\n  background-color: #dcdcdc;\n  color: #808080;\n}\n@keyframes reactistRotateRight {\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n    cursor: pointer;\n    user-select: none;\n    color: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n\n    &[aria-disabled='true'] {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &--small {\n        .smaller_text();\n    }\n\n    &--primary,\n    &--secondary,\n    &--danger {\n        .normal_text();\n        box-sizing: border-box;\n        padding: 5px 15px;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 3px;\n        &.reactist_button--small {\n            padding: 5px 10px;\n        }\n        &.reactist_button--large {\n            padding: 10px 15px;\n        }\n    }\n\n    &--primary {\n        background-color: @primary_color;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: @primary_color_darker;\n        }\n    }\n\n    &--danger {\n        background-color: @color_red;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: darken(@color_red, 10%);\n        }\n    }\n\n    &--secondary {\n        background-color: white;\n        color: @primary_font_color;\n        border-color: @color_border_grey;\n\n        &:not([disabled]):hover {\n            background-color: @color_grey_9;\n        }\n    }\n\n    &--link {\n        color: @primary_color;\n        text-decoration: none;\n\n        &:disabled {\n            color: @secondary_font_color;\n        }\n\n        &:not(:disabled):hover {\n            text-decoration: underline;\n        }\n\n        &:not(&--small):not(&--large) {\n            font-size: inherit;\n        }\n    }\n\n    // loading-like buttons are only supported for the primary, secondary and danger variants\n    &--primary,\n    &--secondary,\n    &--danger {\n        &.reactist_button--loading {\n            cursor: progress !important;\n            &:after {\n                background-repeat: no-repeat;\n                background-size: 15px;\n                content: '';\n                display: inline-block;\n                height: 15px;\n                margin-left: 12px;\n                vertical-align: middle;\n                width: 15px;\n                animation-duration: 1s;\n                animation-iteration-count: infinite;\n                animation-name: reactistRotateRight;\n                animation-timing-function: linear;\n                color: #ffffff;\n                background-image: url('../icons/spinner.svg');\n            }\n        }\n    }\n\n    // we treat secondary buttons differently because the loading indicator is white\n    // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n    &--secondary.reactist_button--loading {\n        border-color: @color_border_grey;\n        background-color: @color_border_grey;\n        color: @secondary_font_color;\n    }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n    from {\n        transform: rotate(0deg);\n        transform-origin: center center;\n    }\n\n    to {\n        transform: rotate(360deg);\n        transform-origin: center center;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n  cursor: pointer;\n  display: block;\n}\n.reactist_dropdown .body {\n  border-radius: 3px;\n  border: 1px solid #dcdcdc;\n  overflow: hidden;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n  z-index: 1;\n  background-color: #fff;\n}\n.reactist_dropdown hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n  z-index: 1;\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n  top: -11px;\n  border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n  top: -12px;\n  border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n  top: -1px;\n  border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n  top: -1px;\n  right: 13px;\n  border-width: 7px;\n  border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n    .trigger {\n        cursor: pointer;\n        display: block;\n    }\n\n    .body {\n        border-radius: 3px;\n        border: 1px solid @color_border_grey;\n        overflow: hidden;\n        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n        z-index: 1;\n        background-color: #fff;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 0 5px;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        z-index: 1;\n        content: '';\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px;\n        right: 14px;\n    }\n\n    .with_arrow:after {\n        top: -11px;\n        border-color: transparent transparent #fff transparent;\n    }\n\n    .with_arrow:before {\n        top: -12px;\n        border-color: transparent transparent @color_border_grey transparent;\n    }\n\n    .with_arrow.top:after {\n        top: -1px;\n        border-color: #fff transparent transparent transparent;\n    }\n\n    .with_arrow.top:before {\n        top: -1px;\n        right: 13px;\n        border-width: 7px;\n        border-color: @color_border_grey transparent transparent transparent;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  outline: none;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  padding: 5px 10px;\n  margin: 0;\n}\n.reactist_input:focus {\n  border-color: #3f82ef;\n}\n.reactist_input:disabled {\n  background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n    .normal_text();\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    outline: none;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    padding: 5px 10px;\n    margin: 0;\n\n    &:focus {\n        border-color: @primary_color;\n    }\n    &:disabled {\n        background-color: @color_grey_11;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n  display: flex;\n  position: relative;\n  font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition-property: background-color;\n  transition-duration: 300ms;\n  background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n  background: #ececec;\n}\n.reactist-notification__button {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n  display: flex;\n  flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n  background: #ececec;\n}\n.reactist-notification__close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n  display: block;\n}\n.reactist-notification__icon-content-group {\n  display: flex;\n  flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n  padding-right: 24px;\n}\n.reactist-notification__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.reactist-notification__title {\n  margin: 0 0 3px 0;\n  font-size: 0.875rem;\n  text-align: left;\n}\n.reactist-notification__subtitle {\n  font-size: 0.81rem;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 10px 14px;\n    border: 1px solid @color_border_grey;\n    border-radius: @default-radius;\n    box-shadow: @default-box-shadow;\n    background: #fff;\n}\n\n.reactist-notification {\n    display: flex;\n    position: relative;\n    font-size: @normal_font_size;\n\n    &:not(.reactist-notification--with-button) {\n        .container-style();\n    }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition-property: background-color;\n    transition-duration: @standard-timing;\n    background: #fff;\n\n    &:hover {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__button {\n    .container-style();\n    display: flex;\n    flex: 1;\n\n    &:hover + .reactist-notification__close-button {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__close-button {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: @default-radius;\n\n    > * {\n        display: block;\n    }\n}\n\n.reactist-notification__icon-content-group {\n    display: flex;\n    flex: 1;\n}\n\n.reactist-notification--with-close-button {\n    .reactist-notification__icon-content-group {\n        padding-right: 24px;\n    }\n}\n\n.reactist-notification__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.reactist-notification__title {\n    margin: 0 0 3px 0;\n    font-size: @normal_font_size;\n    text-align: left;\n}\n\n.reactist-notification__subtitle {\n    font-size: @smaller_font_size;\n    margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  background-color: white;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 5px 25px 5px 10px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n  background-position: calc(100% - 11px) center;\n  background-repeat: no-repeat;\n  background-size: 8px 11px;\n}\n.reactist_select.disabled {\n  background-color: #fafafa;\n}\n.reactist_select:focus {\n  outline: none;\n  border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n    .normal_text();\n    background-color: white;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n\n    // nuke the browser styles\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n    padding: 5px 25px 5px 10px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n    background-position: calc(~'100% - 11px') center;\n    background-repeat: no-repeat;\n    background-size: 8px 11px;\n\n    &.disabled {\n        background-color: @color_grey_11;\n    }\n    &:focus {\n        outline: none;\n        border: 1px solid @primary_color;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n  font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  margin: 0 2px;\n  line-height: normal;\n  line-height: 10px;\n  color: #202020;\n  vertical-align: middle;\n  background-color: #fafafa;\n  border: 1px solid #dcdcdc;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n    font: 11px Menlo, monospace;\n    > kbd > kbd {\n        display: inline-block;\n        padding: 3px 5px;\n        margin: 0 2px;\n        line-height: normal;\n        line-height: 10px;\n        color: @primary_font_color;\n        vertical-align: middle;\n        background-color: @color_grey_11;\n        border: 1px solid @color_border_grey;\n        border-radius: 6px;\n        box-shadow: inset 0 -1px 0 @color_border_grey;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n  min-height: 44px;\n  max-height: var(--popover-available-height);\n  overflow: auto;\n  display: block;\n  white-space: nowrap;\n  background: hsla(0, 0%, 100%, 0.99);\n  outline: none;\n  font-size: 0.81rem;\n  padding: 4px 0;\n  min-width: 180px;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  margin: -4px;\n  z-index: var(--reactist-stacking-order-menu, 1);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  user-select: none;\n  outline: none;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  color: #808080;\n  font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button,\n.reactist_menulist[role='menubar'] .reactist_submenu_button {\n  padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after,\n.reactist_menulist[role='menubar'] .reactist_submenu_button::after {\n  content: '';\n  position: absolute;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent #808080;\n  display: block;\n  width: 0;\n  right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'] {\n  width: 100%;\n  box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menubar'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menubar'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-expanded='true'] {\n  color: #202020;\n  background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled,\n.reactist_menulist[role='menubar'] [role='menuitem']:disabled {\n  color: #808080;\n  pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'],\n.reactist_menulist[role='menubar'] a[role='menuitem'] {\n  cursor: default;\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover,\n.reactist_menulist[role='menubar'] a[role='menuitem']:hover {\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'],\n.reactist_menulist[role='menubar'] [role='menu'],\n.reactist_menulist[role='menu'] [role='menubar'],\n.reactist_menulist[role='menubar'] [role='menubar'] {\n  margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr,\n.reactist_menulist[role='menubar'] hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAIA;;EAEI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,+CAAA;AAHJ;AAZA;;;;EAmBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AA1BA;;EA+BQ,cAAA;EACA,kBAAA;AADR;AA/BA;;EAoCQ,mBAAA;AADR;AAnCA;;EAwCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AADR;AA9CA;;EAmDQ,WAAA;EACA,sBAAA;AADR;AAEQ;;;;;;EAGI,cAAA;EACA,yBAAA;AAGZ;AADQ;;;;EAEI,cAAA;EACA,oBAAA;AAKZ;AAnEA;;EAmEQ,eAAA;EACA,qBAAA;AAIR;AAHQ;;EACI,qBAAA;AAMZ;AA5EA;;;;EA6EQ,gBAAA;AAKR;AAlFA;;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAKR",sourcesContent:["@import '../styles/constants.less';\n\n// Ariakit renders the menu as menubar on Safari\n// Ref: https://github.com/ariakit/ariakit/blob/454aef1237ada31e8292ee4966adca3ed0f6e299/packages/ariakit/src/menu/menu-list.ts#L150\n.reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n    min-height: 44px; // minimum accessible target area\n    max-height: var(--popover-available-height); // defined by ariakit\n    overflow: auto;\n    display: block;\n    white-space: nowrap;\n    background: hsla(0, 100%, 100%, 0.99);\n    outline: none;\n    font-size: @smaller_font_size;\n    padding: 4px 0;\n    min-width: 180px;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n    z-index: var(--reactist-stacking-order-menu, 1);\n\n    [role='menuitem'],\n    .reactist_menugroup__label {\n        user-select: none;\n        outline: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        padding: 5px 10px;\n        color: inherit;\n        border: none;\n        background-color: transparent;\n    }\n\n    .reactist_menugroup__label {\n        color: @secondary_font_color;\n        font-size: @tiny_font_size;\n    }\n\n    .reactist_submenu_button {\n        padding-right: 16px;\n    }\n\n    .reactist_submenu_button::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 4px 0 4px 6px;\n        border-color: transparent @secondary_font_color;\n        display: block;\n        width: 0;\n        right: 6px;\n    }\n\n    [role='menuitem'] {\n        width: 100%;\n        box-sizing: border-box;\n        &:hover,\n        &:focus,\n        &[aria-expanded='true'] {\n            color: @primary_font_color;\n            background-color: @color_grey_10;\n        }\n        &[aria-disabled='true'],\n        &:disabled {\n            color: @secondary_font_color;\n            pointer-events: none;\n        }\n    }\n\n    a[role='menuitem'] {\n        cursor: default;\n        text-decoration: none;\n        &:hover {\n            text-decoration: none;\n        }\n    }\n\n    // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n    [role='menu'],\n    [role='menubar'] {\n        margin-top: -5px;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 4px 0;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  height: 4px;\n  border-radius: 3px;\n  background-color: #ececec;\n  width: 100%;\n}\n.reactist_progress_bar .inner {\n  height: inherit;\n  border-radius: 4px;\n  background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n    height: 4px;\n    border-radius: 3px;\n    background-color: @color_grey_10;\n    width: 100%;\n\n    .inner {\n        height: inherit;\n        border-radius: 4px;\n        background-color: @color_green;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n  font-size: 0.75rem;\n  color: #808080;\n  font-weight: 400;\n  line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n  text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n    .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n    text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100%;\n  padding: 5px 10px;\n  background-color: #333333;\n  color: white;\n  border: none;\n  border-radius: 3px;\n  z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n    .smaller_text();\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n    padding: 5px 10px;\n    background-color: @tooltip_background;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n  /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n  --reactist-breakpoint-tablet: 768px;\n  --reactist-breakpoint-desktop: 992px;\n  /* spacing sizes */\n  --reactist-spacing-xsmall: 4px;\n  --reactist-spacing-small: 8px;\n  --reactist-spacing-medium: 12px;\n  --reactist-spacing-large: 16px;\n  --reactist-spacing-xlarge: 24px;\n  --reactist-spacing-xxlarge: 32px;\n  /* width */\n  --reactist-width-xsmall: 220px;\n  --reactist-width-small: 400px;\n  --reactist-width-medium: 660px;\n  --reactist-width-large: 940px;\n  --reactist-width-xlarge: 1280px;\n  /* font family */\n  --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n  /* font sizes */\n  --reactist-font-size-caption: 12px;\n  --reactist-font-size-copy: 13px;\n  --reactist-font-size-body: 14px;\n  --reactist-font-size-subtitle: 16px;\n  --reactist-font-size-header: 20px;\n  --reactist-font-size-header-large: 24px;\n  --reactist-font-size-header-xlarge: 32px;\n  /* font weight */\n  --reactist-font-weight-regular: 400;\n  --reactist-font-weight-medium: 600;\n  --reactist-font-weight-strong: 700;\n  /* standard divider colors */\n  --reactist-divider-primary: #c4c7c8;\n  --reactist-divider-secondary: #dde2e3;\n  --reactist-divider-tertiary: #edf2f3;\n  /* border-radius */\n  --reactist-border-radius-small: 5px;\n  --reactist-border-radius-large: 10px;\n  /* background color */\n  --reactist-bg-default: #ffffff;\n  --reactist-bg-brand: #246fe0;\n  --reactist-bg-aside: #fafafa;\n  --reactist-bg-highlight: #f2f2f2;\n  --reactist-bg-selected: #e6e6e6;\n  --reactist-bg-toast: #282828;\n  /* colors */\n  --reactist-framework-fill-background: #fafafa;\n  --reactist-framework-fill-crest: #e6e6e6;\n  --reactist-framework-fill-selected: #ececec;\n  --reactist-framework-fill-summit: #d6d6d6;\n  --reactist-content-primary: rgba(0, 0, 0, 0.88);\n  --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n  --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n  --reactist-content-toast: #ffffff;\n  --reactist-content-positive: #058527;\n  --reactist-content-danger: #d1453b;\n  /* component-specific */\n  --reactist-switch-checked: #058527;\n  /* alerts */\n  --reactist-alert-tone-info-icon: #1d438c;\n  --reactist-alert-tone-info-border: #246fe0;\n  --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n  --reactist-alert-tone-positive-icon: #035017;\n  --reactist-alert-tone-positive-border: #058527;\n  --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n  --reactist-alert-tone-caution-icon: #5e3704;\n  --reactist-alert-tone-caution-border: #eb8d13;\n  --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n  --reactist-alert-tone-critical-icon: #b03d32;\n  --reactist-alert-tone-critical-border: #d1453b;\n  --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n  /* toasts */\n  --reactist-toast-actionable-primary-tint: #39d1ef;\n  --reactist-toast-actionable-secondary-tint: #b6c1c3;\n  --reactist-toast-actionable-hover-fill: #506063;\n  --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,iCAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;AAfJ",sourcesContent:[":root {\n    /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n    --reactist-breakpoint-tablet: 768px;\n    --reactist-breakpoint-desktop: 992px;\n\n    /* spacing sizes */\n    --reactist-spacing-xsmall: 4px;\n    --reactist-spacing-small: 8px;\n    --reactist-spacing-medium: 12px;\n    --reactist-spacing-large: 16px;\n    --reactist-spacing-xlarge: 24px;\n    --reactist-spacing-xxlarge: 32px;\n\n    /* width */\n    --reactist-width-xsmall: 220px;\n    --reactist-width-small: 400px;\n    --reactist-width-medium: 660px;\n    --reactist-width-large: 940px;\n    --reactist-width-xlarge: 1280px;\n\n    /* font family */\n    --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n\n    /* font sizes */\n    --reactist-font-size-caption: 12px;\n    --reactist-font-size-copy: 13px;\n    --reactist-font-size-body: 14px;\n    --reactist-font-size-subtitle: 16px;\n    --reactist-font-size-header: 20px;\n    --reactist-font-size-header-large: 24px;\n    --reactist-font-size-header-xlarge: 32px;\n\n    /* font weight */\n    --reactist-font-weight-regular: 400;\n    --reactist-font-weight-medium: 600;\n    --reactist-font-weight-strong: 700;\n\n    /* standard divider colors */\n    --reactist-divider-primary: #c4c7c8;\n    --reactist-divider-secondary: #dde2e3;\n    --reactist-divider-tertiary: #edf2f3;\n\n    /* border-radius */\n    --reactist-border-radius-small: 5px;\n    --reactist-border-radius-large: 10px;\n\n    /* background color */\n    --reactist-bg-default: rgb(255, 255, 255);\n    --reactist-bg-brand: rgb(36, 111, 224);\n    --reactist-bg-aside: rgb(250, 250, 250);\n    --reactist-bg-highlight: rgb(242, 242, 242);\n    --reactist-bg-selected: rgb(230, 230, 230);\n    --reactist-bg-toast: rgb(40, 40, 40);\n\n    /* colors */\n    --reactist-framework-fill-background: rgb(250, 250, 250);\n    --reactist-framework-fill-crest: rgb(230, 230, 230);\n    --reactist-framework-fill-selected: rgb(236, 236, 236);\n    --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n    --reactist-content-primary: rgba(0, 0, 0, 0.88);\n    --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n    --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n    --reactist-content-toast: rgb(255, 255, 255);\n    --reactist-content-positive: rgb(5, 133, 39);\n    --reactist-content-danger: rgb(209, 69, 59);\n\n    /* component-specific */\n    --reactist-switch-checked: rgb(5, 133, 39);\n\n    /* alerts */\n    --reactist-alert-tone-info-icon: #1d438c;\n    --reactist-alert-tone-info-border: rgb(36, 111, 224);\n    --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n    --reactist-alert-tone-positive-icon: #035017;\n    --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n    --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n    --reactist-alert-tone-caution-icon: #5e3704;\n    --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n    --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n    --reactist-alert-tone-critical-icon: #b03d32;\n    --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n    --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n    /* toasts */\n    --reactist-toast-actionable-primary-tint: #39d1ef;\n    --reactist-toast-actionable-secondary-tint: #b6c1c3;\n    --reactist-toast-actionable-hover-fill: #506063;\n    --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n  display: inline-block;\n  margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n    display: inline-block;\n    margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--reactist-divider-secondary);\n  border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n  padding: 4px;\n  border-radius: var(--reactist-border-radius-small);\n  border: 1px solid var(--reactist-divider-secondary);\n  background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--reactist-divider-secondary);\n    border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n    padding: 4px;\n    border-radius: var(--reactist-border-radius-small);\n    border: 1px solid var(--reactist-divider-secondary);\n    background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n  color: #565d6b;\n  font-size: 14px;\n  line-height: 1.5;\n  margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n    color: rgb(86, 93, 107);\n    font-size: 14px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n  box-sizing: border-box;\n  display: flex;\n  width: 22px;\n  padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n  content: '';\n  display: block;\n  background-color: #70bc1c;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.notification-story-notification-container {\n  width: 360px;\n  max-width: none;\n}\n.notification-story-content {\n  margin-left: 10px;\n}\n.notification-story-text {\n  text-align: left;\n  margin: 0 0 4px 0;\n  color: #808080;\n}\n.notification-story-heading {\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  color: #de4c4a;\n}\n.notification-story-avatar-container {\n  margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n    box-sizing: border-box;\n    display: flex;\n    width: 22px;\n    padding-top: 4px;\n\n    &:before {\n        content: '';\n        display: block;\n        background-color: @color_green;\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n    }\n}\n\n.notification-story-notification-container {\n    width: 360px;\n    max-width: none;\n}\n\n.notification-story-content {\n    margin-left: 10px;\n}\n\n.notification-story-text {\n    text-align: left;\n    margin: 0 0 4px 0;\n    color: @secondary_font_color;\n}\n\n.notification-story-heading {\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    color: @color_red;\n}\n\n.notification-story-avatar-container {\n    margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n    margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n  font-family: var(--reactist-font-family);\n}\n.story {\n  margin: 0 40px 0 40px;\n  padding: 20px;\n  background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n    font-family: var(--reactist-font-family);\n}\n\n.story {\n    margin: 0 40px 0 40px;\n    padding: 20px;\n    background-color: white;\n\n    // checkered background\n    // @gray: whitesmoke;\n    // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n    // background-size: 20px 20px;\n    // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n  display: inline-block;\n  width: 160px;\n  text-align: right;\n  font-weight: 600;\n  margin-right: 16px;\n}\n.story.time div time {\n  text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n    span {\n        display: inline-block;\n        width: 160px;\n        text-align: right;\n        font-weight: 600;\n        margin-right: 16px;\n    }\n    time {\n        text-align: left;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n  display: block;\n  text-align: center;\n}\n.story.tooltip input {\n  margin: 0 auto;\n  width: 400px;\n}\n.story.tooltip button {\n  width: 250px;\n  margin: 100px auto;\n  padding: 100px 10px;\n  border: 1px solid black;\n  background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n  background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n    input,\n    button {\n        display: block;\n        text-align: center;\n    }\n    input {\n        margin: 0 auto;\n        width: 400px;\n    }\n    button {\n        width: 250px;\n        margin: 100px auto;\n        padding: 100px 10px;\n        border: 1px solid black;\n        background-color: palegreen;\n        &:hover,\n        &:focus {\n            background-color: lightblue;\n        }\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/menu/menu.stories.tsx":"./src/components/menu/menu.stories.tsx","./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/deprecated-modal/modal.stories.mdx":"./src/new-components/deprecated-modal/modal.stories.mdx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/modal/modal.stories.mdx":"./src/new-components/modal/modal.stories.mdx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var dropdown_Box=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Box,_React$Component);var _super=_createSuper(Box);function Box(props,context){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Box),(_this=_super.call(this,props,context))._timeout=void 0,_this._handleClickOutside=function(event){var dropdownDOMNode=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));dropdownDOMNode&&!dropdownDOMNode.contains(event.target)?_this._toggleShowBody():_this.props.allowBodyInteractions||(_this._timeout=setTimeout((function(){_this.state.showBody&&_this._toggleShowBody()}),100))},_this._toggleShowBody=function(){_this.state.showBody?(_this.props.onHideBody&&_this.props.onHideBody(),document.removeEventListener("click",_this._handleClickOutside,!0)):(_this.props.onShowBody&&_this.props.onShowBody(),document.addEventListener("click",_this._handleClickOutside,!0)),_this.setState({showBody:!_this.state.showBody})},_this._setPosition=function(body){if(body){var scrollingParent=document.getElementById(_this.props.scrolling_parent?_this.props.scrolling_parent:"");if(scrollingParent){var dropdown=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));if(!dropdown)return;var dropdownVerticalPosition=react_dom_default.a.findDOMNode(_assertThisInitialized(_this)).offsetTop,dropdownTrigger=dropdown.querySelector(".trigger");if(!dropdownTrigger)return;var dropdownTriggerHeight=dropdownTrigger.clientHeight,dropdownBodyHeight=body.clientHeight,top=scrollingParent.clientHeight+scrollingParent.scrollTop-dropdownVerticalPosition-dropdownTriggerHeight<dropdownBodyHeight;top!==_this.state.top&&_this.setState({top:top})}}},_this.state={showBody:!1,top:props.top||!1},_this._timeout=void 0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Box,[{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this._handleClickOutside,!0),this._timeout&&clearTimeout(this._timeout)}},{key:"_getTriggerComponent",value:function _getTriggerComponent(){var _this$props$children,_trigger=null===(_this$props$children=this.props.children)||void 0===_this$props$children?void 0:_this$props$children[0];return _trigger?react.cloneElement(_trigger,{onClick:this._toggleShowBody}):void 0}},{key:"_getBodyComponent",value:function _getBodyComponent(){if(!this.state.showBody)return null;var top=this.state.top,_this$props=this.props,_this$props$right=_this$props.right,right=void 0!==_this$props$right&&_this$props$right,children=_this$props.children,props={top:top,right:right,setPosition:this._setPosition},className=classnames_default()({body_wrapper:!0,with_arrow:!0,top:top,bottom:!top}),body=null==children?void 0:children[1],contentMarkup="function"==typeof body?body(props):body?react.cloneElement(body,props):void 0;return Object(jsx_runtime.jsx)("div",{className:className,style:{position:"relative"},children:contentMarkup})}},{key:"render",value:function render(){var className=classnames_default()("reactist_dropdown",this.props.className),top=this.state.top;return Object(jsx_runtime.jsxs)("div",{style:{display:"inline-block"},className:className,"data-testid":"reactist-dropdown-box",children:[top&&this._getBodyComponent(),this._getTriggerComponent(),!top&&this._getBodyComponent()]})}}]),Box}(react.Component);dropdown_Box.displayName=void 0,dropdown_Box.displayName="Dropdown.Box";var dropdown_Trigger=react.forwardRef((function Trigger(_ref,ref){var children=_ref.children,onClick=_ref.onClick,tooltip=_ref.tooltip,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(deprecated_button.a,Object.assign({},props,{className:classnames_default()("trigger",className),onClick:function handleClick(event){event.preventDefault(),event.stopPropagation(),onClick&&onClick(event)},tooltip:tooltip,ref:ref,children:children}))}));function Body(_ref2){var top=_ref2.top,right=_ref2.right,children=_ref2.children,setPosition=_ref2.setPosition,style={position:"absolute",right:0,top:0};return top&&(style.top="auto",style.bottom=0),right&&(style.right="auto",style.left=0),Object(jsx_runtime.jsx)("div",{ref:setPosition,style:style,className:"body",id:"reactist-dropdown-body","data-testid":"reactist-dropdown-body",children:children})}dropdown_Trigger.displayName="Dropdown.Trigger",Body.displayName="Body",Body.displayName="Dropdown.Body";var Dropdown={Box:dropdown_Box,Trigger:dropdown_Trigger,Body:Body};__webpack_exports__.a=Dropdown},"./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/icons/spinner.svg":function(module,exports){module.exports="data:image/svg+xml,module.exports = __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},"./src/components/keyboard-shortcut/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","translateKey","isMac"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return OverflowMenuExample}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/keyboard-shortcut/index.ts"),_new_components_button__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/button/button.tsx"),_new_components_inline__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/inline/inline.tsx"),_new_components_stack__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/stack/stack.tsx"),_new_components_columns__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/columns/columns.tsx"),___WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/menu/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MenuIndicator(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{fillRule:"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})})}function StructuredMenuItem(_ref){var icon=_ref.icon,label=_ref.label,shortcut=_ref.shortcut;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{space:"small",width:"full",flexGrow:1,children:[icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content","aria-hidden":!0,children:icon}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{children:label})}),shortcut?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__.a,{children:shortcut})}):null]})}MenuIndicator.displayName="MenuIndicator",__webpack_exports__.default={title:"Components/Menu",component:___WEBPACK_IMPORTED_MODULE_20__.a,parameters:{badges:["accessible"]}},StructuredMenuItem.displayName="StructuredMenuItem";var SimpleMenuExample=function SimpleMenuExample(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13__.useState(!1),2),flag=_React$useState2[0],setFlag=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"Some menu examples"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_inline__WEBPACK_IMPORTED_MODULE_17__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"primary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"Simple menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Simple menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:"Edit"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Copy"),children:"Copy"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Paste"),children:"Paste"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:"Duplicate"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove"),children:"Remove"})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"secondary",tooltip:"And a tooltip too",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With sub-menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"With sub-menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{as:"a",href:"https://github.com/Doist/reactist",target:"_blank",rel:"noreferrer noopener",children:"Reactist on Github"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("About Reactist…"),children:"About Reactist…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Check for updates…"),children:"Check for updates…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.f,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{children:"Preferences"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Settings"),children:"Settings"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Extensions"),children:"Extensions"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Notifications"),children:"Notifications"})]})]})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"tertiary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With extra features"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Menu with extra features",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"✏",label:"Edit"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"👯‍♀️️",label:"Duplicate",shortcut:"Cmd + D"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:function onSelect(){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(flag?"Toggle off":"Toggle on")(flag?"👎":"👍"),setFlag((function(f){return!f})),!1},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:flag?"👍":"👎",label:"Toggle thumbs up or down"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.c,{label:"Dangerous options",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove first"),children:"Remove first"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove completed"),children:"Remove completed"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{disabled:!0,onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove all"),children:"Remove all (disabled)"})]})]})]})]})]})};function OverflowIcon(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})})}function Item(_ref2){var value=_ref2.value,name=_ref2.name;function getLabel(actionName){return actionName+" '"+name+"'"}var ariaLabel=getLabel("Options menu for");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{as:"li",border:"primary",borderRadius:"standard",padding:"small",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:name}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{onItemSelect:function onItemSelect(itemValue){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(String(itemValue)+" '"+name+"'")(value)},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"quaternary",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(OverflowIcon,{}),"aria-label":ariaLabel}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":ariaLabel,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"edit",children:getLabel("Edit")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"duplicate",children:getLabel("Duplicate")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"remove",children:getLabel("Remove")})]})]})})]})}SimpleMenuExample.displayName="SimpleMenuExample",OverflowIcon.displayName="OverflowIcon",Item.displayName="Item";var items=[{value:"1",name:"First item"},{value:"2",name:"Second item"},{value:"3",name:"Third item"}],OverflowMenuExample=function OverflowMenuExample(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"A list of items with an overflow options menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"This example is meant to be expanded with future features we plan to support (such as allowing to control the visible state of the menu from outside, and allow it to be used as a context menu)."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_stack__WEBPACK_IMPORTED_MODULE_18__.a,{as:"ul",space:"small",children:items.map((function(item,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(Item,Object.assign({},item),index)}))})]})};OverflowMenuExample.displayName="OverflowMenuExample",SimpleMenuExample.parameters=Object.assign({storySource:{source:"function SimpleMenuExample() {\n    const [flag, setFlag] = React.useState(false)\n    return (\n        <section className=\"story\">\n            <p>Some menu examples</p>\n            <Inline space=\"large\">\n                <Menu>\n                    <MenuButton as={Button} variant=\"primary\" endIcon={<MenuIndicator />}>\n                        Simple menu\n                    </MenuButton>\n                    <MenuList aria-label=\"Simple menu\">\n                        <MenuItem onSelect={action('Edit')}>Edit</MenuItem>\n                        <MenuItem onSelect={action('Copy')}>Copy</MenuItem>\n                        <MenuItem onSelect={action('Paste')}>Paste</MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>Duplicate</MenuItem>\n                        <MenuItem onSelect={action('Remove')}>Remove</MenuItem>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton\n                        as={Button}\n                        variant=\"secondary\"\n                        tooltip=\"And a tooltip too\"\n                        endIcon={<MenuIndicator />}\n                    >\n                        With sub-menu\n                    </MenuButton>\n                    <MenuList aria-label=\"With sub-menu\">\n                        <MenuItem\n                            as=\"a\"\n                            href=\"https://github.com/Doist/reactist\"\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                        >\n                            Reactist on Github\n                        </MenuItem>\n                        <MenuItem onSelect={action('About Reactist…')}>About Reactist…</MenuItem>\n                        <MenuItem onSelect={action('Check for updates…')}>\n                            Check for updates…\n                        </MenuItem>\n                        <hr />\n                        <SubMenu>\n                            <MenuButton>Preferences</MenuButton>\n                            <MenuList>\n                                <MenuItem onSelect={action('Settings')}>Settings</MenuItem>\n                                <MenuItem onSelect={action('Extensions')}>Extensions</MenuItem>\n                                <hr />\n                                <MenuItem onSelect={action('Notifications')}>\n                                    Notifications\n                                </MenuItem>\n                            </MenuList>\n                        </SubMenu>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton as={Button} variant=\"tertiary\" endIcon={<MenuIndicator />}>\n                        With extra features\n                    </MenuButton>\n                    <MenuList aria-label=\"Menu with extra features\">\n                        <MenuItem onSelect={action('Edit')}>\n                            <StructuredMenuItem icon=\"✏\" label=\"Edit\" />\n                        </MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>\n                            <StructuredMenuItem icon=\"👯‍♀️️\" label=\"Duplicate\" shortcut=\"Cmd + D\" />\n                        </MenuItem>\n                        <MenuItem\n                            onSelect={() => {\n                                action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n                                setFlag((f) => !f)\n                                return false // This prevents the menu from closing\n                            }}\n                        >\n                            <StructuredMenuItem\n                                icon={flag ? '👍' : '👎'}\n                                label=\"Toggle thumbs up or down\"\n                            />\n                        </MenuItem>\n                        <hr />\n                        <MenuGroup label=\"Dangerous options\">\n                            <MenuItem onSelect={action('Remove first')}>Remove first</MenuItem>\n                            <MenuItem onSelect={action('Remove completed')}>\n                                Remove completed\n                            </MenuItem>\n                            <MenuItem disabled onSelect={action('Remove all')}>\n                                Remove all (disabled)\n                            </MenuItem>\n                        </MenuGroup>\n                    </MenuList>\n                </Menu>\n            </Inline>\n        </section>\n    )\n}"}},SimpleMenuExample.parameters),OverflowMenuExample.parameters=Object.assign({storySource:{source:'function OverflowMenuExample() {\n    return (\n        <section className="story">\n            <p>A list of items with an overflow options menu</p>\n            <p>\n                This example is meant to be expanded with future features we plan to support (such\n                as allowing to control the visible state of the menu from outside, and allow it to\n                be used as a context menu).\n            </p>\n            <Stack as="ul" space="small">\n                {items.map((item, index) => (\n                    <Item key={index} {...item} />\n                ))}\n            </Stack>\n        </section>\n    )\n}'}},OverflowMenuExample.parameters)},"./src/components/menu/menu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuButton})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MenuList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SubMenu})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MenuGroup}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),react_focus_lock__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/utils/polymorphism.ts"),ariakit_menu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-state.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-button.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ariakit/esm/menu/menu.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-item.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-group.js"),ariakit_portal__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=(__webpack_require__("./src/components/menu/menu.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onItemSelect"],_excluded2=["exceptionallySetClassName"],_excluded3=["exceptionallySetClassName"],_excluded4=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName","as"],_excluded5=["label","children","exceptionallySetClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext({});function Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,_excluded),state=ariakit_menu__WEBPACK_IMPORTED_MODULE_18__.a(Object.assign({focusLoop:!0,gutter:8,shift:4},props)),handleItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function(){return{state:state,handleItemSelect:handleItemSelect}}),[state,handleItemSelect]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(MenuContext.Provider,{value:value,children:children})}Menu.displayName="Menu";var MenuButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuButton(_ref2,ref){var exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menubutton",exceptionallySetClassName)}))})),MenuList=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuList(_ref3,ref){var exceptionallySetClassName=_ref3.exceptionallySetClassName,props=_objectWithoutProperties(_ref3,_excluded3),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_portal__WEBPACK_IMPORTED_MODULE_23__.a,{preserveTabOrder:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_focus_lock__WEBPACK_IMPORTED_MODULE_16__.a,{returnFocus:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menulist",exceptionallySetClassName)}))})}):null})),MenuItem=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuItem(_ref4,ref){var value=_ref4.value,children=_ref4.children,onSelect=_ref4.onSelect,_ref4$hideOnSelect=_ref4.hideOnSelect,hideOnSelect=void 0===_ref4$hideOnSelect||_ref4$hideOnSelect,onClick=_ref4.onClick,exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$as=_ref4.as,as=void 0===_ref4$as?"button":_ref4$as,props=_objectWithoutProperties(_ref4,_excluded4),_React$useContext3=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_React$useContext3.state,hide=state.hide,handleClick=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},props,{as:as,state:state,ref:ref,onClick:handleClick,className:exceptionallySetClassName,hideOnClick:!1,children:children}))})),SubMenu=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SubMenu(_ref5,ref){var children=_ref5.children,onItemSelect=_ref5.onItemSelect,_React$useContext4=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_React$useContext4.state,parentMenuHide=state.hide,handleSubItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1],menuProps=Object(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.b)({state:state});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Menu,{onItemSelect:handleSubItemSelect,children:[react__WEBPACK_IMPORTED_MODULE_14__.cloneElement(button,Object.assign({},menuProps,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(menuProps.className,"reactist_submenu_button"),ref:ref})),list]})})),MenuGroup=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuGroup(_ref6,ref){var label=_ref6.label,children=_ref6.children,exceptionallySetClassName=_ref6.exceptionallySetClassName,props=_objectWithoutProperties(_ref6,_excluded5),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_menu__WEBPACK_IMPORTED_MODULE_22__.a,Object.assign({},props,{ref:ref,state:state,className:exceptionallySetClassName,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div",{role:"presentation",className:"reactist_menugroup__label",children:label}):null,children]}))}));try{Menu.displayName="Menu",Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it. Note that if you are relying on the `[role='menu']`\nattribute to style the menu list, it is applied a `menubar` role instead in Safari.",displayName:"Menu",props:{placement:{defaultValue:{value:'"bottom"'},description:"The placement of the popover.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},fixed:{defaultValue:{value:"false"},description:"Whether the popover has `position: fixed` or not.",name:"fixed",required:!1,type:{name:"boolean | undefined"}},shift:{defaultValue:{value:"0"},description:"The skidding of the popover along the anchor element.",name:"shift",required:!1,type:{name:"number | undefined"}},orientation:{defaultValue:{value:'"both"'},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n  - `both`: all arrow keys work.\n  - `horizontal`: only left and right arrow keys work.\n  - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},values:{defaultValue:null,description:"A map of names and values that will be used by the `MenuItemCheckbox` and\n`MenuItemRadio` components.",name:"values",required:!1,type:{name:"Values | undefined"}},items:{defaultValue:null,description:"Lists all the items with their `ref`s. This state is automatically updated\nwhen an item is registered or unregistered with the `registerItem`\nfunction. The order of the items is automatically defined by the order of\nthe elements in the DOM.\n@example const { items } = useCollectionState();\nitems.forEach((item) => {\n  const { ref } = item;\n  ...\n});",name:"items",required:!1,type:{name:"Item[] | undefined"}},virtualFocus:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of [roving\ntabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual\nfocus.",name:"virtualFocus",required:!1,type:{name:"boolean | undefined"}},rtl:{defaultValue:{value:"false"},description:'Determines how the `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},focusLoop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n  - `true` loops from the last item to the first item and vice-versa.\n  - `horizontal` loops only if `orientation` is `horizontal` or not set.\n  - `vertical` loops only if `orientation` is `vertical` or not set.\n  - If `activeId` is initially set to `null`, the composite element will be\n    focused in between the last and first items.\n\nOn two-dimensional composites:\n  - `true` loops from the last row/column item to the first item in the\n    same row/column and vice-versa. If it's the last item in the last row,\n    it moves to the first item in the first row and vice-versa.\n  - `horizontal` loops only from the last row item to the first item in the\n    same row.\n  - `vertical` loops only from the last column item to the first item in\n    the column row.\n  - If `activeId` is initially set to `null`, vertical loop will have no\n    effect as moving down from the last row or up from the first row will\n    focus the composite element.\n  - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the\n    last item in the last row or column and the first item in the first row\n    or column and vice-versa.",name:"focusLoop",required:!1,type:{name:"boolean | Orientation | undefined"}},focusWrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n  - `true` wraps between rows and columns.\n  - `horizontal` wraps only between rows.\n  - `vertical` wraps only between columns.\n  - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"focusWrap",required:!1,type:{name:"boolean | Orientation | undefined"}},focusShift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"focusShift",required:!1,type:{name:"boolean | undefined"}},moves:{defaultValue:{value:"0"},description:"The number of times the `move` function has been called.\n@example const composite = useCompositeState();\ncomposite.moves; // 0\ncomposite.move(null);\n// On the next render\ncomposite.moves; // 1",name:"moves",required:!1,type:{name:"number | undefined"}},includesBaseElement:{defaultValue:{value:"false"},description:"Indicates whether the `Composite` element should be included in the focus\norder.",name:"includesBaseElement",required:!1,type:{name:"boolean | undefined"}},activeId:{defaultValue:null,description:"The current focused item `id`.\n  - `undefined` will automatically focus the first enabled composite item.\n  - `null` will focus the base composite element and users will be able to\n    navigate out of it using arrow keys.\n  - If `activeId` is initially set to `null`, the base composite element\n    itself will have focus and users will be able to navigate to it using\n    arrow keys.",name:"activeId",required:!1,type:{name:"string | null | undefined"}},animated:{defaultValue:{value:"false"},description:"Determines whether the content should animate when it is shown or hidden.\n  - If `true`, the `animating` state will be `true` when the content is\n    shown or hidden and it will wait for `stopAnimation` to be called or a\n    CSS animation/transition to end before becoming `false`.\n  - If it's set to a number, the `animating` state will be `true` when the\n    content is shown or hidden and it will wait for the number of\n    milliseconds to pass before becoming `false`.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},getAnchorRect:{defaultValue:null,description:"Function that returns the anchor element's DOMRect. If this is explicitly\npassed, it will override the anchor `getBoundingClientRect` method.",name:"getAnchorRect",required:!1,type:{name:"((anchor: HTMLElement | null) => AnchorRect | null) | undefined"}},gutter:{defaultValue:{value:"0"},description:"The distance between the popover and the anchor element. By default, it's 0\nplus half of the arrow offset, if it exists.",name:"gutter",required:!1,type:{name:"number | undefined"}},flip:{defaultValue:{value:"true"},description:'Controls the behavior of the popover when it overflows the viewport.\n\nIf a boolean, specifies whether the popover should flip to the opposite side\nwhen it overflows.\n\nIf a string, indicates the preferred fallback placements when it overflows.\nThe placements must be spaced-delimited, e.g. "top left".\n@example  ```jsx\n const popover = usePopoverState({\n     placement: "right",\n     // In case the `right` placement overflows the viewport,\n     // the placement will fallback to the `bottom` or `top`,\n     // in that order, depending on where it fits.\n     flip: "bottom top",\n });\n```',name:"flip",required:!1,type:{name:"string | boolean | undefined"}},slide:{defaultValue:{value:"true"},description:"Whether the popover should slide when it overflows.",name:"slide",required:!1,type:{name:"boolean | undefined"}},overlap:{defaultValue:{value:"false"},description:"Whether the popover can overlap the anchor element when it overflows.",name:"overlap",required:!1,type:{name:"boolean | undefined"}},sameWidth:{defaultValue:{value:"false"},description:"Whether the popover should have the same width as the anchor element. This\nwill be exposed to CSS as `--popover-anchor-width`.",name:"sameWidth",required:!1,type:{name:"boolean | undefined"}},fitViewport:{defaultValue:{value:"false"},description:"Whether the popover should fit the viewport. If this is set to true, the\npopover wrapper will have `maxWidth` and `maxHeight` set to the viewport\nsize. This will be exposed to CSS as `--popover-available-width` and\n`--popover-available-height`.",name:"fitViewport",required:!1,type:{name:"boolean | undefined"}},arrowPadding:{defaultValue:{value:"4"},description:"The minimum padding between the arrow and the popover corner.",name:"arrowPadding",required:!1,type:{name:"number | undefined"}},overflowPadding:{defaultValue:{value:"8"},description:"The minimum padding between the popover and the viewport edge. This will be\nexposed to CSS as `--popover-overflow-padding`.",name:"overflowPadding",required:!1,type:{name:"number | undefined"}},renderCallback:{defaultValue:null,description:"A function that will be called when the popover needs to calculate its\nstyles. It will override the internal behavior.",name:"renderCallback",required:!1,type:{name:"((props: PopoverStateRenderCallbackProps) => void | (() => void)) | undefined"}},timeout:{defaultValue:{value:"500"},description:"The amount of time in milliseconds to wait before showing or hiding the\npopover.",name:"timeout",required:!1,type:{name:"number | undefined"}},showTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **showing** the popover.\nIt defaults to the value passed to `timeout`.",name:"showTimeout",required:!1,type:{name:"number | undefined"}},hideTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **hiding** the popover.\nIt defaults to the value passed to `timeout`.",name:"hideTimeout",required:!1,type:{name:"number | undefined"}},setItems:{defaultValue:null,description:"Function that will be called when setting the collection `items` state.\n@example // Uncontrolled example\nuseCollectionState({ setItems: (items) => console.log(items) });\n@example // Controlled example\nconst [items, setItems] = useState([]);\nuseCollectionState({ items, setItems });\n@example // Externally controlled example\nfunction Items({ items, onItemsChange }) {\n  const collection = useCollectionState({\n    items,\n    setItems: onItemsChange,\n  });\n}",name:"setItems",required:!1,type:{name:"((items: Item[]) => void) | undefined"}},defaultActiveId:{defaultValue:null,description:'The composite item id that should be focused when the composite is\ninitialized.\n@example ```jsx\nconst composite = useCompositeState({ defaultActiveId: "item-2" });\n<Composite state={composite}>\n  <CompositeItem>Item 1</CompositeItem>\n  <CompositeItem id="item-2">Item 2</CompositeItem>\n  <CompositeItem>Item 3</CompositeItem>\n</Composite>\n```',name:"defaultActiveId",required:!1,type:{name:"string | null | undefined"}},setMoves:{defaultValue:null,description:"Function that will be called when setting the composite `moves` state.\n@example const [moves, setMoves] = useState(0);\nuseCompositeState({ moves, setMoves });",name:"setMoves",required:!1,type:{name:"((moves: number) => void) | undefined"}},setActiveId:{defaultValue:null,description:"Function that will be called when setting the composite `activeId`.\n@example function MyComposite({ activeId, onActiveIdChange }) {\n  const composite = useCompositeState({\n    activeId,\n    setActiveId: onActiveIdChange,\n  });\n}",name:"setActiveId",required:!1,type:{name:"((activeId: string | null | undefined) => void) | undefined"}},defaultVisible:{defaultValue:{value:"false"},description:"The default visibility state of the content.",name:"defaultVisible",required:!1,type:{name:"boolean | undefined"}},setVisible:{defaultValue:null,description:"Function that will be called when setting the disclosure `visible` state.\n@example // Uncontrolled example\nuseDisclosureState({ setVisible: (visible) => console.log(visible) });\n@example // Controlled example\nconst [visible, setVisible] = useState(false);\nuseDisclosureState({ visible, setVisible });\n@example // Externally controlled example\nfunction MyDisclosure({ visible, onVisibleChange }) {\n  const disclosure = useDisclosureState({\n    visible,\n    setVisible: onVisibleChange,\n  });\n}",name:"setVisible",required:!1,type:{name:"((visible: boolean) => void) | undefined"}},defaultValues:{defaultValue:null,description:"A default map of names and values that will be used by the\n`MenuItemCheckbox` and `MenuItemRadio` components.",name:"defaultValues",required:!1,type:{name:"Values | undefined"}},setValues:{defaultValue:null,description:"Function that will be called when setting the menu `values` state.\n@example const [values, setValues] = useState({});\n// Combining the values from two menus into a single state.\nconst menu = useMenuState({ values, setValues });\nconst submenu = useMenuState({ values, setValues });",name:"setValues",required:!1,type:{name:"((values: Values) => void) | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{SubMenu.displayName="SubMenu",SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n<MenuItem label="Edit profile" />\n<SubMenu>\n  <MenuButton>More options</MenuButton>\n  <MenuList>\n    <MenuItem label="Preferences" />\n    <MenuItem label="Sign out" />\n  </MenuList>\n</SubMenu>\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-state.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-anchor.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/components/tooltip/tooltip.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","content","position","gapSize","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function useDelayedTooltipState(initialState){var tooltipState=Object(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__.a)(initialState),delay=function useDelay(){var timeoutRef=react__WEBPACK_IMPORTED_MODULE_5__.useRef(),clearTimeouts=react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function clearTimeouts(){null!=timeoutRef.current&&clearTimeout(timeoutRef.current)}),[]);return react__WEBPACK_IMPORTED_MODULE_5__.useEffect((function(){return clearTimeouts}),[clearTimeouts]),react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function delay(fn,delay){return function(){clearTimeouts(),timeoutRef.current=setTimeout(fn,delay)}}),[clearTimeouts])}();return react__WEBPACK_IMPORTED_MODULE_5__.useMemo((function(){return Object.assign({},tooltipState,{show:delay((function(){return tooltipState.show()}),500),hide:delay((function(){return tooltipState.hide()}),100)})}),[delay,tooltipState])}function Tooltip(_ref){var children=_ref.children,content=_ref.content,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$gapSize=_ref.gapSize,gapSize=void 0===_ref$gapSize?3:_ref$gapSize,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded),state=useDelayedTooltipState({placement:position,gutter:gapSize}),child=react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);if(!content||!child)return child;if("string"==typeof child.ref)throw new Error("Tooltip: String refs cannot be used as they cannot be forwarded");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__.a,{state:state,ref:child.ref,onFocus:function handleFocus(event){var _child$props,_child$props$onFocus;event.currentTarget.addEventListener("keyup",(function handleKeyUp(e){var eventKey=e.key;"Escape"!==eventKey&&"Enter"!==eventKey&&"Space"!==eventKey&&state.show()}),{once:!0}),event.preventDefault(),null==child||null===(_child$props=child.props)||void 0===_child$props||null===(_child$props$onFocus=_child$props.onFocus)||void 0===_child$props$onFocus||_child$props$onFocus.call(_child$props,event)},children:function children(anchorProps){return react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(child,Object.assign({},anchorProps,child.props))}}),state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{state:state,className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("reactist_tooltip",className),children:"function"==typeof content?content():content})):null]})}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"div"'}]}},portalRef:{defaultValue:null,description:"`portalRef` is similar to `ref` but is scoped to the portal node. It's\nuseful when you need to be informed when the portal element is appended to\nthe DOM or removed from the DOM.\n@example const [portalElement, setPortalElement] = useState(null);\n<Portal portalRef={setPortalElement} />;",name:"portalRef",required:!1,type:{name:"((instance: HTMLElement | null) => void) | MutableRefObject<HTMLElement> | undefined"}},portal:{defaultValue:{value:"true"},description:"Determines whether the element should be rendered as a React Portal.",name:"portal",required:!1,type:{name:"boolean | undefined"}},portalElement:{defaultValue:{value:"HTMLDivElement"},description:'An HTML element or a memoized callback function that returns an HTML\nelement to be used as the portal element. By default, the portal element\nwill be a `div` element appended to the `document.body`.\n@example const [portal, setPortal] = useState(null);\n<Portal portalElement={portal} />;\n<div ref={setPortal} />;\n@example const getPortalElement = useCallback(() => {\n  const div = document.createElement("div");\n  const portalRoot = document.getElementById("portal-root");\n  portalRoot.appendChild(div);\n  return div;\n}, []);\n<Portal portalElement={getPortalElement} />;',name:"portalElement",required:!1,type:{name:"HTMLElement | ((element: HTMLElement) => HTMLElement | null) | null | undefined"}},hideOnEscape:{defaultValue:{value:"true"},description:"Determines whether the tooltip will be hidden when the user presses the\nEscape key.",name:"hideOnEscape",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},hideOnControl:{defaultValue:{value:"false"},description:"Determines whether the tooltip will be hidden when the user presses the\nControl key. This has been proposed as an alternative to the Escape key,\nwhich may introduce some issues, especially when tooltips are used within\ndialogs that also hide on Escape. See\nhttps://github.com/w3c/aria-practices/issues/1506",name:"hideOnControl",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},wrapperProps:{defaultValue:null,description:"Props that will be passed to the popover wrapper element. This element will\nbe used to position the popover.",name:"wrapperProps",required:!1,type:{name:"HTMLAttributes<HTMLDivElement> | undefined"}},wrapElement:{defaultValue:null,description:"",name:"wrapElement",required:!1,type:{name:"WrapElement | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode | (() => ReactNode)"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,closeLabel=_ref.closeLabel,text="long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"xxlarge",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_1__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_4__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp<AvatarSize> | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return badge_stories_mainDemo}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),variantClassName=badge_module_default.a["badge-"+variant];return Object(jsx_runtime.jsx)(box.a,Object.assign({},rest,{className:[badge_module_default.a.badge,variantClassName],children:children}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{variant:{defaultValue:{value:"neutral"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"color"'},{value:'"positive"'},{value:'"neutral"'}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function badge_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(columns.b,{space:"large",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"neutral",mdxType:"Badge"},"Neutral")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"positive",mdxType:"Badge"},"Positive")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"color",mdxType:"Badge"},"Color"))))),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available so that the badge's colors can be customized:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"--reactist-badge-neutral-background\n--reactist-badge-neutral-foreground\n\n--reactist-badge-positive-background\n--reactist-badge-positive-foreground\n\n--reactist-badge-color-background\n--reactist-badge-color-foreground\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var badge_stories_mainDemo=function mainDemo(){return Object(esm.b)(columns.b,{space:"large"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"neutral"},"Neutral")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"positive"},"Positive")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"color"},"Color")))};badge_stories_mainDemo.displayName="mainDemo",badge_stories_mainDemo.storyName="Main demo",badge_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Columns space="large">\n            <Column width="content">\n                <Badge variant="neutral">Neutral</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="positive">Positive</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="color">Color</Badge>\n            </Column>\n        </Columns>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo"]},mdxStoryNameToKey={"Main demo":"mainDemo"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"<BaseButton>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _components_tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_tooltip__WEBPACK_IMPORTED_MODULE_5__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_text__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_9__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},tone:{defaultValue:{value:"neutral"},description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},children:{defaultValue:null,description:"Used internally by components composed using `BaseField`. It is not exposed as part of\nthe public props of such components.",name:"children",required:!0,type:{name:"(props: ChildrenRenderProps) => ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#BaseField"]={docgenInfo:BaseField.__docgenInfo,name:"BaseField",path:"src/new-components/base-field/base-field.tsx#BaseField"})}catch(__react_docgen_typescript_loader_error){}try{FieldHint.displayName="FieldHint",FieldHint.__docgenInfo={description:"",displayName:"FieldHint",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldHint"]={docgenInfo:FieldHint.__docgenInfo,name:"FieldHint",path:"src/new-components/base-field/base-field.tsx#FieldHint"})}catch(__react_docgen_typescript_loader_error){}try{FieldMessage.displayName="FieldMessage",FieldMessage.__docgenInfo={description:"",displayName:"FieldMessage",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldMessage"]={docgenInfo:FieldMessage.__docgenInfo,name:"FieldMessage",path:"src/new-components/base-field/base-field.tsx#FieldMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/box.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Using the Box component",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Tips and tricks about the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Box")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"You don't need the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"classNames")," helper as often now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The new ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"className")," prop receives the same kind of values supported by this helper. So you can do things like this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Box className={classNames(styles.container, 'custom-class-name')} />\n\n// …can be written like this\n<Box className={[styles.container, 'custom-class-name']} />\n\n// Other examples:\n<Box\n  className={[\n    styles.container,\n    isReadOnly ? styles.readOnly : null,\n    { [styles.disabled]: isDisabled },\n  ]}\n/>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Granted, this is only supported in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box"),". This is because the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," is the only design system component that officially supports custom styles. Remember that for the other components you can use ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"exceptionallySetClassName"),", but this one is an escape hatch, that we should aim to not use as much as the design system matures. So this one does not support that feature."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingX")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingY")," shorthand props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component has props to set its padding in all four direction: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft"),". You have probably noticed that we can set them all at once with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"padding"),". But you might have missed the fact that we can set the padding in one of the two dimensions at once as well. This is achieved with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingX")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),") and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingY")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// A box with a large padding left and right, and a small padding top and bottom\n<Box paddingX="large" paddingY="small" />\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The same applies to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"margin*")," props."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Using the Box component",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/box/box.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"PaddingStory",(function(){return PaddingStory})),__webpack_require__.d(__webpack_exports__,"MarginStory",(function(){return MarginStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_box__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/heading/heading.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Box",component:_box__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:children})}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes=Object.assign({children:{control:{type:"text"},defaultValue:"The quick brown fox jumps over the lazy dog."},display:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["block","inlineBlock","inline","flex","none"],"block"),flexDirection:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["column","row"],"row"),flexWrap:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["wrap","nowrap"],"nowrap"),alignItems:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","baseline"],"none"),justifyContent:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","spaceBetween"],"none"),textAlign:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["start","center","end","justify"],"none"),background:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["default","aside","highlight","selected","toast"],"none"),borderRadius:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["standard","none","full"],"none")},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.e)());var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Stacks elements on mobile",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{display:"flex",flexDirection:{mobile:"column",tablet:"row"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:30})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches horizontal alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{backgroundColor:"lightgreen"},display:"flex",justifyContent:{mobile:"flexStart",tablet:"center",desktop:"flexEnd"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"One"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Two"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Three"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches vertical alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{height:"120px"},display:"flex",alignItems:{mobile:"flexEnd",tablet:"center",desktop:"flexStart"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:60}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:90})]})})]})]})};function PaddedBox(_ref2){var _paddingProp,prop=_ref2.prop,value=_ref2.value,paddingProp=((_paddingProp={})[prop]=value,_paddingProp);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",border:"primary"},paddingProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",padding:"medium",background:"selected",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})})}))}PaddedBox.displayName="PaddedBox";var PaddingStory=function PaddingStory(_ref3){var padding=_ref3.padding;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The transparent bordered box has padding"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"padding",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingX",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingY",value:padding})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingTop",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingRight",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingBottom",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingLeft",value:padding})]})]})};PaddingStory.displayName="PaddingStory",PaddingStory.argTypes={padding:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.h)("medium")};var marginToPadding={margin:"padding",marginX:"paddingX",marginY:"paddingY",marginTop:"paddingTop",marginRight:"paddingRight",marginBottom:"paddingBottom",marginLeft:"paddingLeft"},marginBoxStyle={opacity:.5,minHeight:100,minWidth:100};function MarginBox(_ref4){var _marginProp,_ref5,prop=_ref4.prop,value=_ref4.value,marginProp=((_marginProp={})[prop]=value,_marginProp),outerPaddingToCompensateNegativeMargin=value.startsWith("-")?((_ref5={})[marginToPadding[prop]]=value.slice(1),_ref5):void 0;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},outerPaddingToCompensateNegativeMargin,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",border:"primary",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",padding:"medium",background:"selected",display:"flex",alignItems:"center",justifyContent:"center",style:marginBoxStyle},marginProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})}))})}))})}MarginBox.displayName="MarginBox";var MarginStory=function MarginStory(_ref6){var margin=_ref6.margin;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The shaded box has margin"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:"When margin is negative, you will see the outer bordered box appear to be inside the shaded box."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"margin",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginX",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginY",value:margin})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginTop",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginRight",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginBottom",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginLeft",value:margin})]})})]})};MarginStory.displayName="MarginStory",MarginStory.argTypes={margin:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["xxlarge","xlarge","large","medium","small","xsmall","none","-xsmall","-small","-medium","-large","-xlarge","-xxlarge"],"medium")},InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({ children, ...props }: PartialProps<typeof Box>) {\n    return (\n        <Wrapper>\n            <Box {...props}>\n                <Text>{children}</Text>\n            </Box>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Stacks elements on mobile">\n                    <Box display="flex" flexDirection={{ mobile: \'column\', tablet: \'row\' }}>\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={30} />\n                        <Placeholder label="Three" height={30} />\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches horizontal alignment depending on viewport size">\n                    <Box\n                        style={{ backgroundColor: \'lightgreen\' }}\n                        display="flex"\n                        justifyContent={{\n                            mobile: \'flexStart\',\n                            tablet: \'center\',\n                            desktop: \'flexEnd\',\n                        }}\n                    >\n                        <div>One</div>\n                        <div>Two</div>\n                        <div>Three</div>\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches vertical alignment depending on viewport size">\n                    <Box\n                        style={{ height: \'120px\' }}\n                        display="flex"\n                        alignItems={{\n                            mobile: \'flexEnd\',\n                            tablet: \'center\',\n                            desktop: \'flexStart\',\n                        }}\n                    >\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={60} />\n                        <Placeholder label="Three" height={90} />\n                    </Box>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),PaddingStory.parameters=Object.assign({storySource:{source:'function PaddingStory({ padding }: { padding: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The transparent bordered box has padding</Heading>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="padding" value={padding} />\n                <PaddedBox prop="paddingX" value={padding} />\n                <PaddedBox prop="paddingY" value={padding} />\n            </Inline>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="paddingTop" value={padding} />\n                <PaddedBox prop="paddingRight" value={padding} />\n                <PaddedBox prop="paddingBottom" value={padding} />\n                <PaddedBox prop="paddingLeft" value={padding} />\n            </Inline>\n        </Stack>\n    )\n}'}},PaddingStory.parameters),MarginStory.parameters=Object.assign({storySource:{source:'function MarginStory({ margin }: { margin: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The shaded box has margin</Heading>\n            <Text>\n                When margin is negative, you will see the outer bordered box appear to be inside the\n                shaded box.\n            </Text>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="margin" value={margin} />\n                    <MarginBox prop="marginX" value={margin} />\n                    <MarginBox prop="marginY" value={margin} />\n                </Inline>\n            </Box>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="marginTop" value={margin} />\n                    <MarginBox prop="marginRight" value={margin} />\n                    <MarginBox prop="marginBottom" value={margin} />\n                    <MarginBox prop="marginLeft" value={margin} />\n                </Inline>\n            </Box>\n        </Stack>\n    )\n}'}},MarginStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveProp<BoxPosition> | undefined"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveProp<BoxDisplay> | undefined"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveProp<BoxFlexDirection> | undefined"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"nowrap"'},{value:'"wrap"'}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveProp<BoxAlignItems> | undefined"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveProp<BoxAlignSelf> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveProp<BoxJustifyContent> | undefined"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"hidden"'},{value:'"auto"'},{value:'"visible"'},{value:'"scroll"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"full"'}]}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{PaddingStory.displayName="PaddingStory",PaddingStory.__docgenInfo={description:"",displayName:"PaddingStory",props:{padding:{defaultValue:null,description:"",name:"padding",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#PaddingStory"]={docgenInfo:PaddingStory.__docgenInfo,name:"PaddingStory",path:"src/new-components/box/box.stories.tsx#PaddingStory"})}catch(__react_docgen_typescript_loader_error){}try{MarginStory.displayName="MarginStory",MarginStory.__docgenInfo={description:"",displayName:"MarginStory",props:{margin:{defaultValue:null,description:"",name:"margin",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#MarginStory"]={docgenInfo:MarginStory.__docgenInfo,name:"MarginStory",path:"src/new-components/box/box.stories.tsx#MarginStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/responsive-props.ts"),_box_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.module.css"),_box_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_box_module_css__WEBPACK_IMPORTED_MODULE_8__),_padding_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/padding.module.css"),_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_padding_module_css__WEBPACK_IMPORTED_MODULE_9__),_margin_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/margin.module.css"),_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_margin_module_css__WEBPACK_IMPORTED_MODULE_10__),_width_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/box/width.module.css"),_width_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_width_module_css__WEBPACK_IMPORTED_MODULE_11__),_excluded=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref$as=_ref.as,component=void 0===_ref$as?"div":_ref$as,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,display=_ref.display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,textAlign=_ref.textAlign,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,margin=_ref.margin,marginY=_ref.marginY,marginX=_ref.marginX,marginTop=_ref.marginTop,marginRight=_ref.marginRight,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,resolvedMarginTop=null!==(_ref6=null!=marginTop?marginTop:marginY)&&void 0!==_ref6?_ref6:margin,resolvedMarginRight=null!==(_ref7=null!=marginRight?marginRight:marginX)&&void 0!==_ref7?_ref7:margin,resolvedMarginBottom=null!==(_ref8=null!=marginBottom?marginBottom:marginY)&&void 0!==_ref8?_ref8:margin,resolvedMarginLeft=null!==(_ref9=null!=marginLeft?marginLeft:marginX)&&void 0!==_ref9?_ref9:margin,omitFlex=!display||"string"==typeof display&&"flex"!==display&&"inlineFlex"!==display;return react__WEBPACK_IMPORTED_MODULE_4__.createElement(component,Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.box,display?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"display",display):null,"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"textAlign",textAlign),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingLeft",resolvedPaddingLeft),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginTop",resolvedMarginTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginRight",resolvedMarginRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginBottom",resolvedMarginBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginLeft",resolvedMarginLeft),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexDirection",flexDirection),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexWrap",flexWrap),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignItems",alignItems),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"justifyContent",justifyContent),null!=alignSelf?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignSelf",alignSelf):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"overflow",overflow),null!=width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"width",String(width)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"border",border):null)||void 0,ref:ref}),children)}))},"./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/button-link/button-link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButtonLink",(function(){return LoadingButtonLink})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return button_link_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return button_link_stories_withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return button_link_stories_iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return button_link_stories_withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return button_link_stories_customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),base_button=__webpack_require__("./src/new-components/base-button/base-button.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","exceptionallySetClassName","openInNewTab"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_link_ButtonLink=Object(polymorphism.a)((function ButtonLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_button.a,Object.assign({},props,{as:as,ref:ref,variant:variant,tone:tone,size:size,exceptionallySetClassName:exceptionallySetClassName,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))}));try{button_link_ButtonLink.displayName="ButtonLink",button_link_ButtonLink.__docgenInfo={description:"A semantic link that looks like a button, exactly matching the `Button` component in all visual\naspects.",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link.tsx#ButtonLink"]={docgenInfo:button_link_ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}function ButtonLinkStoryWrapper(props){return Object(jsx_runtime.jsx)(button_link_ButtonLink,Object.assign({},props,{onClick:function onClick(event){var _props$onClick;event.preventDefault(),null===(_props$onClick=props.onClick)||void 0===_props$onClick||_props$onClick.call(props,event)},href:"https://doist.com"}))}ButtonLinkStoryWrapper.displayName="ButtonLinkStoryWrapper",ButtonLinkStoryWrapper.displayName="ButtonLink";try{ButtonLink.displayName="ButtonLink",ButtonLink.__docgenInfo={description:"",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"]={docgenInfo:ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}var button_link_stories_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function button_link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButtonLink(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(esm.b)(ButtonLinkStoryWrapper,_extends({},props,{loading:loading,onClick:function onClick(event){return setLoading(!0)},mdxType:"ButtonLink"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=button_link_stories_objectWithoutProperties(_ref,button_link_stories_excluded);"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),endIcon:Object(esm.b)(Icon,{mdxType:"Icon"})});return Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(esm.b)(text_text.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(esm.b)(box.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"start",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"center",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"end",mdxType:"LoadingButtonLink"}),label))))}function Template(_ref2){var label=_ref2.label,props=button_link_stories_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")),textLabel="Click me now"),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}))),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}))))))}function DarkModeTemplate(props){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(esm.b)(Template,_extends({},props,{mdxType:"Template"})))}Icon.displayName="Icon",LoadingButtonLink.displayName="LoadingButtonLink",FullWidthTemplate.displayName="FullWidthTemplate",Template.displayName="Template",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButtonLink:LoadingButtonLink,FullWidthTemplate:FullWidthTemplate,Template:Template,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=button_link_stories_objectWithoutProperties(_ref3,_excluded3);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/ButtonLink",component:button_link_ButtonLink,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"ButtonLink"),Object(esm.b)("p",null,"'A semantic link that looks like a button, exactly matching the ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink")," component in all visual\naspects.'"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ButtonLink>")),Object(esm.b)(dist_esm.d,{of:ButtonLinkStoryWrapper,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ButtonLinkStoryWrapper,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Style customization"),Object(esm.b)("p",null,"Check out ",Object(esm.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"With label and icon"),Object(esm.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(esm.b)("p",null,"Nothing prevents you from passing both a ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon before the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon after the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,"Icon-only buttons"),Object(esm.b)("p",null,"Alternatively, you can render an icon-only ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink"),". To do so use the ",Object(esm.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(esm.b)("p",null,"Icon-only buttons do not support receiving the ",Object(esm.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"}))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})))))),Object(esm.b)("h3",null,"With different size"),Object(esm.b)("p",null,"Buttons have a default ",Object(esm.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h3",null,"Customized colors"),Object(esm.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-jsx"},"<ButtonLink\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</ButtonLink>\n")),Object(esm.b)("p",null,"And here's how that look like:"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Enabled")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Disabled"))))),Object(esm.b)("h3",null,"Full-width"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(esm.b)("h3",null,"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var button_link_stories_mainDemo=function mainDemo(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};button_link_stories_mainDemo.displayName="mainDemo",button_link_stories_mainDemo.storyName="Main demo",button_link_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary">Primary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary">Secondary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary">Tertiary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary">Quaternary</ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withLabelAndIcon=function withLabelAndIcon(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon before the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,null)},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon after the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,null)},"Quaternary")))))};button_link_stories_withLabelAndIcon.displayName="withLabelAndIcon",button_link_stories_withLabelAndIcon.storyName="With label and icon",button_link_stories_withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_iconOnlyButtons=function iconOnlyButtons(){return Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)}))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0}))))};button_link_stories_iconOnlyButtons.displayName="iconOnlyButtons",button_link_stories_iconOnlyButtons.storyName="Icon-only buttons",button_link_stories_iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withDifferentSize=function withDifferentSize(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};button_link_stories_withDifferentSize.displayName="withDifferentSize",button_link_stories_withDifferentSize.storyName="With different size",button_link_stories_withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_customizedColors=function customizedColors(){return Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};button_link_stories_customizedColors.displayName="customizedColors",button_link_stories_customizedColors.storyName="Customized colors",button_link_stories_customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <ButtonLink variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </ButtonLink>\n            </Box>\n            <Box>\n                <ButtonLink variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </ButtonLink>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/ButtonLink",parameters:{badges:["accessible"]},component:button_link_ButtonLink,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/button/button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButton",(function(){return LoadingButton})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_box__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/heading/heading.tsx"),_button__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/button/button.tsx"),_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButton(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_16__.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,_extends({},props,{loading:loading,onClick:function onClick(){return setLoading(!0)},mdxType:"Button"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=_objectWithoutProperties(_ref,_excluded);"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"})});return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"start",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"center",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"end",mdxType:"LoadingButton"}),label))))}function PlaygroundTemplate(_ref2){var label=_ref2.label,props=_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")),textLabel="Click me now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"})))))))}function DarkModeTemplate(props){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(PlaygroundTemplate,_extends({},props,{mdxType:"PlaygroundTemplate"})))}Icon.displayName="Icon",LoadingButton.displayName="LoadingButton",FullWidthTemplate.displayName="FullWidthTemplate",PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButton:LoadingButton,FullWidthTemplate:FullWidthTemplate,PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded3);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{title:"Design system/Button",component:_button__WEBPACK_IMPORTED_MODULE_24__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",null,"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"A semantic button that provides all the necessary visual variants. It follows the\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-practices/#button"},"WAI-ARIA Button Pattern"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"h2"},"<Button>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.d,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Style customization"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Check out ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With label and icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Nothing prevents you from passing both a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Icon-only buttons"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Alternatively, you can render an icon-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"Button"),". To do so use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Icon-only buttons do not support receiving the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With different size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Buttons have a default ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Customized colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("code",{parentName:"pre",className:"language-jsx"},"<Button\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</Button>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"And here's how that look like:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Disabled"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Full-width"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Dark mode"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary">Primary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary">Secondary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary">Tertiary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary">Quaternary</Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withLabelAndIcon=function withLabelAndIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))))};withLabelAndIcon.displayName="withLabelAndIcon",withLabelAndIcon.storyName="With label and icon",withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var iconOnlyButtons=function iconOnlyButtons(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0}))))};iconOnlyButtons.displayName="iconOnlyButtons",iconOnlyButtons.storyName="Icon-only buttons",iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withDifferentSize=function withDifferentSize(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};withDifferentSize.displayName="withDifferentSize",withDifferentSize.storyName="With different size",withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var customizedColors=function customizedColors(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};customizedColors.displayName="customizedColors",customizedColors.storyName="Customized colors",customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <Button variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </Button>\n            </Box>\n            <Box>\n                <Button variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </Button>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=PlaygroundTemplate.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Button",parameters:{badges:["accessible"]},component:_button__WEBPACK_IMPORTED_MODULE_24__.a,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/button/button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","tone","size","type","disabled","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function Button(_ref,ref){var variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_base_button__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},props,{as:"button",ref:ref,variant:variant,tone:tone,size:size,type:type,disabled:disabled,exceptionallySetClassName:exceptionallySetClassName}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"A semantic button that also looks like a button, and provides all the necessary visual variants.\nIt follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).",displayName:"Button",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"normal"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"normal"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/checkbox-field/checkbox-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"basicExample",(function(){return basicExample})),__webpack_require__.d(__webpack_exports__,"reactNodeAsLabel",(function(){return reactNodeAsLabel})),__webpack_require__.d(__webpack_exports__,"indeterminateExample",(function(){return indeterminateExample})),__webpack_require__.d(__webpack_exports__,"accessibilityExamples",(function(){return accessibilityExamples}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js"),__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx")),_stack__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/text/text.tsx"),_inline__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/inline/inline.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}Icon.displayName="Icon";var Template=function Template(_ref){var disabled=_ref.disabled,indeterminate=_ref.indeterminate,label=_ref.label;_ref["aria-controls"],_ref["aria-describedby"],_ref["aria-label"],_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{disabled:disabled,indeterminate:indeterminate,label:label,mdxType:"CheckboxField"})};Template.displayName="Template";var layoutProps={Icon:Icon,Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{title:"Design system/CheckboxField",component:___WEBPACK_IMPORTED_MODULE_21__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",null,"CheckboxField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with a built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Basic Example",args:{label:"Default label"},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.d,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"ReactNode as Label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with an icon and a string for the built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"ReactNode as Label",args:{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,{mdxType:"Icon"})," Label with icon")},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"Indeterminate Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Indeterminate Example",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState2[0],setState=_useState2[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium",mdxType:"Inline"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))},mdxType:"CheckboxField"})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Examples",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the checkbox as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var basicExample=Template.bind({});basicExample.storyName="Basic Example",basicExample.args={label:"Default label"},basicExample.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var reactNodeAsLabel=Template.bind({});reactNodeAsLabel.storyName="ReactNode as Label",reactNodeAsLabel.args={label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,null)," Label with icon")},reactNodeAsLabel.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var indeterminateExample=function indeterminateExample(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState4[0],setState=_useState4[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))}})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))};indeterminateExample.displayName="indeterminateExample",indeterminateExample.storyName="Indeterminate Example",indeterminateExample.parameters=Object.assign({storySource:{source:'() => {\n  const [state, setState] = useState([false, true, false, false, false]);\n  const checkedCount = state.filter(Boolean).length;\n  const indeterminate = checkedCount > 0 && checkedCount < state.length;\n  return <Stack space="medium" dividers="primary">\n                    <CheckboxField checked={checkedCount === state.length} onChange={event => {\n      const {\n        checked\n      } = event.currentTarget;\n      setState(state => state.map(() => checked));\n    }} indeterminate={indeterminate} label={`Check/uncheck all (${checkedCount} / ${state.length})`} />\n                    <Inline space="medium">\n                        {state.map((checked, index) => <CheckboxField key={`${index}-${String(checked)}`} label={String(index + 1)} checked={checked} onChange={event => {\n        const {\n          checked\n        } = event.currentTarget;\n        setState(state => {\n          const newState = [...state];\n          newState[index] = checked;\n          return newState;\n        });\n      }} />)}\n                    </Inline>\n                    <Text tone="secondary">\n                        Mark some (but not all) numbered checkboxes to see the one at the top as\n                        indeterminate.\n                    </Text>\n                </Stack>;\n}'}},{docs:{source:{type:"dynamic"}}});var accessibilityExamples=function accessibilityExamples(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will describe the checkbox as "Husky".')))};accessibilityExamples.displayName="accessibilityExamples",accessibilityExamples.storyName="Accessibility Examples",accessibilityExamples.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <CheckboxField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the checkbox as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/CheckboxField",parameters:{badges:["accessible"]},component:___WEBPACK_IMPORTED_MODULE_21__.a,includeStories:["basicExample","reactNodeAsLabel","indeterminateExample","accessibilityExamples"]},mdxStoryNameToKey={"Basic Example":"basicExample","ReactNode as Label":"reactNodeAsLabel","Indeterminate Example":"indeterminateExample","Accessibility Examples":"accessibilityExamples"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/checkbox-field/checkbox-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkbox_field_CheckboxField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","indeterminate","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var svgPath={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};function CheckboxIcon(_ref2){var checked=_ref2.checked,indeterminate=_ref2.indeterminate,disabled=_ref2.disabled,props=_objectWithoutProperties(_ref2,_excluded),pathKey=function getPathKey(_ref){var checked=_ref.checked,indeterminate=_ref.indeterminate,disabled=_ref.disabled;return indeterminate?"mixed":checked?"checked":disabled?"filled":"unchecked"}({checked:checked,indeterminate:indeterminate,disabled:disabled});return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},props,{children:Object(jsx_runtime.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:svgPath[pathKey]})}))}CheckboxIcon.displayName="CheckboxIcon";try{CheckboxIcon.displayName="CheckboxIcon",CheckboxIcon.__docgenInfo={description:"",displayName:"CheckboxIcon",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean | undefined"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"]={docgenInfo:CheckboxIcon.__docgenInfo,name:"CheckboxIcon",path:"src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"})}catch(__react_docgen_typescript_loader_error){}var checkbox_field_module=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.module.css"),checkbox_field_module_default=__webpack_require__.n(checkbox_field_module),checkbox_field_excluded=["label","disabled","indeterminate","defaultChecked","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkbox_field_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function checkbox_field_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkbox_field_CheckboxField=react.forwardRef((function CheckboxField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,disabled=_ref.disabled,indeterminate=_ref.indeterminate,defaultChecked=_ref.defaultChecked,_onChange=_ref.onChange,props=checkbox_field_objectWithoutProperties(_ref,checkbox_field_excluded),isControlledComponent="boolean"==typeof props.checked;"boolean"!=typeof indeterminate||isControlledComponent||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),indeterminate=void 0),label||props["aria-label"]||props["aria-labelledby"]||console.warn("A Checkbox needs a label");var _React$useState2=_slicedToArray(react.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState,internalRef=react.useRef(null),combinedRef=Object(hooks.e)(internalRef,ref);return react.useEffect((function setIndeterminate(){internalRef.current&&"boolean"==typeof indeterminate&&(internalRef.current.indeterminate=indeterminate)}),[indeterminate]),Object(jsx_runtime.jsxs)(box.a,{as:"label",display:"flex",alignItems:"center",className:[checkbox_field_module_default.a.container,disabled?checkbox_field_module_default.a.disabled:null,isChecked?checkbox_field_module_default.a.checked:null,keyFocused?checkbox_field_module_default.a.keyFocused:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,{ref:combinedRef,type:"checkbox","aria-checked":indeterminate?"mixed":isChecked,checked:isChecked,disabled:disabled,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}})),Object(jsx_runtime.jsx)(CheckboxIcon,{checked:isChecked,disabled:disabled,indeterminate:indeterminate,"aria-hidden":!0}),label?Object(jsx_runtime.jsx)(text_text.a,{children:label}):null]})}));try{checkbox_field_CheckboxField.displayName="CheckboxField",checkbox_field_CheckboxField.__docgenInfo={description:"",displayName:"CheckboxField",props:{disabled:{defaultValue:null,description:"Defines whether or not the checkbox is disabled.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the checkbox for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current checkbox for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current checkbox for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label for the checkbox element.",name:"label",required:!1,type:{name:"ReactNode"}},indeterminate:{defaultValue:null,description:"Defines whether or not the checkbox can be of a `mixed` state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"]={docgenInfo:checkbox_field_CheckboxField.__docgenInfo,name:"CheckboxField",path:"src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/columns/columns.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_box__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/box/box.tsx"),_columns__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/columns/columns.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Columns",component:_columns__WEBPACK_IMPORTED_MODULE_6__.b,subcomponents:{Column:_columns__WEBPACK_IMPORTED_MODULE_6__.a},argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["left","center","right"]),alignY:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["top","center","bottom","baseline"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.e)()),parameters:{badges:["accessible"]}};var AlignmentStory=function AlignmentStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use alignY to control vertical alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:30*(i+1)})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use align to control horizontal alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})})]}))})]})};AlignmentStory.displayName="AlignmentStory";var WidthsStory=function WidthsStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})})]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"4/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"4/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]})]})})]})};WidthsStory.displayName="WidthsStory",WidthsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var ResponsiveStory=function ResponsiveStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Columns alignment changes as the viewport size changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"medium",align:{mobile:"left",tablet:"center",desktop:"right"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Space between columns reduces on smaller screen sizes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use collapseBelow to control if/when the columns become stacked depending on viewport width",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))})]})]})};ResponsiveStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),collapseBelow:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["tablet","desktop"],"tablet"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var FlexChildStory=function FlexChildStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"As a flex child",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Element outside of Columns"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))]})})};FlexChildStory.displayName="FlexChildStory",FlexChildStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var NestedColumnsStory=function NestedColumnsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Inner Columns retain their own spacing",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:0,height:50})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:6,height:50})})]})})};NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d),AlignmentStory.parameters=Object.assign({storySource:{source:'function AlignmentStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="xlarge">\n            <Wrapper title="Use alignY to control vertical alignment" border={true}>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={(i + 1) * 30} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Wrapper>\n            <Wrapper title="Use align to control horizontal alignment" border={true}>\n                <Columns {...args}>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                </Columns>\n            </Wrapper>\n        </Stack>\n    )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=Object.assign({storySource:{source:'function WidthsStory({ space }: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="large" dividers="primary">\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="medium">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/5">\n                            <Placeholder label="1/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/5">\n                            <Placeholder label="2/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/5">\n                            <Placeholder label="3/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="4/5">\n                            <Placeholder label="4/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n        </Stack>\n    )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory(args: PartialProps<typeof Columns>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Columns alignment changes as the viewport size changes">\n                    <Columns\n                        space="medium"\n                        align={{ mobile: \'left\', tablet: \'center\', desktop: \'right\' }}\n                    >\n                        {times(5).map((i) => (\n                            <Column width="content" key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Space between columns reduces on smaller screen sizes">\n                    <Columns space={{ mobile: \'xsmall\', tablet: \'medium\', desktop: \'xlarge\' }}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Use collapseBelow to control if/when the columns become stacked depending on viewport width">\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),FlexChildStory.parameters=Object.assign({storySource:{source:'function FlexChildStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="As a flex child">\n            <Box display="flex" alignItems="center">\n                <Box>\n                    <Placeholder label="Element outside of Columns" />\n                </Box>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={50} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Box>\n        </Wrapper>\n    )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=Object.assign({storySource:{source:'function NestedColumnsStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="Inner Columns retain their own spacing">\n            <Columns space="xlarge">\n                <Column>\n                    <Placeholder label={0} height={50} />\n                </Column>\n\n                <Column>\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Column>\n\n                <Column>\n                    <Placeholder label={6} height={50} />\n                </Column>\n            </Columns>\n        </Wrapper>\n    )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/columns/columns.module.css"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["width","children","exceptionallySetClassName"],_excluded2=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,height:"full",flexShrink:"content"===width?0:void 0,ref:ref,children:children}))})),Columns=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,_ref2$align=_ref2.align,align=void 0===_ref2$align?"left":_ref2$align,_ref2$alignY=_ref2.alignY,alignY=void 0===_ref2$alignY?"top":_ref2$alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space)],display:"flex",flexDirection:"desktop"===collapseBelow?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===collapseBelow?{mobile:"column",tablet:"row"}:"row",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":alignY})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":align})),ref:ref,children:children}))}))},"./src/new-components/common-helpers.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return generateElementId})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),uid=0;function generateElementId(prefix){return prefix+"-"+function uniqueId(){return uid++}()}function useId(providedId){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=providedId?providedId:null);return ref.current||(ref.current=generateElementId("element")),ref.current}},"./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/deprecated-modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),reach_dialog_esm=__webpack_require__("./node_modules/@reach/dialog/dist/reach-dialog.esm.js"),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),modal_module=__webpack_require__("./src/new-components/deprecated-modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function DeprecatedModal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]);return Object(jsx_runtime.jsx)(reach_dialog_esm.b,{isOpen:isOpen,onDismiss:onDismiss,dangerouslyBypassFocusLock:!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),"data-testid":"modal-overlay",children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(reach_dialog_esm.a,Object.assign({},props,{as:box.a,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}function DeprecatedModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function DeprecatedModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(DeprecatedModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function DeprecatedModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function DeprecatedModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function DeprecatedModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}DeprecatedModal.displayName="DeprecatedModal",DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalActions.displayName="DeprecatedModalActions";try{DeprecatedModal.displayName="DeprecatedModal",DeprecatedModal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"DeprecatedModal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"]={docgenInfo:DeprecatedModal.__docgenInfo,name:"DeprecatedModal",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"DeprecatedModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"]={docgenInfo:DeprecatedModalCloseButton.__docgenInfo,name:"DeprecatedModalCloseButton",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalHeader.displayName="DeprecatedModalHeader",DeprecatedModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"DeprecatedModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see DeprecatedModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"]={docgenInfo:DeprecatedModalHeader.__docgenInfo,name:"DeprecatedModalHeader",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"DeprecatedModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"]={docgenInfo:DeprecatedModalBody.__docgenInfo,name:"DeprecatedModalBody",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalFooter.displayName="DeprecatedModalFooter",DeprecatedModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"DeprecatedModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"]={docgenInfo:DeprecatedModalFooter.__docgenInfo,name:"DeprecatedModalFooter",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalActions.displayName="DeprecatedModalActions",DeprecatedModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"DeprecatedModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"]={docgenInfo:DeprecatedModalActions.__docgenInfo,name:"DeprecatedModalActions",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,toggle:function toggle(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var _ref2$initialState=_ref2.initialState,initialState=void 0===_ref2$initialState?defaultInitialState:_ref2$initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],toggle=react.useCallback((function(){return setOpen((function(v){return!v}))}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(initialState),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,toggle:toggle,onChange:onChange},props)}),[isOpen,toggle,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,toggle=react.useContext(ModalStoryContext).toggle;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:toggle,children:children})}function Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,toggle=_React$useContext3.toggle,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(DeprecatedModal,Object.assign({isOpen:isOpen,onDismiss:toggle,width:width,height:height},props))}function ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",Modal.displayName="Modal",ModalHeader.displayName="ModalHeader";var ModalBody=DeprecatedModalBody;function ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({withDivider:withScrollableContent},props))}function ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalActions,Object.assign({withDivider:withScrollableContent},props))}ModalFooter.displayName="ModalFooter",ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/deprecated-modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Components/Modal",component:DeprecatedModal,parameters:{badges:["accessible","deprecated"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://reach.tech/dialog/"},"Reach UI's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Components/Modal",parameters:{badges:["accessible","deprecated"]},component:DeprecatedModal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/divider/divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/divider/divider.module.css"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_divider_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["weight"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"tertiary":_ref$weight,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"hr",className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_5__.a)(_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"weight",weight)},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"tertiary"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/heading/heading.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveHeadingStory",(function(){return ResponsiveHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/heading/heading.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var HeadingStory=function HeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{dividers:"primary",space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",children:"Heading level 1, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"larger",children:"Heading level 1, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,children:"Heading level 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"smaller",children:"Heading level 1, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"largest",children:"Heading level 2, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"larger",children:"Heading level 2, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,children:"Heading level 2"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"smaller",children:"Heading level 2, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"largest",children:"Heading level 3, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"larger",children:"Heading level 3, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,children:"Heading level 3"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"smaller",children:"Heading level 3, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"largest",children:"Heading level 4 / 5 / 6, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"larger",children:"Heading level 4 / 5 / 6, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,children:"Heading level 4 / 5 / 6"})]})]})})};HeadingStory.displayName="HeadingStory";var TruncatedHeadingStory=function TruncatedHeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",lineClamp:1,children:"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,lineClamp:2,children:"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."})]})};TruncatedHeadingStory.displayName="TruncatedHeadingStory";var ResponsiveHeadingStory=function ResponsiveHeadingStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveHeadingStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}},HeadingStory.parameters=Object.assign({storySource:{source:'function HeadingStory() {\n    return (\n        <section className="story">\n            <Stack dividers="primary" space="medium">\n                <Stack space="small">\n                    <Heading level={1} size="largest">\n                        Heading level 1, largest\n                    </Heading>\n                    <Heading level={1} size="larger">\n                        Heading level 1, larger\n                    </Heading>\n                    <Heading level={1}>Heading level 1</Heading>\n                    <Heading level={1} size="smaller">\n                        Heading level 1, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={2} size="largest">\n                        Heading level 2, largest\n                    </Heading>\n                    <Heading level={2} size="larger">\n                        Heading level 2, larger\n                    </Heading>\n                    <Heading level={2}>Heading level 2</Heading>\n                    <Heading level={2} size="smaller">\n                        Heading level 2, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={3} size="largest">\n                        Heading level 3, largest\n                    </Heading>\n                    <Heading level={3} size="larger">\n                        Heading level 3, larger\n                    </Heading>\n                    <Heading level={3}>Heading level 3</Heading>\n                    <Heading level={3} size="smaller">\n                        Heading level 3, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={4} size="largest">\n                        Heading level 4 / 5 / 6, largest\n                    </Heading>\n                    <Heading level={4} size="larger">\n                        Heading level 4 / 5 / 6, larger\n                    </Heading>\n                    <Heading level={4}>Heading level 4 / 5 / 6</Heading>\n                </Stack>\n            </Stack>\n        </section>\n    )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=Object.assign({storySource:{source:'function TruncatedHeadingStory() {\n    return (\n        <section className="story">\n            <Heading level={1} size="largest" lineClamp={1}>\n                This is a long title which we will use demonstrate truncating content. When this\n                overflows and begins to drop to a new line, its overflowing content will be replaced\n                by ellipses.\n            </Heading>\n            <Heading level={2} lineClamp={2}>\n                Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n                Sometimes we need to provide more context yet still remain skimmable to users, and\n                subtitles are a good way to do this. As it&rsquo;s much longer now we can allow a\n                second line to be displayed before truncating it at two lines.\n            </Heading>\n        </section>\n    )\n}'}},TruncatedHeadingStory.parameters),ResponsiveHeadingStory.parameters=Object.assign({storySource:{source:"function ResponsiveHeadingStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Heading {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveHeadingStory.parameters),HeadingPlaygroundStory.parameters=Object.assign({storySource:{source:'function HeadingPlaygroundStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <section className="story playground">\n            <Heading {...props} />\n        </section>\n    )\n}'}},HeadingPlaygroundStory.parameters);try{ResponsiveHeadingStory.displayName="ResponsiveHeadingStory",ResponsiveHeadingStory.__docgenInfo={description:"",displayName:"ResponsiveHeadingStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"]={docgenInfo:ResponsiveHeadingStory.__docgenInfo,name:"ResponsiveHeadingStory",path:"src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"})}catch(__react_docgen_typescript_loader_error){}try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/heading/heading.module.css"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,align=_ref.align,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),headingElementName="h"+level,lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{className:[exceptionallySetClassName,_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,as:headingElementName,ref:ref,children:children}))}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"regular"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"normal"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden-visually/hidden-visually.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenVisually}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.module.css"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HiddenVisually=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__.a)((function HiddenVisually(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{ref:ref,position:"absolute",overflow:"hidden",className:_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.hiddenVisually}))}))},"./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden/hidden.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return hidden_stories_ResponsiveStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./src/new-components/box/box.tsx")),hidden_module=__webpack_require__("./src/new-components/hidden/hidden.module.css"),hidden_module_default=__webpack_require__.n(hidden_module),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["display","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var hidden_Hidden=Object(polymorphism.a)((function Hidden(_ref,ref){var _ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),hiddenOnPrint="print"in props&&props.print,hiddenOnDesktop="above"in props,hiddenOnMobile="below"in props,hiddenOnTablet="below"in props&&"desktop"===props.below||"above"in props&&"mobile"===props.above;return hiddenOnDesktop&&hiddenOnMobile&&console.warn('<Hidden /> should receive either above="…" or below="…" but not both'),hiddenOnDesktop||hiddenOnMobile||hiddenOnPrint||console.warn("<Hidden /> did not receive any criteria to hide itself"),"above"in props&&delete props.above,"below"in props&&delete props.below,"print"in props&&delete props.print,Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,className:[exceptionallySetClassName,hiddenOnPrint?hidden_module_default.a.hiddenOnPrint:null],display:hiddenOnDesktop&&hiddenOnMobile?"none":{mobile:hiddenOnMobile?"none":display,tablet:hiddenOnTablet?"none":display,desktop:hiddenOnDesktop?"none":display},children:children}))})),hidden_stories_ResponsiveStory=(__webpack_exports__.default={title:"Design system/Hidden",component:hidden_Hidden,parameters:{badges:["accessible"]}},function ResponsiveStory(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(storybook_helper.b,{}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Always visible 📱💻🖥"}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"mobile",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on mobile 📱",height:30})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"desktop",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on desktop 🖥",height:75})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in tablet and desktop 💻🖥",height:60})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in mobile and tablet 📱💻",height:45})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Does not make sense"})})]})]})});hidden_stories_ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="medium">\n                <Placeholder label="Always visible 📱💻🖥" />\n\n                <Hidden above="mobile">\n                    <Placeholder label="Visible only on mobile 📱" height={30} />\n                </Hidden>\n\n                <Hidden below="desktop">\n                    <Placeholder label="Visible only on desktop 🖥" height={75} />\n                </Hidden>\n\n                <Hidden below="tablet">\n                    <Placeholder label="Visible in tablet and desktop 💻🖥" height={60} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Visible in mobile and tablet 📱💻" height={45} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Does not make sense" />\n                </Hidden>\n            </Stack>\n        </>\n    )\n}'}},hidden_stories_ResponsiveStory.parameters)},"./src/new-components/icons/alert-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlertIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["tone"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var alertIconForTone={info:AlertInfoIcon,positive:AlertPositiveIcon,caution:AlertCautionIcon,critical:AlertCriticalIcon};function AlertIcon(_ref){var tone=_ref.tone,props=_objectWithoutProperties(_ref,_excluded),Icon=alertIconForTone[tone];return Icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Icon,Object.assign({},props)):null}function AlertInfoIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",fill:"currentColor"})}))}function AlertPositiveIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",fill:"currentColor"})}))}function AlertCautionIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",fill:"currentColor"})}))}function AlertCriticalIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",fill:"currentColor"})}))}AlertInfoIcon.displayName="AlertInfoIcon",AlertPositiveIcon.displayName="AlertPositiveIcon",AlertCautionIcon.displayName="AlertCautionIcon",AlertCriticalIcon.displayName="AlertCriticalIcon";try{AlertIcon.displayName="AlertIcon",AlertIcon.__docgenInfo={description:"",displayName:"AlertIcon",props:{tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/alert-icon.tsx#AlertIcon"]={docgenInfo:AlertIcon.__docgenInfo,name:"AlertIcon",path:"src/new-components/icons/alert-icon.tsx#AlertIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/close-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CloseIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{fill:"currentColor",d:"M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"})}))}CloseIcon.displayName="CloseIcon";try{CloseIcon.displayName="CloseIcon",CloseIcon.__docgenInfo={description:"",displayName:"CloseIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/close-icon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/new-components/icons/close-icon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/password-visible-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PasswordVisibleIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordVisibleIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"gray",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{d:"M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("circle",{cx:"12",cy:"12",r:"3.5"})]})}))}PasswordVisibleIcon.displayName="PasswordVisibleIcon";try{PasswordVisibleIcon.displayName="PasswordVisibleIcon",PasswordVisibleIcon.__docgenInfo={description:"",displayName:"PasswordVisibleIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"]={docgenInfo:PasswordVisibleIcon.__docgenInfo,name:"PasswordVisibleIcon",path:"src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/inline/inline.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return NestedStackStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/heading/heading.tsx"),_inline__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/inline/inline.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function renderInlineContent(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:20,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:80,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:150,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:180,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:100,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48})]})}__webpack_exports__.default={title:"Design system/Inline",component:_inline__WEBPACK_IMPORTED_MODULE_5__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("medium"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.i)(["left","center","right"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.e)()),parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how it wraps content",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{children:renderInlineContent()}))})};InteractivePropsStory.displayName="InteractivePropsStory";var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how spacing changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:renderInlineContent()})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how alignment changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",align:{mobile:"left",tablet:"center",desktop:"right"},children:renderInlineContent()})})]})]})};ResponsiveStory.argTypes=Object.assign({space:{control:!1},align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d);var NestedStackStory=function NestedStackStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_4__.a,{level:"1",children:["Parent stack with space=“",null!=space?space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()})]})})};NestedStackStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("xlarge"),align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory(args: PartialProps<typeof Inline>) {\n    return (\n        <Wrapper title="Change the viewport width to see how it wraps content" border={true}>\n            <Inline {...args}>{renderInlineContent()}</Inline>\n        </Wrapper>\n    )\n}'}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space=\"medium\">\n                <Wrapper title=\"Change the viewport width to see how spacing changes\" border={true}>\n                    <Inline space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}>\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n                <Wrapper\n                    title=\"Change the viewport width to see how alignment changes\"\n                    border={true}\n                >\n                    <Inline\n                        space=\"xsmall\"\n                        align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n                    >\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStackStory.parameters=Object.assign({storySource:{source:'function NestedStackStory({ space }: PartialProps<typeof Inline>) {\n    return (\n        <>\n            <Stack space={space}>\n                <Heading level="1">Parent stack with space=&ldquo;{space ?? \'none\'}&rdquo;</Heading>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n            </Stack>\n        </>\n    )\n}'}},NestedStackStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStackStory.displayName="NestedStackStory",NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/inline/inline.module.css"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_inline_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","alignY","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Inline=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function Inline(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,display:"flex",flexWrap:"wrap",className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.a)(_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"space",space)],ref:ref,alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),children:children}))}))},"./src/new-components/loading/loading.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Example",(function(){return Example})),__webpack_require__.d(__webpack_exports__,"allSizes",(function(){return loading_stories_allSizes})),__webpack_require__.d(__webpack_exports__,"customizeColor",(function(){return loading_stories_customizeColor})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return loading_stories_accessibilityAttributes})),__webpack_require__.d(__webpack_exports__,"accessibilityConsiderations",(function(){return loading_stories_accessibilityConsiderations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["size","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizeMapping={xsmall:16,small:24,medium:36,large:48};function Loading(_ref){var _sizeMapping$size,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),numericSize=null!==(_sizeMapping$size=sizeMapping[size])&&void 0!==_sizeMapping$size?_sizeMapping$size:sizeMapping.small,ariaLabel=props["aria-label"]?props["aria-label"]:props["aria-labelledby"]?void 0:"Loading…";return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{"aria-label":ariaLabel,className:exceptionallySetClassName,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar",children:Object(jsx_runtime.jsx)(spinner.a,{size:numericSize,"aria-hidden":!0})}))}Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{size:{defaultValue:{value:"small"},description:"The size of the loading spinner.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the loading component for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current loading component for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current loading component for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/new-components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var loading_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function loading_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function loading_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Example(_ref){var children=_ref.children,size=_ref.size;return Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},children),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},'size="',size,'"'))}Example.displayName="Example";var layoutProps={Example:Example};function MDXContent(_ref2){var components=_ref2.components,props=loading_stories_objectWithoutProperties(_ref2,loading_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Loading",component:Loading,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Loading"),Object(esm.b)("p",null,"A loading indicator that comes in three sizes."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"All Sizes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Loading,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Loading,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Customized color"),Object(esm.b)("p",null,"The loading indicator adopts the current brand background color defined in the ",Object(esm.b)("inlineCode",{parentName:"p"},"--reactist-spinner-tint"),"\nCSS variable."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Customize Color",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"},mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("h2",null,"Accessibility"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(Loading,{"aria-label":"Loading puppies",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary",mdxType:"Text"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-describedby"))))),Object(esm.b)("h4",null,"Usage Considerations"),Object(esm.b)("p",null,"If the ",Object(esm.b)("inlineCode",{parentName:"p"},"Loading")," component is describing the loading progress of a particular region of a page, you should use the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-describedby")," attribute to point to the status, and set the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-busy")," attribute to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," on the region until it is finished loading."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Considerations",mdxType:"Story"},Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"},mdxType:"Box"},Object(esm.b)(Loading,{"aria-describedby":"loading-progress",mdxType:"Loading"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var loading_stories_allSizes=function allSizes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_allSizes.displayName="allSizes",loading_stories_allSizes.storyName="All Sizes",loading_stories_allSizes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_customizeColor=function customizeColor(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"}},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_customizeColor.displayName="customizeColor",loading_stories_customizeColor.storyName="Customize Color",loading_stories_customizeColor.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd" style={{\n  \'--reactist-spinner-tint\': \'red\'\n}}>\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityAttributes=function accessibilityAttributes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(Loading,{"aria-label":"Loading puppies"}),Object(esm.b)(box.a,{as:"pre"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens"}),Object(esm.b)(box.a,{as:"pre"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress"}),Object(esm.b)(box.a,{as:"pre"},"aria-describedby")))};loading_stories_accessibilityAttributes.displayName="accessibilityAttributes",loading_stories_accessibilityAttributes.storyName="Accessibility Attributes",loading_stories_accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Stack space="xxlarge" align="center">\n                <Loading aria-label="Loading puppies" />\n                <Box as="pre">aria-label</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-kittens" tone="secondary">\n                    Loading kittens...\n                </Text>\n                <Loading aria-labelledby="loading-kittens" />\n                <Box as="pre">aria-labelledby</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-progress" tone="secondary">\n                    50% complete...\n                </Text>\n                <Loading aria-label="loading-progress" />\n                <Box as="pre">aria-describedby</Box>\n            </Stack>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityConsiderations=function accessibilityConsiderations(){return Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"}},Object(esm.b)(Loading,{"aria-describedby":"loading-progress"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete"))};loading_stories_accessibilityConsiderations.displayName="accessibilityConsiderations",loading_stories_accessibilityConsiderations.storyName="Accessibility Considerations",loading_stories_accessibilityConsiderations.parameters=Object.assign({storySource:{source:'<Box alignItems="center" aria-busy={true} display="flex" flexDirection="column" justifyContent="spaceEvenly" style={{\n  background: \'#f3f3f3\',\n  border: \'1px solid #333\',\n  width: \'200px\',\n  height: \'200px\'\n}}>\n            <Loading aria-describedby="loading-progress" />\n            <Text id="loading-progress" tone="secondary">\n                50% complete\n            </Text>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Loading",parameters:{badges:["accessible"]},component:Loading,includeStories:["allSizes","customizeColor","accessibilityAttributes","accessibilityConsiderations"]},mdxStoryNameToKey={"All Sizes":"allSizes","Customize Color":"customizeColor","Accessibility Attributes":"accessibilityAttributes","Accessibility Considerations":"accessibilityConsiderations"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal})),__webpack_require__.d(__webpack_exports__,"autofocus",(function(){return modal_stories_autofocus})),__webpack_require__.d(__webpack_exports__,"stackingModals",(function(){return modal_stories_stackingModals}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),menu=__webpack_require__("./src/components/menu/menu.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return Object(jsx_runtime.jsx)("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26",children:Object(jsx_runtime.jsxs)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:[Object(jsx_runtime.jsx)("circle",{fill:color,cx:"19",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"13",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"7",cy:"13",r:"2"})]})})};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),dist_es2015=__webpack_require__("./node_modules/aria-hidden/dist/es2015/index.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),modal_module=__webpack_require__("./src/new-components/modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function Modal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),setVisible=react.useCallback((function(visible){visible||null==onDismiss||onDismiss()}),[onDismiss]),state=Object(dialog_state.a)({visible:isOpen,setVisible:setVisible}),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]),portalRef=react.useRef(null),dialogRef=react.useRef(null),backdropRef=react.useRef(null),handleBackdropClick=react.useCallback((function(event){var _dialogRef$current,_backdropRef$current;null!==(_dialogRef$current=dialogRef.current)&&void 0!==_dialogRef$current&&_dialogRef$current.contains(event.target)||null===(_backdropRef$current=backdropRef.current)||void 0===_backdropRef$current||!_backdropRef$current.contains(event.target)||(event.stopPropagation(),null==onDismiss||onDismiss())}),[onDismiss]);return react.useLayoutEffect((function disableAccessibilityTreeOutside(){if(isOpen&&portalRef.current)return Object(dist_es2015.a)(portalRef.current)}),[isOpen]),isOpen?Object(jsx_runtime.jsx)(portal.a,{portalRef:portalRef,children:Object(jsx_runtime.jsx)(box.a,{"data-testid":"modal-overlay","data-overlay":!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),onClick:handleBackdropClick,ref:backdropRef,children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(dialog.a,Object.assign({},props,{ref:dialogRef,as:box.a,state:state,hideOnEscape:!0,preventBodyScroll:!0,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}):null}function ModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function ModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(ModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function ModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function ModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function ModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}Modal.displayName="Modal",ModalCloseButton.displayName="ModalCloseButton",ModalBody.displayName="ModalBody",ModalActions.displayName="ModalActions";try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"Modal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/new-components/modal/modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}try{ModalCloseButton.displayName="ModalCloseButton",ModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"ModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalCloseButton"]={docgenInfo:ModalCloseButton.__docgenInfo,name:"ModalCloseButton",path:"src/new-components/modal/modal.tsx#ModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{ModalHeader.displayName="ModalHeader",ModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"ModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see ModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalHeader"]={docgenInfo:ModalHeader.__docgenInfo,name:"ModalHeader",path:"src/new-components/modal/modal.tsx#ModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{ModalBody.displayName="ModalBody",ModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"ModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalBody"]={docgenInfo:ModalBody.__docgenInfo,name:"ModalBody",path:"src/new-components/modal/modal.tsx#ModalBody"})}catch(__react_docgen_typescript_loader_error){}try{ModalFooter.displayName="ModalFooter",ModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"ModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalFooter"]={docgenInfo:ModalFooter.__docgenInfo,name:"ModalFooter",path:"src/new-components/modal/modal.tsx#ModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{ModalActions.displayName="ModalActions",ModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"ModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalActions"]={docgenInfo:ModalActions.__docgenInfo,name:"ModalActions",path:"src/new-components/modal/modal.tsx#ModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,openModal:function openModal(){},closeModal:function closeModal(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var initialState=_ref2.initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],openModal=react.useCallback((function(){setOpen(!0)}),[]),closeModal=react.useCallback((function(){setOpen(!1)}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(Object.assign({},defaultInitialState,initialState)),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,openModal:openModal,closeModal:closeModal,onChange:onChange},props)}),[isOpen,openModal,closeModal,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,_ref5$action=_ref5.action,action=void 0===_ref5$action?"close":_ref5$action,_React$useContext2=react.useContext(ModalStoryContext),openModal=_React$useContext2.openModal,closeModal=_React$useContext2.closeModal;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:"open"===action?openModal:closeModal,children:children})}function modal_stories_components_Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,closeModal=_React$useContext3.closeModal,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(Modal,Object.assign({isOpen:isOpen,onDismiss:closeModal,width:width,height:height},props))}function modal_stories_components_ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(ModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",modal_stories_components_Modal.displayName="Modal",modal_stories_components_ModalHeader.displayName="ModalHeader";var modal_stories_components_ModalBody=ModalBody;function modal_stories_components_ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({withDivider:withScrollableContent},props))}function modal_stories_components_ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalActions,Object.assign({withDivider:withScrollableContent},props))}modal_stories_components_ModalFooter.displayName="ModalFooter",modal_stories_components_ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Modal",component:Modal,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://ariakit.org/components/dialog"},"Ariakit's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:Modal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Modal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:ModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:ModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:ModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:ModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:ModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,{mdxType:"Columns"},Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(menu.a,{mdxType:"Menu"},Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,{mdxType:"ThreeDotsIcon"}),mdxType:"MenuButton"}),Object(esm.b)(menu.e,{"aria-label":"Simple menu",mdxType:"MenuList"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit"),mdxType:"MenuItem"},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate"),mdxType:"MenuItem"},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove"),mdxType:"MenuItem"},"Remove")))),Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(ModalCloseButton,null))),mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Autofocus"),Object(esm.b)("p",null,"By default the ",Object(esm.b)("inlineCode",{parentName:"p"},"autoFocus")," prop is ",Object(esm.b)("inlineCode",{parentName:"p"},"true"),", which shifts the focus onto the first focusable element in the modal. You can further refine this\nby using the ",Object(esm.b)("inlineCode",{parentName:"p"},"data-autofocus")," attribute if you wish to focus on elements other than the first one. This is made possible using React Focus Lock, please see its ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/theKashey/react-focus-lock/tree/v2.9.1#autofocus"},"documentation")," for more details."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Autofocus",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){},mdxType:"TextField"}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0,mdxType:"TextField"}))),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Stacking modals"),Object(esm.b)("p",null,"Modals may be stacked on top of one another, with each of them having their independent states, e.g. ",Object(esm.b)("inlineCode",{parentName:"p"},"width")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"height"),"."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Stacking modals",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"},mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}))))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,null,Object(esm.b)(columns.a,null,Object(esm.b)(menu.a,null,Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,null)}),Object(esm.b)(menu.e,{"aria-label":"Simple menu"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit")},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate")},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove")},"Remove")))),Object(esm.b)(columns.a,null,Object(esm.b)(ModalCloseButton,null)))},Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader button={<Columns>\n                            <Column>\n                                <Menu>\n                                    <MenuButton as={ReactistButton} variant="tertiary" icon={<ThreeDotsIcon />} />\n                                    <MenuList aria-label="Simple menu">\n                                        <MenuItem onSelect={action(\'Edit\')}>Edit</MenuItem>\n                                        <MenuItem onSelect={action(\'Duplicate\')}>\n                                            Duplicate\n                                        </MenuItem>\n                                        <MenuItem onSelect={action(\'Remove\')}>Remove</MenuItem>\n                                    </MenuList>\n                                </Menu>\n                            </Column>\n                            <Column>\n                                <ModalComponents.ModalCloseButton />\n                            </Column>\n                        </Columns>}>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_autofocus=function autofocus(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){}}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0}))),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_autofocus.displayName="autofocus",modal_stories_autofocus.storyName="Autofocus",modal_stories_autofocus.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader>\n                    <Heading level={1}>Update your info</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="large">\n                        <TextField label="Name" value="Bob Odenkirk" onChange={() => undefined} />\n                        <TextField label="Address" data-autofocus />\n                    </Stack>\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Save\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_stackingModals=function stackingModals(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(text_text.a,null,"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,null),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"}},Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)))))))};modal_stories_stackingModals.displayName="stackingModals",modal_stories_stackingModals.storyName="Stacking modals",modal_stories_stackingModals.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal 1">\n                <ModalHeader>\n                    <Heading level={1}>Bottom modal</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Text>\n                        Use the form to customize this modal, or open an additional modal with the\n                        button below.\n                    </Text>\n                    <ModalOptionsForm />\n                    <ModalStoryStateProvider initialState={{\n        width: \'small\',\n        height: \'fitContent\'\n      }}>\n                        <Button variant="primary" action="open">\n                            Open second modal\n                        </Button>\n                        <Modal aria-label="Modal 2">\n                            <ModalHeader>\n                                <Heading level={1}>Top modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                        </Modal>\n                    </ModalStoryStateProvider>\n                </ModalBody>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Modal",parameters:{badges:["accessible"]},component:Modal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal","autofocus","stackingModals"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal",Autofocus:"autofocus","Stacking modals":"stackingModals"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/notice/notice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),box=__webpack_require__("./src/new-components/box/box.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),notice_module=__webpack_require__("./src/new-components/notice/notice.module.css"),notice_module_default=__webpack_require__.n(notice_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notice(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone;return Object(jsx_runtime.jsx)(box.a,{id:id,role:"alert","aria-live":"polite",className:[notice_module_default.a.container,Object(responsive_props.a)(notice_module_default.a,"tone",tone)],children:Object(jsx_runtime.jsxs)(columns.b,{space:"small",alignY:"top",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content",children:Object(jsx_runtime.jsx)(alert_icon.a,{tone:tone})}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsx)(box.a,{paddingY:"xsmall",children:children})})]})})}Notice.displayName="Notice";try{Notice.displayName="Notice",Notice.__docgenInfo={description:"",displayName:"Notice",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/notice/notice.tsx#Notice"]={docgenInfo:Notice.__docgenInfo,name:"Notice",path:"src/new-components/notice/notice.tsx#Notice"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,text=(_ref.closeLabel,"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(esm.b)(text_text.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu.")));return Object(esm.b)(Notice,{tone:tone,mdxType:"Notice"},text)}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Notice",component:Notice,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Notice"),Object(esm.b)("p",null,"A simple Notice component."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Notice,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Notice,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Notice",parameters:{badges:["accessible"]},component:Notice,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/password-field/password-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return password_field_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return password_field_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return password_field_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js")),tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordHiddenIcon(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(jsx_runtime.jsxs)("g",{fill:"gray",fillRule:"evenodd",transform:"translate(2 4)",children:[Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"}),Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"}),Object(jsx_runtime.jsx)("rect",{width:"21",height:"1",x:"-.722",y:"7.778",rx:".5",transform:"rotate(-45 9.778 8.278)"})]})}))}PasswordHiddenIcon.displayName="PasswordHiddenIcon";try{PasswordHiddenIcon.displayName="PasswordHiddenIcon",PasswordHiddenIcon.__docgenInfo={description:"",displayName:"PasswordHiddenIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"]={docgenInfo:PasswordHiddenIcon.__docgenInfo,name:"PasswordHiddenIcon",path:"src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"})}catch(__react_docgen_typescript_loader_error){}var password_field_module=__webpack_require__("./src/new-components/password-field/password-field.module.css"),password_field_module_default=__webpack_require__.n(password_field_module),text_field_module=__webpack_require__("./src/new-components/text-field/text-field.module.css"),text_field_module_default=__webpack_require__.n(text_field_module),_excluded=["variant","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","togglePasswordLabel","hidden","aria-describedby"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var password_field_PasswordField=react.forwardRef((function PasswordField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_ref$togglePasswordLa=_ref.togglePasswordLabel,togglePasswordLabel=void 0===_ref$togglePasswordLa?"Toggle password visibility":_ref$togglePasswordLa,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded),id=Object(common_helpers.b)(props.id),internalRef=react.useRef(null),inputRef=Object(hooks.e)(internalRef,ref),_React$useState2=_slicedToArray(react.useState(!1),2),isPasswordVisible=_React$useState2[0],setPasswordVisible=_React$useState2[1];function togglePasswordVisibility(){var _internalRef$current;setPasswordVisible((function(v){return!v})),null===(_internalRef$current=internalRef.current)||void 0===_internalRef$current||_internalRef$current.focus()}return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(jsx_runtime.jsxs)(box.a,{display:"flex",alignItems:"center",className:[password_field_module_default.a.inputWrapper,text_field_module_default.a.inputWrapper,"error"===tone?text_field_module_default.a.error:null,"bordered"===variant?text_field_module_default.a.bordered:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,extraProps,{ref:inputRef,type:isPasswordVisible?"text":"password"})),Object(jsx_runtime.jsx)(tooltip.a,{content:togglePasswordLabel,children:Object(jsx_runtime.jsx)("button",{type:"button",onClick:togglePasswordVisibility,"aria-label":togglePasswordLabel,tabIndex:-1,children:isPasswordVisible?Object(jsx_runtime.jsx)(password_visible_icon.a,{"aria-hidden":!0}):Object(jsx_runtime.jsx)(PasswordHiddenIcon,{"aria-hidden":!0})})})]})}})}));try{password_field_PasswordField.displayName="PasswordField",password_field_PasswordField.__docgenInfo={description:"",displayName:"PasswordField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:{value:"Toggle password visibility"},description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.tsx#PasswordField"]={docgenInfo:password_field_PasswordField.__docgenInfo,name:"PasswordField",path:"src/new-components/password-field/password-field.tsx#PasswordField"})}catch(__react_docgen_typescript_loader_error){}var password_field_stories_excluded=["label","auxiliaryLabel"];function password_field_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function password_field_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/PasswordField",component:password_field_PasswordField,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var password_field_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=password_field_stories_objectWithoutProperties(_ref,password_field_stories_excluded);return Object(jsx_runtime.jsx)(password_field_PasswordField,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Password"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Forgot your password?"},hint:{control:{type:"text"},defaultValue:"Must be at least 100 characters long, and it should include each letter of the alphabet"},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Type your password"},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge"],"small")};var password_field_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Comparing to original password…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"It does not match the original password",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Matches original password!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};password_field_stories_MessageToneStory.displayName="MessageToneStory";var password_field_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Password field without a built-in label"}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};password_field_stories_WithoutLabelStory.displayName="WithoutLabelStory",password_field_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof PasswordField>) {\n    return (\n        <PasswordField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},password_field_stories_InteractivePropsStory.parameters),password_field_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <PasswordField\n                label="Password confirmation"\n                message="Comparing to original password…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="It does not match the original password"\n                tone="error"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Matches original password!"\n                tone="success"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},password_field_stories_MessageToneStory.parameters),password_field_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <PasswordField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Password field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},password_field_stories_WithoutLabelStory.parameters);try{password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:null,description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"]={docgenInfo:password_field_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/responsive-props.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function getClassNames(styles,property,value){if(!value)return null;var classList=[];return"string"==typeof value?classList.push(styles[property+"-"+value]):(value.mobile&&classList.push(styles[property+"-"+value.mobile]),value.tablet&&classList.push(styles["tablet-"+property+"-"+value.tablet]),value.desktop&&classList.push(styles["desktop-"+property+"-"+value.desktop])),classList}function mapResponsiveProp(fromValue,mapper){if(fromValue)return"object"!=typeof fromValue?mapper(fromValue):{mobile:fromValue.mobile?mapper(fromValue.mobile):void 0,tablet:fromValue.tablet?mapper(fromValue.tablet):void 0,desktop:fromValue.desktop?mapper(fromValue.desktop):void 0}}},"./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/select-field/select-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/select-field/select-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/SelectField",component:___WEBPACK_IMPORTED_MODULE_6__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0,defaultValue:"-",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"-",disabled:!0,children:"Select theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Light themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"default",children:"Default theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"bright",children:"Extra bright"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Dark themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"contrast",children:"High contrast"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"dark",children:"Dark mode"})]})]}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Theme"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"The theme you select will be applied immediately. If you upgrade to premium you will have more themes to choose from."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saving…",tone:"loading",disabled:!0,maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Something went wrong. Please, try again.",tone:"error",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saved successfully!",tone:"success",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the select element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the select element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof SelectField>) {\n    return (\n        <SelectField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n            defaultValue="-"\n        >\n            <option value="-" disabled>\n                Select theme\n            </option>\n            <optgroup label="Light themes">\n                <option value="default">Default theme</option>\n                <option value="bright">Extra bright</option>\n            </optgroup>\n            <optgroup label="Dark themes">\n                <option value="contrast">High contrast</option>\n                <option value="dark">Dark mode</option>\n            </optgroup>\n        </SelectField>\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <SelectField\n                label="Country of residence"\n                message="Saving…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Something went wrong. Please, try again."\n                tone="error"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Saved successfully!"\n                tone="success"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the select element)</em>\n                </Text>\n            </Stack>\n            <SelectField label={null} id="custom-textarea" aria-describedby="custom-description">\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>\n                        (inspect the select element accessibility properties if you are curious)\n                    </em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/select-field/select-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/select-field/select-field.module.css"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","children","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SelectField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function SelectField(_ref,ref){var id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_children=_ref.children,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.selectWrapper,"error"===tone?_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null],children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({},props,extraProps,{ref:ref,children:_children})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(SelectChevron,{"aria-hidden":!0})]})}})}));function SelectChevron(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("svg",Object.assign({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"})}))}SelectChevron.displayName="SelectChevron";try{SelectField.displayName="SelectField",SelectField.__docgenInfo={description:"",displayName:"SelectField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.tsx#SelectField"]={docgenInfo:SelectField.__docgenInfo,name:"SelectField",path:"src/new-components/select-field/select-field.tsx#SelectField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/spinner/spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Spinner}));__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/react/index.js");var _spinner_module_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/spinner/spinner.module.css"),_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_spinner_module_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg",{"aria-hidden":!0,width:size,height:size,viewBox:"0 0 24 24",className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.svg,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g",{fill:"none",fillRule:"nonzero",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})]})})}Spinner.displayName="Spinner";try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/spinner/spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/new-components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/stack/stack.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_heading__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["itemCount"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Stack",component:_stack__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["start","center","end"]),dividers:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["primary","secondary","tertiary"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.e)()),parameters:{badges:["accessible"]}};var widths=[300,360,430,280,600,490,400],heights=[80,40,60,70,90,30,100];function size(index){return{width:widths[index%widths.length],height:heights[index%heights.length]}}var InteractivePropsStory=function InteractivePropsStory(_ref){var itemCount=_ref.itemCount,args=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count",5)};var ResponsiveStory=function ResponsiveStory(_ref2){var itemCount=_ref2.itemCount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,title:"Alignment and spacing changes as the viewport width changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},align:{mobile:"start",tablet:"center",desktop:"end"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))})})]})};ResponsiveStory.argTypes=Object.assign({itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count"),space:{control:!1},align:{control:!1},dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d);var NestedStacksStory=function NestedStacksStory(args){var _args$space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"1",children:["Parent stack with space=“",null!==(_args$space=args.space)&&void 0!==_args$space?_args$space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]})]}))};NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)("xlarge"),dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({\n    itemCount,\n    ...args\n}: PartialProps<typeof Stack> & { itemCount: number }) {\n    return (\n        <Wrapper border={true}>\n            <Stack {...args}>\n                {times(itemCount).map((i) => (\n                    <Placeholder key={i} label={i + 1} {...size(i)} />\n                ))}\n            </Stack>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Wrapper border title=\"Alignment and spacing changes as the viewport width changes\">\n                <Stack\n                    space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}\n                    align={{ mobile: 'start', tablet: 'center', desktop: 'end' }}\n                >\n                    {times(itemCount).map((i) => (\n                        <Placeholder key={i} label={i + 1} {...size(i)} />\n                    ))}\n                </Stack>\n            </Wrapper>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=Object.assign({storySource:{source:'function NestedStacksStory(args: PartialProps<typeof Stack>) {\n    return (\n        <Stack {...args}>\n            <Heading level="1">\n                Parent stack with space=&ldquo;{args.space ?? \'none\'}&rdquo;\n            </Heading>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n        </Stack>\n    )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Stack}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-keyed-flatten-children/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_divider__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/divider/divider.tsx"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/stack/stack.module.css"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_stack_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","dividers","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Stack=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Stack(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"start":_ref$align,_ref$dividers=_ref.dividers,dividers=void 0===_ref$dividers?"none":_ref$dividers,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),alignProps="start"===align?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"start"===align?"flexStart":"end"===align?"flexEnd":"center"}))};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,alignProps,{as:as,className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"space",space)],ref:ref,children:"none"!==dividers?react__WEBPACK_IMPORTED_MODULE_5__.Children.map(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default()(children),(function(child,index){return index>0?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_divider__WEBPACK_IMPORTED_MODULE_10__.a,{weight:dividers}),child]}):child})):children}))}))},"./src/new-components/storybook-helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/box/box.tsx"),_heading__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./src/new-components/default-styles.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function select(options,defaultValue){return{control:{type:"select"},options:options,defaultValue:defaultValue}}function selectWithNone(options){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge","full"]),width:selectWithNone(["auto","maxContent","minContent","fitContent","xsmall","small","medium","large","xlarge","full"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){var _Object$assign;return Object.assign({},accumulator,((_Object$assign={})[key]={control:!1},_Object$assign))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_19__.a,{space:"small",children:[title?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_18__.a,{level:"2",children:title}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{width:"full",style:border?{border:"1px dotted black"}:void 0,children:children})]})}function ResponsiveWidthRef(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{height:"36px"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("div",{style:{position:"fixed",top:0,left:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"},children:"desktop min width"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"},children:"tablet min width"})]})]})}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium",children:label})}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/switch-field/switch-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return accessibilityAttributes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_switch_field__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var label=_ref.label,hint=_ref.hint,disabled=_ref.disabled;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{label:label||"Default label",hint:hint,disabled:disabled,mdxType:"SwitchField"})}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/SwitchField",component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"SwitchField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A checkbox with a built-in label element that visually looks like a toggle switch."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},argTypes:{label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the switch as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"dynamic"}}});var accessibilityAttributes=function accessibilityAttributes(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will describe the switch as "Husky".')))};accessibilityAttributes.displayName="accessibilityAttributes",accessibilityAttributes.storyName="Accessibility Attributes",accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <SwitchField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the switch as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/SwitchField",parameters:{badges:["accessible"]},component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["playground","accessibilityAttributes"]},mdxStoryNameToKey={Playground:"playground","Accessibility Attributes":"accessibilityAttributes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/switch-field/switch-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitchField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_box__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/new-components/box/box.tsx"),_stack__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/text/text.tsx"),_hidden_visually__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),_base_field__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/common-helpers.ts"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/switch-field/switch-field.module.css"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","aria-label","aria-labelledby","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SwitchField=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SwitchField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,hint=_ref.hint,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,hidden=_ref.hidden,defaultChecked=_ref.defaultChecked,originalId=_ref.id,originalAriaDescribedBy=_ref["aria-describedby"],originalAriaLabel=_ref["aria-label"],originalAriaLabelledby=_ref["aria-labelledby"],_onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded),id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(),ariaDescribedBy=null!=originalAriaDescribedBy?originalAriaDescribedBy:hint?hintId:void 0,ariaLabel=null!=originalAriaLabel?originalAriaLabel:void 0,ariaLabelledBy=null!=originalAriaLabelledby?originalAriaLabelledby:void 0,_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_16__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{className:[_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.container,disabled?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.disabled:null,isChecked?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.checked:null,keyFocused?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.keyFocused:null],as:"label",display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.toggle,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_hidden_visually__WEBPACK_IMPORTED_MODULE_18__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("input",Object.assign({},props,{id:id,type:"checkbox",disabled:disabled,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,ref:ref,checked:isChecked,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span",{className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.handle})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_text__WEBPACK_IMPORTED_MODULE_17__.a,{exceptionallySetClassName:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.label,children:label})]}),hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_19__.b,{id:hintId,children:hint}):null]})}));try{SwitchField.displayName="SwitchField",SwitchField.__docgenInfo={description:"",displayName:"SwitchField",props:{"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the switch for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current switch for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current switch for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/switch-field/switch-field.tsx#SwitchField"]={docgenInfo:SwitchField.__docgenInfo,name:"SwitchField",path:"src/new-components/switch-field/switch-field.tsx#SwitchField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/tabs/tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"themedVariant",(function(){return themedVariant})),__webpack_require__.d(__webpack_exports__,"usingTheTabAwareSlotComponent",(function(){return usingTheTabAwareSlotComponent})),__webpack_require__.d(__webpack_exports__,"multipleTabListInstances",(function(){return multipleTabListInstances})),__webpack_require__.d(__webpack_exports__,"polymorphism",(function(){return polymorphism}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_tabs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/tabs/tabs.tsx"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/columns/columns.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(_ref){var variant=_ref.variant,space=_ref.space,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,render=_ref.render,onSelectedIdChange=_ref.onSelectedIdChange,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{variant:variant,selectedId:selectedId,defaultSelectedId:defaultSelectedId,onSelectedIdChange:onSelectedIdChange,mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,space:space,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))))};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Tabs",component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Tabs"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://ariakit.org/examples/tab"},"Ariakit's Tab component"),". For more details of its expected\nbehaviour, see ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role"},"ARIA: tab role"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}},controls:{exclude:["children"]}},args:{"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},argTypes:{selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},name:"Main demo",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tabs>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabList>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tab>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabPanel>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabAwareSlot>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"The following CSS custom properties are available so that the tabs' colors can be customized:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-neutral-background\n--reactist-tab-neutral-foreground\n--reactist-tab-neutral-unselected\n--reactist-tab-neutral-track\n--reactist-tab-neutral-border\n\n--reactist-tab-themed-background\n--reactist-tab-themed-foreground\n--reactist-tab-themed-unselected\n--reactist-tab-themed-track\n--reactist-tab-themed-border\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Their size can also be customized with:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-track-border-width\n--reactist-tab-border-radius\n--reactist-tab-border-width\n--reactist-tab-height\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Themed variant"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},args:{"aria-label":"Tabs with themed variant style",variant:"themed"},name:"Themed variant",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Using the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabAwareSlot>")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Using the TabAwareSlot component",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,{mdxType:"Columns"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content",mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,{mdxType:"TabAwareSlot"},(function(_ref3){var selectedId=_ref3.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3")))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabList>")," instances"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"As long as they exist within the same ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<Tabs>")," component tree, multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<TabList>")," instances can be rendered."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Multiple TabList instances",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"By default, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"TabPanel")," renders an unstyled div. When more control is needed, an element type or component\ncan be specified with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Note that when combined with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},'render="active"')," prop, the entire tabpanel will be affected, including the actual polymorphic component/element passed into ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Polymorphism",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 3"))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=Template.bind({});mainDemo.storyName="Main demo",mainDemo.argTypes={selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},mainDemo.args={"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},mainDemo.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}},controls:{exclude:["children"]}});var themedVariant=Template.bind({});themedVariant.storyName="Themed variant",themedVariant.args={"aria-label":"Tabs with themed variant style",variant:"themed"},themedVariant.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}}});var usingTheTabAwareSlotComponent=function usingTheTabAwareSlotComponent(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,null,(function(_ref4){var selectedId=_ref4.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))))};usingTheTabAwareSlotComponent.displayName="usingTheTabAwareSlotComponent",usingTheTabAwareSlotComponent.storyName="Using the TabAwareSlot component",usingTheTabAwareSlotComponent.parameters=Object.assign({storySource:{source:'<Tabs>\n            <Columns>\n                <Column width="content">\n                    <TabList aria-label="TabAwareSlot example tabs">\n                        <Tab id="tab1">Tab 1</Tab>\n                        <Tab id="tab2">Tab 2</Tab>\n                        <Tab id="tab3">Tab 3</Tab>\n                    </TabList>\n                </Column>\n                <Column>\n                    <TabAwareSlot>\n                        {({\n          selectedId\n        }) => <Box height="full" display="flex" alignItems="center" justifyContent="flexEnd">\n                                <Text>Currently showing the {selectedId} tab</Text>\n                            </Box>}\n                    </TabAwareSlot>\n                </Column>\n            </Columns>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var multipleTabListInstances=function multipleTabListInstances(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")))};multipleTabListInstances.displayName="multipleTabListInstances",multipleTabListInstances.storyName="Multiple TabList instances",multipleTabListInstances.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n            <TabList aria-hidden>\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var polymorphism=function polymorphism(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 3")))};polymorphism.displayName="polymorphism",polymorphism.storyName="Polymorphism",polymorphism.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1" as={Box} paddingX="small" paddingY="xlarge" render="active">\n                <Text>Content of tab 1</Text>\n            </TabPanel>\n            <TabPanel id="tab2" as="section" render="active">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3" as={Columns} paddingX="small" paddingY="xlarge" render="active">\n                <Column>Column 1</Column>\n                <Column>Column 2</Column>\n                <Column>Column 3</Column>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Tabs",parameters:{badges:["accessible"]},component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,includeStories:["mainDemo","themedVariant","usingTheTabAwareSlotComponent","multipleTabListInstances","polymorphism"]},mdxStoryNameToKey={"Main demo":"mainDemo","Themed variant":"themedVariant","Using the TabAwareSlot component":"usingTheTabAwareSlotComponent","Multiple TabList instances":"multipleTabListInstances",Polymorphism:"polymorphism"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/tabs/tabs.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return Tabs})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab})),__webpack_require__.d(__webpack_exports__,"c",(function(){return TabList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return TabPanel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return TabAwareSlot}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),ariakit_tab__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-state.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/ariakit/esm/tab/tab.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-list.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-panel.js"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/utils/polymorphism.ts"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/tabs/tabs.module.css"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__),_box__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","id","exceptionallySetClassName"],_excluded2=["children","space"],_excluded3=["children","id","as","render"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TabsContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext(null);function Tabs(_ref){var children=_ref.children,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,onSelectedIdChange=_ref.onSelectedIdChange,tabState=Object(ariakit_tab__WEBPACK_IMPORTED_MODULE_16__.a)({selectedId:selectedId,setSelectedId:onSelectedIdChange}),previousDefaultSelectedId=Object(_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__.a)(defaultSelectedId),actualSelectedId=tabState.selectedId,select=tabState.select;react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function selectDefaultTab(){selectedId||defaultSelectedId===previousDefaultSelectedId||defaultSelectedId===actualSelectedId||void 0===defaultSelectedId||select(defaultSelectedId)}),[selectedId,defaultSelectedId,actualSelectedId,select,previousDefaultSelectedId]);var memoizedTabState=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function memoizeTabState(){return{tabState:tabState,variant:variant}}),[variant,tabState]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TabsContext.Provider,{value:memoizedTabState,children:children})}Tabs.displayName="Tabs";var Tab=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function Tab(_ref2,ref){var as=_ref2.as,children=_ref2.children,id=_ref2.id,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var variant=tabContextValue.variant,tabState=tabContextValue.tabState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_17__.a,Object.assign({},props,{as:as,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(exceptionallySetClassName,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.tab,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["tab-"+variant]),id:id,state:tabState,ref:ref,children:children}))}));function TabList(_ref3){var children=_ref3.children,_ref3$space=_ref3.space,space=void 0===_ref3$space?"xsmall":_ref3$space,props=_objectWithoutProperties(_ref3,_excluded2),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var tabState=tabContextValue.tabState,variant=tabContextValue.variant;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_tab__WEBPACK_IMPORTED_MODULE_18__.a,Object.assign({state:tabState,as:_box__WEBPACK_IMPORTED_MODULE_24__.a,position:"relative",width:"maxContent"},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.track,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+space],_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+variant])}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:space,children:children})]}))})}TabList.displayName="TabList";var TabPanel=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function TabPanel(_ref4,ref){var children=_ref4.children,id=_ref4.id,as=_ref4.as,_ref4$render=_ref4.render,render=void 0===_ref4$render?"always":_ref4$render,props=_objectWithoutProperties(_ref4,_excluded3),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext),_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),tabRendered=_React$useState2[0],setTabRendered=_React$useState2[1],tabIsActive=(null==tabContextValue?void 0:tabContextValue.tabState.selectedId)===id;if(react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function trackTabRenderedState(){!tabRendered&&tabIsActive&&setTabRendered(!0)}),[tabRendered,tabIsActive]),!tabContextValue)return null;var tabState=tabContextValue.tabState;return"always"===render||"active"===render&&tabIsActive||"lazy"===render&&(tabIsActive||tabRendered)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({tabId:id},props,{state:tabState,as:as,ref:ref,children:children})):null}));function TabAwareSlot(_ref5){var children=_ref5.children,tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);return tabContextValue?children({selectedId:null==tabContextValue?void 0:tabContextValue.tabState.selectedId}):null}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>` components",name:"children",required:!0,type:{name:"ReactNode"}},variant:{defaultValue:{value:"neutral"},description:"Determines the look and feel of the tabs.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"themed"'}]}},selectedId:{defaultValue:null,description:"The id of the selected tab. Assigning a value makes this a\ncontrolled component",name:"selectedId",required:!1,type:{name:"string | null | undefined"}},defaultSelectedId:{defaultValue:null,description:"The tab to initially select. This can be used if the component should not\nbe a controlled component but needs to have a tab selected",name:"defaultSelectedId",required:!1,type:{name:"string | null | undefined"}},onSelectedIdChange:{defaultValue:null,description:"Called with the tab id when a tab is selected",name:"onSelectedIdChange",required:!1,type:{name:"((selectedId: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/new-components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{TabList.displayName="TabList",TabList.__docgenInfo={description:"A component used to group `<Tab>` elements together.",displayName:"TabList",props:{"aria-label":{defaultValue:null,description:"Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted.",name:"aria-label",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"A list of `<Tab>` elements",name:"children",required:!0,type:{name:"ReactNode"}},space:{defaultValue:{value:"xsmall"},description:"Controls the spacing between tabs",name:"space",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},"aria-labelledby":{defaultValue:null,description:"One or more element IDs used to label the tab list for assistive technologies. Required if\n`aria-label` is omitted.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-hidden":{defaultValue:null,description:"For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden",name:"aria-hidden",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/new-components/tabs/tabs.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}try{TabAwareSlot.displayName="TabAwareSlot",TabAwareSlot.__docgenInfo={description:"Allows content to be rendered based on the current tab being selected while outside of the TabPanel\ncomponent. Can be placed freely within the main `<Tabs>` component.",displayName:"TabAwareSlot",props:{children:{defaultValue:null,description:"Render prop used to provide the content to be rendered inside the slot. The render prop will be\ncalled with the current `selectedId`",name:"children",required:!0,type:{name:"(provided: { selectedId?: string | null | undefined; }) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabAwareSlot"]={docgenInfo:TabAwareSlot.__docgenInfo,name:"TabAwareSlot",path:"src/new-components/tabs/tabs.tsx#TabAwareSlot"})}catch(__react_docgen_typescript_loader_error){}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.",displayName:"Tab",props:{children:{defaultValue:null,description:"The content to render inside of the tab button",name:"children",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tab's identifier. This must match its corresponding `<TabPanel>`'s id",name:"id",required:!0,type:{name:"string"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/new-components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The content to be rendered inside the tab",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tabPanel's identifier. This must match its corresponding `<Tab>`'s id",name:"id",required:!0,type:{name:"string"}},render:{defaultValue:null,description:"By default, the tab panel's content is always rendered even when they are not active. This behaviour can be changed to\n'active', which renders only when the tab is active, and 'lazy', meaning while inactive tab panels will not be rendered\ninitially, they will remain mounted once they are active until the entire Tabs tree is unmounted.",name:"render",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"always"'},{value:'"active"'},{value:'"lazy"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/new-components/tabs/tabs.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-area/text-area.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return text_area_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return text_area_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return text_area_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_area_module=__webpack_require__("./src/new-components/text-area/text-area.module.css"),text_area_module_default=__webpack_require__.n(text_area_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function TextArea(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,hidden:hidden,"aria-describedby":ariaDescribedBy,className:[text_area_module_default.a.textAreaContainer,"error"===tone?text_area_module_default.a.error:null,"bordered"===variant?text_area_module_default.a.bordered:null],maxWidth:maxWidth,children:function children(extraProps){return Object(jsx_runtime.jsx)(box.a,{width:"full",display:"flex",children:Object(jsx_runtime.jsx)("textarea",Object.assign({},props,extraProps))})}})}TextArea.displayName="TextArea";try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/new-components/text-area/text-area.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var text_area_stories_excluded=["label","auxiliaryLabel"];function text_area_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function text_area_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/TextArea",component:TextArea,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var text_area_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=text_area_stories_objectWithoutProperties(_ref,text_area_stories_excluded);return Object(jsx_runtime.jsx)(TextArea,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"User bio"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"You’ll have a better experience in our community if others get to know a little bit about you."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Tell us something about yourself. Don’t be shy."},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge","full"],"small")};var text_area_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Saving changes…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Too short. Don't be shy, tell us a bit more.",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Changes saved successfully!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};text_area_stories_MessageToneStory.displayName="MessageToneStory";var text_area_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(TextArea,{label:null,id:"custom-textarea","aria-describedby":"custom-description",rows:8}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the textarea accessibility properties if you are curious)"})})]})]})};text_area_stories_WithoutLabelStory.displayName="WithoutLabelStory",text_area_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextArea>) {\n    return (\n        <TextArea\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},text_area_stories_InteractivePropsStory.parameters),text_area_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextArea\n                label="Profile bio"\n                message="Saving changes…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Too short. Don\'t be shy, tell us a bit more."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Changes saved successfully!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},text_area_stories_MessageToneStory.parameters),text_area_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <TextArea\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                rows={8}\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the textarea accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},text_area_stories_WithoutLabelStory.parameters);try{text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"]={docgenInfo:text_area_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-field/text-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text/text.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text-field/text-field.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/TextField",component:___WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Your name"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"We need your name for billing and shipping purposes. Make sure to enter it correctly."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Enter your name as it appears in your ID"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Verifying code…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Invalid code. Please, try again.",tone:"error",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Code verification successful!",tone:"success",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the input element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Text field without a built-in label"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextField>) {\n    return (\n        <TextField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextField\n                label="Verification code"\n                message="Verifying code…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Invalid code. Please, try again."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Code verification successful!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the input element)</em>\n                </Text>\n            </Stack>\n            <TextField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Text field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text-field/text-field.module.css"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","type","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TextField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function TextField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.inputWrapper,"error"===tone?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input",Object.assign({},props,extraProps,{type:type,ref:ref}))})}})}));try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"src/new-components/text-field/text-field.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text/text.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveTextStory",(function(){return ResponsiveTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return TextPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/text/text.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Text",component:_text__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var TextStory=function TextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"regular",children:"Subtitle Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"secondary",children:"Subtitle Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"danger",children:"Subtitle Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"positive",children:"Subtitle Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"semibold",children:"Subtitle Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"bold",children:"Subtitle Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"regular",children:"Body Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"secondary",children:"Body Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"danger",children:"Body Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"positive",children:"Body Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"semibold",children:"Body Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"bold",children:"Body Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"regular",children:"Copy Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"secondary",children:"Copy Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"danger",children:"Copy Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"positive",children:"Copy Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"semibold",children:"Copy Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"bold",children:"Copy Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"regular",children:"Caption Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"secondary",children:"Caption Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"danger",children:"Caption Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"positive",children:"Caption Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"semibold",children:"Caption Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"bold",children:"Caption Bold"})]})})};TextStory.displayName="TextStory";var TruncatedTextStory=function TruncatedTextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:1,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:4,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."})]})})};TruncatedTextStory.displayName="TruncatedTextStory";var ResponsiveTextStory=function ResponsiveTextStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveTextStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}};var TextPlaygroundStory=function TextPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}},TextStory.parameters=Object.assign({storySource:{source:'function TextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text size="subtitle" weight="regular">\n                    Subtitle Regular\n                </Text>\n                <Text size="subtitle" tone="secondary">\n                    Subtitle Secondary\n                </Text>\n                <Text size="subtitle" tone="danger">\n                    Subtitle Danger\n                </Text>\n                <Text size="subtitle" tone="positive">\n                    Subtitle Positive\n                </Text>\n                <Text size="subtitle" weight="semibold">\n                    Subtitle Semibold\n                </Text>\n                <Text size="subtitle" weight="bold">\n                    Subtitle Bold\n                </Text>\n\n                <Text size="body" weight="regular">\n                    Body Regular\n                </Text>\n                <Text size="body" tone="secondary">\n                    Body Secondary\n                </Text>\n                <Text size="body" tone="danger">\n                    Body Danger\n                </Text>\n                <Text size="body" tone="positive">\n                    Body Positive\n                </Text>\n                <Text size="body" weight="semibold">\n                    Body Semibold\n                </Text>\n                <Text size="body" weight="bold">\n                    Body Bold\n                </Text>\n\n                <Text size="copy" weight="regular">\n                    Copy Regular\n                </Text>\n                <Text size="copy" tone="secondary">\n                    Copy Secondary\n                </Text>\n                <Text size="copy" tone="danger">\n                    Copy Danger\n                </Text>\n                <Text size="copy" tone="positive">\n                    Copy Positive\n                </Text>\n                <Text size="copy" weight="semibold">\n                    Copy Semibold\n                </Text>\n                <Text size="copy" weight="bold">\n                    Copy Bold\n                </Text>\n\n                <Text size="caption" weight="regular">\n                    Caption Regular\n                </Text>\n                <Text size="caption" tone="secondary">\n                    Caption Secondary\n                </Text>\n                <Text size="caption" tone="danger">\n                    Caption Danger\n                </Text>\n                <Text size="caption" tone="positive">\n                    Caption Positive\n                </Text>\n                <Text size="caption" weight="semibold">\n                    Caption Semibold\n                </Text>\n                <Text size="caption" weight="bold">\n                    Caption Bold\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TextStory.parameters),TruncatedTextStory.parameters=Object.assign({storySource:{source:'function TruncatedTextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text lineClamp={1}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n\n                <Text lineClamp={4}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TruncatedTextStory.parameters),ResponsiveTextStory.parameters=Object.assign({storySource:{source:"function ResponsiveTextStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Text {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveTextStory.parameters),TextPlaygroundStory.parameters=Object.assign({storySource:{source:'function TextPlaygroundStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <section className="story playground">\n            <Text {...props} />\n        </section>\n    )\n}'}},TextPlaygroundStory.parameters);try{ResponsiveTextStory.displayName="ResponsiveTextStory",ResponsiveTextStory.__docgenInfo={description:"",displayName:"ResponsiveTextStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#ResponsiveTextStory"]={docgenInfo:ResponsiveTextStory.__docgenInfo,name:"ResponsiveTextStory",path:"src/new-components/text/text.stories.tsx#ResponsiveTextStory"})}catch(__react_docgen_typescript_loader_error){}try{TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"5"},{value:"2"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Text}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utils/polymorphism.ts"),_text_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/text/text.module.css"),_text_module_css__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_text_module_css__WEBPACK_IMPORTED_MODULE_12__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__.a)((function Text(_ref,ref){var as=_ref.as,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,align=_ref.align,children=_ref.children,lineClamp=_ref.lineClamp,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),lineClampMultipleLines="string"==typeof lineClamp?Number(lineClamp)>1:(null!=lineClamp?lineClamp:1)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{as:as,className:[exceptionallySetClassName,_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.text,"body"!==size?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"size",size):null,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"tone",tone):null,lineClampMultipleLines?_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,ref:ref,children:children}))}))},"./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/toast/toast.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NotificationToastsStory",(function(){return toast_stories_NotificationToastsStory})),__webpack_require__.d(__webpack_exports__,"StaticToastStory",(function(){return toast_stories_StaticToastStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),checkbox_field=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),close_icon=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/new-components/icons/close-icon.tsx")),text_text=__webpack_require__("./src/new-components/text/text.tsx"),toast_module=__webpack_require__("./src/new-components/toast/toast.module.css"),toast_module_default=__webpack_require__.n(toast_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["message","description","icon","action","onDismiss","dismissLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StaticToast=react_default.a.forwardRef((function Toast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,onDismiss=_ref.onDismiss,_ref$dismissLabel=_ref.dismissLabel,dismissLabel=void 0===_ref$dismissLabel?"Close":_ref$dismissLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)(box.a,Object.assign({ref:ref,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:toast_module_default.a.toastContainer},props,{children:[icon?Object(jsx_runtime.jsx)(ToastContentSlot,{children:icon}):null,Object(jsx_runtime.jsx)(box.a,{flexGrow:1,maxWidth:"small",children:description?Object(jsx_runtime.jsxs)(stack.a,{space:"small",children:[Object(jsx_runtime.jsxs)(text_text.a,{weight:"bold",children:[message," "]}),Object(jsx_runtime.jsx)(text_text.a,{children:description})]}):Object(jsx_runtime.jsx)(text_text.a,{children:message})}),action?Object(jsx_runtime.jsx)(ToastContentSlot,{children:isActionObject(action)?Object(jsx_runtime.jsx)(button_button.a,{variant:"tertiary",size:"small",onClick:action.onClick,children:action.label}):action}):null,onDismiss?Object(jsx_runtime.jsx)(ToastContentSlot,{children:Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",size:"small",onClick:onDismiss,"aria-label":dismissLabel,icon:Object(jsx_runtime.jsx)(close_icon.a,{})})}):null]}))}));function isActionObject(action){return null!=action&&"object"==typeof action&&"label"in action&&"onClick"in action&&"string"==typeof action.label&&"function"==typeof action.onClick}function ToastContentSlot(_ref2){var children=_ref2.children;return Object(jsx_runtime.jsx)(box.a,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:toast_module_default.a.slot,children:children})}ToastContentSlot.displayName="ToastContentSlot";try{StaticToast.displayName="StaticToast",StaticToast.__docgenInfo={description:"A toast that shows a message, and an optional action associated with it.\n\nThis component is generally not meant to be used directly. Most of the time you'll want to use\ntoasts generated via `useToasts` instead. However, this component is available in case you need\nto take control of rendering a toast under different circumstances than that of notification-like\nfloating toasts.\n\nThis component makes no assumptions outwardly about how it is positioned on the screen. That is,\nit will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\nprovides the toast look and feel, but you are responsible for positioning it as you want.",displayName:"StaticToast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:{value:"Close"},description:"The label for the button that dismisses the toast.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/static-toast.tsx#StaticToast"]={docgenInfo:StaticToast.__docgenInfo,name:"StaticToast",path:"src/new-components/toast/static-toast.tsx#StaticToast"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts");__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function animate(_ref){var element=_ref.element,transforms=_ref.transforms,transition=_ref.transition,done=_ref.done,fallbackTimeout=setTimeout((function(){null==done||done()}),400);transforms.forEach((function(_ref2){var property=_ref2.property,_ref2$from=_ref2.from,from=void 0===_ref2$from?"":_ref2$from;element.style.setProperty(property,from)})),element.style.setProperty("transition",""),element.addEventListener("transitionend",(function transitionEndHandler(event){event.target===element&&(element.style.setProperty("transition",""),null==done||done(),element.removeEventListener("transitionend",transitionEndHandler),clearTimeout(fallbackTimeout))})),window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){element.style.setProperty("transition",transition),transforms.forEach((function(_ref3){var property=_ref3.property,_ref3$to=_ref3.to,to=void 0===_ref3$to?"":_ref3$to;element.style.setProperty(property,to)}))}))}))}var use_toasts_excluded=["toastId"];function use_toasts_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function use_toasts_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return use_toasts_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||use_toasts_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_slicedToArray(arr,i){return function use_toasts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function use_toasts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||use_toasts_unsupportedIterableToArray(arr,i)||function use_toasts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return use_toasts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?use_toasts_arrayLikeToArray(o,minLen):void 0}}function use_toasts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var use_toasts_InternalToast=react_default.a.forwardRef((function InternalToast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,autoDismissDelay=_ref.autoDismissDelay,dismissLabel=_ref.dismissLabel,_ref$showDismissButto=_ref.showDismissButton,showDismissButton=void 0===_ref$showDismissButto||_ref$showDismissButto,toastId=_ref.toastId,onDismiss=_ref.onDismiss,onRemoveToast=_ref.onRemoveToast,_React$useState2=use_toasts_slicedToArray(react_default.a.useState(Boolean(autoDismissDelay)),2),timeoutRunning=_React$useState2[0],setTimeoutRunning=_React$useState2[1],timeoutRef=react_default.a.useRef(),startTimeout=react_default.a.useCallback((function startTimeout(){setTimeoutRunning(!0)}),[]),stopTimeout=react_default.a.useCallback((function stopTimeout(){setTimeoutRunning(!1),clearTimeout(timeoutRef.current),timeoutRef.current=void 0}),[]);return react_default.a.useEffect((function setupAutoDismiss(){if(timeoutRunning&&autoDismissDelay)return timeoutRef.current=window.setTimeout((function(){onRemoveToast(toastId),null==onDismiss||onDismiss()}),1e3*autoDismissDelay),stopTimeout}),[autoDismissDelay,onDismiss,onRemoveToast,toastId,stopTimeout,timeoutRunning]),Object(jsx_runtime.jsx)(StaticToast,{ref:ref,message:message,description:description,icon:icon,action:action,onDismiss:showDismissButton?function(){null==onDismiss||onDismiss(),onRemoveToast(toastId)}:void 0,dismissLabel:dismissLabel,onMouseEnter:stopTimeout,onMouseLeave:startTimeout})})),ToastsContext=react_default.a.createContext((function(){return function(){}}));function ToastsProvider(_ref2){var children=_ref2.children,_ref2$padding=_ref2.padding,padding=void 0===_ref2$padding?"large":_ref2$padding,_ref2$defaultAutoDism=_ref2.defaultAutoDismissDelay,defaultAutoDismissDelay=void 0===_ref2$defaultAutoDism?10:_ref2$defaultAutoDism,_ref2$defaultDismissL=_ref2.defaultDismissLabel,defaultDismissLabel=void 0===_ref2$defaultDismissL?"Close":_ref2$defaultDismissL,_React$useState4=use_toasts_slicedToArray(react_default.a.useState([]),2),toasts=_React$useState4[0],setToasts=_React$useState4[1],_useToastsAnimation=function useToastsAnimation(){var refs=Object(react.useMemo)((function(){return new Map}),[]),positions=Object(react.useMemo)((function(){return new Map}),[]);Object(react.useLayoutEffect)((function(){var animations=[];Array.from(refs.entries()).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),id=_ref5[0],element=_ref5[1];if(element){var prevTop=positions.get(id),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height;"number"==typeof prevTop&&prevTop!==top?animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+(prevTop-top)+"px)"}]}):"number"!=typeof prevTop&&animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+height+"px)"},{property:"opacity",from:"0"}]}),positions.set(id,element.getBoundingClientRect().top)}else refs.delete(id)})),animations.forEach((function(_ref6){animate({element:_ref6.element,transforms:_ref6.transforms,transition:_ref6.transition})}))}));var animateRemove=Object(react.useCallback)((function animateRemove(id,onAnimationDone){var element=refs.get(id);element&&animate({element:element,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:onAnimationDone})}),[refs]);return{mappedRef:Object(react.useCallback)((function(id){return function(ref){refs.set(id,ref)}}),[refs]),animateRemove:animateRemove}}(),mappedRef=_useToastsAnimation.mappedRef,animateRemove=_useToastsAnimation.animateRemove,removeToast=react_default.a.useCallback((function onRemoveToast(toastId){animateRemove(toastId,(function(){setToasts((function(list){var index=list.findIndex((function(n){return n.toastId===toastId}));if(index<0)return list;var copy=_toConsumableArray(list);return copy.splice(index,1),copy}))}))}),[animateRemove]),showToast=react_default.a.useCallback((function showToast(props){var toastId=Object(common_helpers.a)("toast"),newToast=Object.assign({autoDismissDelay:defaultAutoDismissDelay,dismissLabel:defaultDismissLabel},props,{toastId:toastId});return setToasts((function(list){return[].concat(_toConsumableArray(list),[newToast])})),function(){return removeToast(toastId)}}),[defaultAutoDismissDelay,defaultDismissLabel,removeToast]);return Object(jsx_runtime.jsxs)(ToastsContext.Provider,{value:showToast,children:[children,Object(jsx_runtime.jsx)(portal.a,{children:0===toasts.length?null:Object(jsx_runtime.jsx)(box.a,{className:toast_module_default.a.stackedToastsView,position:"fixed",width:"full",paddingX:padding,paddingBottom:padding,children:Object(jsx_runtime.jsx)(stack.a,{space:"medium",children:toasts.map((function(_ref3){var toastId=_ref3.toastId,props=use_toasts_objectWithoutProperties(_ref3,use_toasts_excluded);return Object(jsx_runtime.jsx)(use_toasts_InternalToast,Object.assign({ref:mappedRef(toastId),toastId:toastId,onRemoveToast:removeToast},props),toastId)}))})})})]})}function useToasts(){return react_default.a.useContext(ToastsContext)}function use_toasts_Toast(props){var showToast=useToasts(),propsRef=react_default.a.useRef(props);return react_default.a.useEffect((function(){return showToast(propsRef.current)}),[showToast]),null}ToastsProvider.displayName="ToastsProvider";try{use_toasts_Toast.displayName="Toast",use_toasts_Toast.__docgenInfo={description:'Adds a toast to be rendered, stacked alongside any other currently active toasts.\n\nFor most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\nThis component is provided for convenience to render toasts in the markup, but it has some\npeculiarities, which are discussed below.\n\nInternally, this calls `showToast`. It is provided for two reasons:\n\n1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n   toasts rendered in this way will be removed from view when the context where it is rendered\n   is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n   by the user or after a delay. They\'ll still be animated on their way out, though.\n2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n   `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when\n   the component ceases to be rendered).\n\nThis is useful for cases when the consumer wants to control when a toast is visible, and to keep\nit visible based on an app-specific condition.\n\nSomething important to note about this component is that it triggers the toast based on the props\npassed when first rendered, and it does not update the toast if these props change on subsequent\nrenders. In this sense, this is an imperative component, more than a descriptive one. This is\ndone to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\ntoast imperatively, and you loose control over it. It remains rendered according to the props you\nfirst passed.',displayName:"Toast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:null,description:"The label for the button that dismisses the toast.\nThe label for the button that dismisses the toast.\n\nIt defaults to the value set in the ToastsProvider, but individual toasts can have a\ndifferent value if needed.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}},autoDismissDelay:{defaultValue:null,description:"The number of seconds the toast is expected to be shown before it is dismissed automatically,\nor false to disable auto-dismiss.\n\nIt defaults to whatever is the autoDismissDelay set in the ToastsProvider.",name:"autoDismissDelay",required:!1,type:{name:"number | false | undefined"}},showDismissButton:{defaultValue:{value:"true"},description:"Whether to show the dismiss button or not.\n\nUse this value with care. If combined with disabling `autoDismissDelay`, it may leave you\nwith toasts that the user won't be able to dismiss at will. It then is your responsibility to\ndismiss the toast by calling the function returned by `showToast`.",name:"showDismissButton",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#Toast"]={docgenInfo:use_toasts_Toast.__docgenInfo,name:"Toast",path:"src/new-components/toast/use-toasts.tsx#Toast"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProvider.displayName="ToastsProvider",ToastsProvider.__docgenInfo={description:"Provides the state management and rendering of the toasts currently active.\n\nYou need to render this near the top of your app components tree, in order to `useToasts`.",displayName:"ToastsProvider",props:{defaultDismissLabel:{defaultValue:{value:"Close"},description:"The default label to apply to toast dismiss buttons.\n\nThis is useful in environments that need locatization, so you do not need to pass the same\ntranslated label every time you trigger a toast.\n\nHowever, you can still apply a different label to a specific toast, by passing a different\nvalue when calling showToast.",name:"defaultDismissLabel",required:!1,type:{name:"string | undefined"}},defaultAutoDismissDelay:{defaultValue:{value:"10"},description:"The default number of seconds after which the toast will be dismissed automatically.\n\nYou can pass a different value to a specific toast when calling `showToast`. You can even\npass `false` if you want a certain toast to never be dismissed automatically.",name:"defaultAutoDismissDelay",required:!1,type:{name:"number | undefined"}},padding:{defaultValue:{value:"large"},description:"The padding used to separate the toasts from the viewport borders.",name:"padding",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},children:{defaultValue:null,description:"The app wrapped by the provider.",name:"children",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProvider"]={docgenInfo:ToastsProvider.__docgenInfo,name:"ToastsProvider",path:"src/new-components/toast/use-toasts.tsx#ToastsProvider"})}catch(__react_docgen_typescript_loader_error){}try{useToasts.displayName="useToasts",useToasts.__docgenInfo={description:"Provides a function `showToast` that shows a new toast every time you call it.\n\n```jsx\nconst showToast = useToasts()\n\n<button onClick={() => showToast({ message: 'Hello' })}>\n  Say hello\n</button>\n```\n\nAll toasts fired via this function are rendered in a global fixed location, and stacked one on\ntop of the other.\n\nWhen called, `showToast` returns a function that dismisses the toast when called.",displayName:"useToasts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#useToasts"]={docgenInfo:useToasts.__docgenInfo,name:"useToasts",path:"src/new-components/toast/use-toasts.tsx#useToasts"})}catch(__react_docgen_typescript_loader_error){}try{ToastProps.displayName="ToastProps",ToastProps.__docgenInfo={description:"The props needed to fire up a new notification toast.",displayName:"ToastProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastProps"]={docgenInfo:ToastProps.__docgenInfo,name:"ToastProps",path:"src/new-components/toast/use-toasts.tsx#ToastProps"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProviderProps.displayName="ToastsProviderProps",ToastsProviderProps.__docgenInfo={description:"The props needed by the ToastsProvider component.",displayName:"ToastsProviderProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProviderProps"]={docgenInfo:ToastsProviderProps.__docgenInfo,name:"ToastsProviderProps",path:"src/new-components/toast/use-toasts.tsx#ToastsProviderProps"})}catch(__react_docgen_typescript_loader_error){}function toast_stories_slicedToArray(arr,i){return function toast_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function toast_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function toast_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return toast_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return toast_stories_arrayLikeToArray(o,minLen)}(arr,i)||function toast_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function toast_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Design system/Toast",parameters:{badges:["accessible"],layout:"fullscreen"},decorators:[function(Story){return Object(jsx_runtime.jsx)(ToastsProvider,{children:Object(jsx_runtime.jsx)(Story,{})})}]};var toast_stories_message=["Task was successfully deleted","Message was sent","Someone invited you to collaborate on a project","The project could not be deleted because there are other members collaborating on it","Your invitation could not be sent. Please try again.","There was an error trying to delete the channel. Please, try again.","An unknown error happened. If the issue persist, contact our support team."],actions=["Undo","Retry","Details"];function getRandom(list){return list[Math.floor(Math.random()*list.length)]}var toast_stories_NotificationToastsStory=function NotificationToastsStory(){var showToast=useToasts(),count=react.useRef(0),_React$useState2=toast_stories_slicedToArray(react.useState(!1),2),showSticky=_React$useState2[0],setShowSticky=_React$useState2[1];return Object(jsx_runtime.jsxs)(box.a,{padding:"large",children:[Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"useToast"})," hook to fire notification-like toasts."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return showToast({message:count.current+++": "+getRandom(toast_stories_message)})},children:"Show toast"}),Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){var actionLabel=getRandom(actions);showToast({message:count.current+++": "+getRandom(toast_stories_message),action:{label:actionLabel,onClick:Object(esm.action)(actionLabel)}})},children:"Show toast with action"})]})}),Object(jsx_runtime.jsx)(switch_field.a,{label:"Show sticky toast?",checked:showSticky,onChange:function onChange(event){return setShowSticky(event.target.checked)},hint:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Using the ",Object(jsx_runtime.jsx)("code",{children:"<Toast/>"})," component, you can achieve having a toast that remains in view, and you control when it goes away."]})})]}),showSticky?Object(jsx_runtime.jsx)(use_toasts_Toast,{message:"This is a sticky toast",showDismissButton:!1,autoDismissDelay:!1}):null]})};toast_stories_NotificationToastsStory.displayName="NotificationToastsStory";var toast_stories_StaticToastStory=function StaticToastStory(){var _React$useState4=toast_stories_slicedToArray(react.useState(!1),2),showIcon=_React$useState4[0],setShowIcon=_React$useState4[1],_React$useState6=toast_stories_slicedToArray(react.useState(!1),2),showDismiss=_React$useState6[0],setShowDismiss=_React$useState6[1],_React$useState8=toast_stories_slicedToArray(react.useState("none"),2),actionVariant=_React$useState8[0],setActionVariant=_React$useState8[1],onClick=Object(esm.action)("Toast action"),action="default"===actionVariant?{label:"Accept invitation",onClick:onClick}:"loading"===actionVariant?Object(jsx_runtime.jsx)(spinner.a,{size:16}):"icon-button"===actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",icon:Object(jsx_runtime.jsx)(password_visible_icon.a,{}),"aria-label":"Done",size:"small",onClick:onClick}):"none"!==actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:actionVariant,onClick:onClick,children:"Accept invitation"}):void 0,commonProps={icon:showIcon?Object(jsx_runtime.jsx)(alert_icon.a,{tone:"info"}):void 0,onDismiss:showDismiss?function(){}:void 0,action:action};return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",padding:"large",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Statically-rendered toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"StaticToast"})," component to render a toast in custom positions."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show icon?",checked:showIcon,onChange:function onChange(event){return setShowIcon(event.target.checked)}}),Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show dismiss button?",checked:showDismiss,onChange:function onChange(event){return setShowDismiss(event.target.checked)}})]})}),Object(jsx_runtime.jsxs)(select_field.a,{label:"Action button variant",value:actionVariant,onChange:function onChange(event){setActionVariant(event.target.value)},maxWidth:"xsmall",children:[Object(jsx_runtime.jsx)("option",{value:"none",children:"none"}),Object(jsx_runtime.jsx)("option",{value:"default",children:"default"}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom button",children:[Object(jsx_runtime.jsx)("option",{value:"primary",children:"primary"}),Object(jsx_runtime.jsx)("option",{value:"secondary",children:"secondary"}),Object(jsx_runtime.jsx)("option",{value:"tertiary",children:"tertiary"}),Object(jsx_runtime.jsx)("option",{value:"quaternary",children:"quaternary"})]}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom element",children:[Object(jsx_runtime.jsx)("option",{value:"icon-button",children:"icon-button"}),Object(jsx_runtime.jsx)("option",{value:"loading",children:"loading"})]})]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message only"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project"},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message and description"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project",description:"You need to accept the invitation in order to collaborate."},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Very long content"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"The project you were invited to could not be loaded into your workspace at this time",description:"Please, try to access the project again in a few minutes. If the problem persists, contact our support team"},commonProps))]})]})};toast_stories_StaticToastStory.displayName="StaticToastStory",toast_stories_NotificationToastsStory.parameters=Object.assign({storySource:{source:'function NotificationToastsStory() {\n    const showToast = useToasts()\n    const count = React.useRef(0)\n    const [showSticky, setShowSticky] = React.useState(false)\n    return (\n        <Box padding="large">\n            <Stack space="xlarge">\n                <Heading level={1} size="larger">\n                    Toasts\n                </Heading>\n                <Text>\n                    Use the <code>useToast</code> hook to fire notification-like toasts.\n                </Text>\n                <Box>\n                    <Inline space="large">\n                        <Button\n                            variant="primary"\n                            onClick={() =>\n                                showToast({ message: `${count.current++}: ${getRandom(message)}` })\n                            }\n                        >\n                            Show toast\n                        </Button>\n                        <Button\n                            variant="primary"\n                            onClick={() => {\n                                const actionLabel = getRandom(actions)\n                                showToast({\n                                    message: `${count.current++}: ${getRandom(message)}`,\n                                    action: {\n                                        label: actionLabel,\n                                        onClick: storybookAction(actionLabel),\n                                    },\n                                })\n                            }}\n                        >\n                            Show toast with action\n                        </Button>\n                    </Inline>\n                </Box>\n                <SwitchField\n                    label="Show sticky toast?"\n                    checked={showSticky}\n                    onChange={(event) => setShowSticky(event.target.checked)}\n                    hint={\n                        <>\n                            Using the <code>&lt;Toast/&gt;</code> component, you can achieve having\n                            a toast that remains in view, and you control when it goes away.\n                        </>\n                    }\n                />\n            </Stack>\n            {showSticky ? (\n                <Toast\n                    message="This is a sticky toast"\n                    showDismissButton={false}\n                    autoDismissDelay={false}\n                />\n            ) : null}\n        </Box>\n    )\n}'}},toast_stories_NotificationToastsStory.parameters),toast_stories_StaticToastStory.parameters=Object.assign({storySource:{source:'function StaticToastStory() {\n    const [showIcon, setShowIcon] = React.useState(false)\n    const [showDismiss, setShowDismiss] = React.useState(false)\n    const [actionVariant, setActionVariant] = React.useState<\n        ButtonProps[\'variant\'] | \'default\' | \'loading\' | \'icon-button\' | \'none\'\n    >(\'none\')\n\n    const onClick = storybookAction(\'Toast action\')\n    const action: StaticToastProps[\'action\'] =\n        actionVariant === \'default\' ? (\n            { label: \'Accept invitation\', onClick }\n        ) : actionVariant === \'loading\' ? (\n            <Spinner size={16} />\n        ) : actionVariant === \'icon-button\' ? (\n            <Button\n                variant="quaternary"\n                icon={<PasswordVisibleIcon />}\n                aria-label="Done"\n                size="small"\n                onClick={onClick}\n            />\n        ) : actionVariant !== \'none\' ? (\n            <Button variant={actionVariant} onClick={onClick}>\n                Accept invitation\n            </Button>\n        ) : undefined\n\n    const commonProps = {\n        icon: showIcon ? <AlertIcon tone="info" /> : undefined,\n        onDismiss: showDismiss ? () => undefined : undefined,\n        action,\n    }\n\n    return (\n        <Stack space="xlarge" padding="large">\n            <Heading level={1} size="larger">\n                Statically-rendered toasts\n            </Heading>\n            <Text>\n                Use the <code>StaticToast</code> component to render a toast in custom positions.\n            </Text>\n            <Box>\n                <Inline space="large">\n                    <CheckboxField\n                        label="Show icon?"\n                        checked={showIcon}\n                        onChange={(event) => setShowIcon(event.target.checked)}\n                    />\n                    <CheckboxField\n                        label="Show dismiss button?"\n                        checked={showDismiss}\n                        onChange={(event) => setShowDismiss(event.target.checked)}\n                    />\n                </Inline>\n            </Box>\n            <SelectField\n                label="Action button variant"\n                value={actionVariant}\n                onChange={(event) => {\n                    // @ts-expect-error\n                    setActionVariant(event.target.value)\n                }}\n                maxWidth="xsmall"\n            >\n                <option value="none">none</option>\n                <option value="default">default</option>\n                <optgroup label="Custom button">\n                    <option value="primary">primary</option>\n                    <option value="secondary">secondary</option>\n                    <option value="tertiary">tertiary</option>\n                    <option value="quaternary">quaternary</option>\n                </optgroup>\n                <optgroup label="Custom element">\n                    <option value="icon-button">icon-button</option>\n                    <option value="loading">loading</option>\n                </optgroup>\n            </SelectField>\n\n            <Stack space="medium">\n                <Heading level="2">Message only</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Message and description</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    description="You need to accept the invitation in order to collaborate."\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Very long content</Heading>\n                <StaticToast\n                    message="The project you were invited to could not be loaded into your workspace at this time"\n                    description="Please, try to access the project again in a few minutes. If the problem persists, contact our support team"\n                    {...commonProps}\n                />\n            </Stack>\n        </Stack>\n    )\n}'}},toast_stories_StaticToastStory.parameters)},"./src/utils/polymorphism.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return polymorphicComponent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function polymorphicComponent(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}},"./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":"./stories/components/Avatar.stories.tsx","./components/ColorPicker.stories.tsx":"./stories/components/ColorPicker.stories.tsx","./components/Dropdown.stories.tsx":"./stories/components/Dropdown.stories.tsx","./components/Input.stories.tsx":"./stories/components/Input.stories.tsx","./components/KeyCapturer.stories.mdx":"./stories/components/KeyCapturer.stories.mdx","./components/KeyboardShortcut.stories.tsx":"./stories/components/KeyboardShortcut.stories.tsx","./components/Notification.stories.tsx":"./stories/components/Notification.stories.tsx","./components/ProgressBar.stories.tsx":"./stories/components/ProgressBar.stories.tsx","./components/Select.stories.tsx":"./stories/components/Select.stories.tsx","./components/Time.stories.tsx":"./stories/components/Time.stories.tsx","./components/Tooltip.stories.tsx":"./stories/components/Tooltip.stories.tsx","./components/color.stories.tsx":"./stories/components/color.stories.tsx","./reactist/Reactist.stories.mdx":"./stories/reactist/Reactist.stories.mdx","./reactist/nesting-vs-polymorphism.stories.mdx":"./stories/reactist/nesting-vs-polymorphism.stories.mdx","./reactist/simplified-nested-markup.stories.mdx":"./stories/reactist/simplified-nested-markup.stories.mdx","./reactist/single-child-stack-columns.stories.mdx":"./stories/reactist/single-child-stack-columns.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},"./stories/components/Avatar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/avatar_story.less"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/avatar/avatar.tsx"),_src__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/inline/inline.tsx"),_src__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Avatar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.withKnobs],component:_src__WEBPACK_IMPORTED_MODULE_5__.a};var exampleData=[{size:"xxs",user:{name:"Henning Mu",email:"henning@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xs",user:{name:"João Va",email:"joao@foo.com"},image:"https://loremflickr.com/320/320"},{size:"s",user:{name:"Amir Sa",email:"amir@foo.com"},image:"https://loremflickr.com/320/320"},{size:"m",user:{name:"Alex Mu",email:"alex@foo.com"},image:"https://loremflickr.com/320/320"},{size:"l",user:{name:"Julia",email:"julia@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xl",user:{name:"Janusz Gr",email:"janusz@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxl",user:{name:"Jaime Az",email:"jaime@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxxl",user:{name:"Igor Kh",email:"igor@foo.com"},image:"https://loremflickr.com/320/320"}],InitialsAvatarStory=function InitialsAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user},index)}))})};InitialsAvatarStory.displayName="InitialsAvatarStory";var CustomColorAvatarStory=function CustomColorAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{colorList:["palevioletred","palegoldenrod","palegreen","paleturquoise"],size:data.size,user:data.user},index)}))})};CustomColorAvatarStory.displayName="CustomColorAvatarStory";var PictureAvatarStory=function PictureAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user,avatarUrl:data.image},index)}))})};PictureAvatarStory.displayName="PictureAvatarStory";var AvatarPlaygroundStory=function AvatarPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_7__.a,{className:"story Avatar",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{user:{name:args.userName,email:args.email}}))})};AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.args={size:"l",avatarUrl:"https://loremflickr.com/320/320",userName:"",email:""},AvatarPlaygroundStory.argTypes={size:{type:"select",options:["xxs","xs","s","m","l","xl","xxl","xxxl"]},avatarUrl:{control:{type:"text"}},userName:{control:{type:"text"}},email:{control:{type:"text"}},className:{control:{type:null}},user:{control:{type:null}},colorList:{control:{type:null}}},InitialsAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} />\n        ))}\n    </Inline>\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=Object.assign({storySource:{source:"() => (\n    <Inline space=\"small\">\n        {exampleData.map((data, index) => (\n            <Avatar\n                colorList={['palevioletred', 'palegoldenrod', 'palegreen', 'paleturquoise']}\n                key={index}\n                size={data.size}\n                user={data.user}\n            />\n        ))}\n    </Inline>\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} avatarUrl={data.image} />\n        ))}\n    </Inline>\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <Box className="story Avatar">\n            <Avatar\n                {...args}\n                user={{\n                    name: args.userName,\n                    email: args.email,\n                }}\n            />\n        </Box>\n    )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ColorPicker.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),deprecated_dropdown=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/color-picker/color-picker.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),COLORS=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return Object(jsx_runtime.jsxs)(deprecated_dropdown.a.Box,{right:!0,className:"reactist_color_picker",children:[Object(jsx_runtime.jsx)(deprecated_dropdown.a.Trigger,{children:(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),Object(jsx_runtime.jsx)("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor},children:Object(jsx_runtime.jsx)("span",{className:"color_trigger--inner_ring"})}))}),Object(jsx_runtime.jsx)(deprecated_dropdown.a.Body,{children:Object(jsx_runtime.jsx)("div",{className:"color_options",children:colorList.reduce((function(items,currentColor,currentIndex){return items.push(Object(jsx_runtime.jsx)(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null},currentIndex)),items}),[])})})]})}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=Object(jsx_runtime.jsx)("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)},children:Object(jsx_runtime.jsx)("span",{className:"color_item--inner_ring"})});return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:item}):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:{value:"[\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]"},description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/ColorPicker",component:components_color_picker,parameters:{badges:["notAccessible"]}};var ColorPicker_stories_ColorPickersStory=function ColorPickersStory(){var _React$useState2=_slicedToArray(react.useState(0),2),color=_React$useState2[0],setColor=_React$useState2[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor})]})};ColorPicker_stories_ColorPickersStory.displayName="ColorPickersStory";var ColorPicker_stories_CustomColorPickersStory=function CustomColorPickersStory(){var _React$useState4=_slicedToArray(react.useState(0),2),color=_React$useState4[0],setColor=_React$useState4[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:["red","green","palegoldenrod","#FF00FF"]})]})};ColorPicker_stories_CustomColorPickersStory.displayName="CustomColorPickersStory";var ColorPicker_stories_NamedColorPickersStory=function NamedColorPickersStory(){var _React$useState6=_slicedToArray(react.useState(0),2),color=_React$useState6[0],setColor=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Named Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:[{color:"red",name:"Red"},{color:"green",name:"Green"},{color:"palegoldenrod",name:"Gold"},{color:"#FF00FF",name:"Pink"},{color:"#ABCDEF",name:"Blue-Gray-ish"}]})]})};ColorPicker_stories_NamedColorPickersStory.displayName="NamedColorPickersStory";var ColorPicker_stories_SmallColorPickerStory=function SmallColorPickerStory(){var _React$useState8=_slicedToArray(react.useState(0),2),color=_React$useState8[0],setColor=_React$useState8[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Small Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{small:!0,color:color,onChange:setColor})]})};ColorPicker_stories_SmallColorPickerStory.displayName="SmallColorPickerStory",ColorPicker_stories_ColorPickersStory.parameters=Object.assign({storySource:{source:'function ColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Color Picker</p>\n            <ColorPicker color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=Object.assign({storySource:{source:"function CustomColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Custom Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={['red', 'green', 'palegoldenrod', '#FF00FF']}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=Object.assign({storySource:{source:"function NamedColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Named Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={[\n                    { color: 'red', name: 'Red' },\n                    { color: 'green', name: 'Green' },\n                    { color: 'palegoldenrod', name: 'Gold' },\n                    { color: '#FF00FF', name: 'Pink' },\n                    { color: '#ABCDEF', name: 'Blue-Gray-ish' },\n                ]}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=Object.assign({storySource:{source:'function SmallColorPickerStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Small Color Picker</p>\n            <ColorPicker small color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},"./stories/components/Dropdown.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/deprecated-button/index.ts"),_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/alert/alert.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Dropdown",component:_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["notAccessible","deprecated"]}};var DropdownStory=function DropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__.a,{tone:"critical",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"Deprecated:"})," While not a 1:1 replacement, consider using"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"/?path=/docs/components-menu",children:"Menu"})," as an alternative"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show dropdown"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{children:"Dropdown Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"You can add anything"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"you want to a dropdown"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"(e.g. lists and headings)"})]})]})})]})]})})};DropdownStory.displayName="DropdownStory";var InteractiveDropdownStory=function InteractiveDropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{allowBodyInteractions:!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show interactive dropdown (will not close when clicking on it)"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{children:"Wow this is interactive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"Click outside"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"to close this"})]})]})})]})})};InteractiveDropdownStory.displayName="InteractiveDropdownStory",DropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{\' \'}\n                <a href="/?path=/docs/components-menu">Menu</a> as an alternative\n            </Alert>\n\n            <Dropdown.Box>\n                <Dropdown.Trigger>\n                    <Button variant="primary">Trigger: Click to show dropdown</Button>\n                </Dropdown.Trigger>\n                <Dropdown.Body>\n                    <div>\n                        <h2>Dropdown Content</h2>\n                        <ul>\n                            <li>You can add anything</li>\n                            <li>you want to a dropdown</li>\n                            <li>(e.g. lists and headings)</li>\n                        </ul>\n                    </div>\n                </Dropdown.Body>\n            </Dropdown.Box>\n        </Stack>\n    </section>\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Dropdown.Box allowBodyInteractions>\n            <Dropdown.Trigger>\n                <Button variant="primary">\n                    Trigger: Click to show interactive dropdown (will not close when clicking on it)\n                </Button>\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div>\n                    <h1>Wow this is interactive</h1>\n                    <ul>\n                        <li>Click outside</li>\n                        <li>to close this</li>\n                    </ul>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    </section>\n)'}},InteractiveDropdownStory.parameters)},"./stories/components/Input.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-input/input.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Input=react.forwardRef((function(props,ref){var className=classnames_default()("reactist_input",props.className);return Object(jsx_runtime.jsx)("input",Object.assign({},props,{className:className,ref:ref}))}));Input.displayName="Input";try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{className:{defaultValue:null,description:"Additional css class applied to the input.",name:"className",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/deprecated-input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var deprecated_input=Input,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),Input_stories_InputStory=(__webpack_require__("./stories/components/styles/input_story.less"),__webpack_exports__.default={title:"Components/Input",component:deprecated_input,parameters:{badges:["deprecated"]}},function InputStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsxs)("div",{className:"story-info",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-textfield",children:"TextField"})," instead"]}),Object(jsx_runtime.jsxs)("p",{children:["This component is a dumb wrapper around the",Object(jsx_runtime.jsx)("code",{children:" <input />"})," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",Object(jsx_runtime.jsx)("code",{children:"<input />"})," element."]})]}),Object(jsx_runtime.jsx)(deprecated_input,{placeholder:"Simple input wrapper"})]})});Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_input,Object.assign({},args))})};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <div className="story-info">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-textfield">TextField</a> instead\n            </Alert>\n            <p>\n                This component is a dumb wrapper around the\n                <code> &lt;input /&gt;</code> element which justs add a class name to give it is\n                unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n                directly applied onto the underlying <code>&lt;input /&gt;</code> element.\n            </p>\n        </div>\n        <Input placeholder="Simple input wrapper" />\n    </section>\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <Input {...args} />\n    </section>\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/KeyCapturer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"<input>"))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"<KeyCapturer\n    onEnter={ this._handleEnter }\n    onBackspace={ this._handleBackspace }\n    propagateBackspace\n>\n    <input value={ value } onChange={ this._handleChange } />\n</KeyCapturer>\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/components/KeyboardShortcut.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/components/keyboard-shortcut/keyboard-shortcut.less"),__webpack_require__("./src/components/keyboard-shortcut/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/KeyboardShortcut",parameters:{badges:["accessible"]}};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("pre",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("code",{children:["<KeyboardShortcut>",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"  ","string"==typeof shortcut?shortcut:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:["{",JSON.stringify(shortcut),"}"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"</KeyboardShortcut>"]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"On macOS:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!0,children:shortcut})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"Elsewhere:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!1,children:shortcut})]})]})};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.text)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=Object.assign({storySource:{source:"(args) => {\n    const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n    return (\n        <section className=\"story\">\n            <pre>\n                <code>\n                    &lt;KeyboardShortcut&gt;\n                    <br />\n                    &nbsp;&nbsp;\n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        </>\n                    )}\n                    <br />\n                    &lt;/KeyboardShortcut&gt;\n                </code>\n            </pre>\n            <p>\n                <strong>On macOS:</strong>\n                <KeyboardShortcut isMac={true}>{shortcut}</KeyboardShortcut>\n            </p>\n            <p>\n                <strong>Elsewhere:</strong>\n                <KeyboardShortcut isMac={false}>{shortcut}</KeyboardShortcut>\n            </p>\n        </section>\n    )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Notification.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory})),__webpack_require__.d(__webpack_exports__,"AccessibilityExample",(function(){return Notification_stories_AccessibilityExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),avatar=__webpack_require__("./src/new-components/avatar/avatar.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CloseIcon_svg_CloseIcon=function CloseIcon(){return Object(jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:Object(jsx_runtime.jsx)("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"})})};CloseIcon_svg_CloseIcon.displayName="CloseIcon";var CloseIcon_svg=CloseIcon_svg_CloseIcon,_excluded=(__webpack_require__("./src/components/deprecated-notification/deprecated-notification.less"),["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","aria-live"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DeprecatedNotification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,_ref$ariaLive=_ref["aria-live"],ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,rest=_objectWithoutProperties(_ref,_excluded),titleId=title?id+"-title":null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?id+"-subtitle":null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?id+"-content":null,contentIdAttribute=children?{id:id+"-content"}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=Object(jsx_runtime.jsx)("div",Object.assign({className:"reactist-notification__content"},contentIdAttribute,{children:null!=children?children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?Object(jsx_runtime.jsx)("h3",Object.assign({className:"reactist-notification__title"},titleIdAttribute,{children:title})):null,subtitle?Object(jsx_runtime.jsx)("p",Object.assign({className:"reactist-notification__subtitle"},subtitleIdAttribute,{children:subtitle})):null]})})),notificationBody=Object(jsx_runtime.jsxs)("div",{className:"reactist-notification__icon-content-group",children:[null!=icon?icon:null,notificationContent]});return Object(jsx_runtime.jsxs)("div",Object.assign({id:id,role:"alert",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)}),"aria-live":ariaLive},ariaLabelledBy,ariaDescribedBy,rest,{children:[onClick?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__button",onClick:onClick,children:notificationBody}):notificationBody,onClose?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText,children:null!=customCloseButton?customCloseButton:Object(jsx_runtime.jsx)(CloseIcon_svg,{})}):null]}))}DeprecatedNotification.displayName="DeprecatedNotification";try{DeprecatedNotification.displayName="DeprecatedNotification",DeprecatedNotification.__docgenInfo={description:"",displayName:"DeprecatedNotification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<HTMLDivElement>) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"]={docgenInfo:DeprecatedNotification.__docgenInfo,name:"DeprecatedNotification",path:"src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./stories/components/styles/notification_story.less");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/DeprecatedNotification",component:DeprecatedNotification,parameters:{badges:["accessible","deprecated"]}};var Notification_stories_StandardNotificationStory=function StandardNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Standard Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"standard-notification",icon:Object(jsx_runtime.jsx)("span",{className:"notification-story-notification-dot"}),title:"You have a new message!",subtitle:"Click here to view.",onClose:Object(esm.action)("onClose"),onClick:Object(esm.action)("onClick")})]})};Notification_stories_StandardNotificationStory.displayName="StandardNotificationStory";var Notification_stories_NonClickableNotificationStory=function NonClickableNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Non-clickable Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"non-clickable-notification",title:"Your task is due in 5 hours",subtitle:"Keep going!",onClose:Object(esm.action)("onClose")})]})};Notification_stories_NonClickableNotificationStory.displayName="NonClickableNotificationStory";var Notification_stories_CustomContentNotificationStory=function CustomContentNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Content Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"custom-content-notification",icon:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Brock Lesnar",email:"brock@twist.com"}}),onClose:Object(esm.action)("onClose"),className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("div",{className:"notification-story-content",children:[Object(jsx_runtime.jsx)("p",{className:"notification-story-text",children:"You received a message from Brock"}),Object(jsx_runtime.jsx)("h4",{className:"notification-story-heading",children:"Better not leave him hanging"})]})})]})};Notification_stories_CustomContentNotificationStory.displayName="CustomContentNotificationStory";var Notification_stories_NotificationPlaygroundStory=function NotificationPlaygroundStory(args){var onClose=args.onClose?Object(esm.action)("onClose"):void 0,onClick=args.onClick?Object(esm.action)("onClick"):void 0,icon=args.icon?Object(jsx_runtime.jsx)("div",{className:"notification-story-avatar-container",children:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Ada bot",email:"adabot@twist.com"}})}):null,children=args.children?Object(jsx_runtime.jsx)("div",{className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("p",{className:"notification-story-text",children:["If children is provided, then"," ",Object(jsx_runtime.jsx)("strong",{children:"it will be rendered instead of the title and subtitle"})]})}):null;return Object(jsx_runtime.jsx)("section",{className:"story playground",children:Object(jsx_runtime.jsx)(DeprecatedNotification,Object.assign({id:"playground-notification"},args,{onClose:onClose,onClick:onClick,icon:icon,children:children}))})};Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory";var Notification_stories_AccessibilityExample=function AccessibilityExample(){var _React$useState2=_slicedToArray(react.useState("Test message"),2),textContent=_React$useState2[0],setTextContent=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(textContent),2),notificationContent=_React$useState4[0],setNotificationContent=_React$useState4[1],_React$useState6=_slicedToArray(react.useState("assertive"),2),currentAriaLive=_React$useState6[0],setCurrentAriaLive=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"notification-off","aria-live":currentAriaLive,title:notificationContent,onClose:Object(esm.action)("onClose")}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceBetween",marginTop:"xlarge",children:[Object(jsx_runtime.jsxs)(box.a,{children:[Object(jsx_runtime.jsxs)(box.a,{marginTop:"medium",display:"flex",flexDirection:"row",alignItems:"center",onChange:function onChangeValue(event){setCurrentAriaLive(event.target.value)},children:[Object(jsx_runtime.jsx)("input",{type:"radio",id:"off",name:"aria-live",value:"off",checked:"off"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"off",children:'aria-live="off"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"polite",name:"aria-live",value:"polite",checked:"polite"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"polite",children:'aria-live="polite"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"assertive",name:"aria-live",value:"assertive",checked:"assertive"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"assertive",children:'aria-live="assertive"'})]}),Object(jsx_runtime.jsx)("br",{}),"off"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will not be announced by a screen reader."}):null,"polite"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader after the current content."}):null,"assertive"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader immediately."}):null]}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",alignItems:"flexEnd",children:[Object(jsx_runtime.jsx)(text_field.a,{label:"Content",value:textContent,onChange:function onChange(event){return setTextContent(event.currentTarget.value)}})," ",Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return setNotificationContent(textContent)},children:"Submit"})]})]})]})};Notification_stories_AccessibilityExample.displayName="AccessibilityExample",Notification_stories_NotificationPlaygroundStory.args={title:"You have a new notification",subtitle:"Click to open",closeAltText:"Close me!",icon:!0,children:!1,onClose:!0,onClick:!0},Notification_stories_NotificationPlaygroundStory.argTypes={icon:{control:{type:"boolean"}},onClose:{control:{type:"boolean"}},onClick:{control:{type:"boolean"}},className:{control:{type:null}},customCloseButton:{control:{type:null}},id:{control:{type:null}}},Notification_stories_StandardNotificationStory.parameters=Object.assign({storySource:{source:'function StandardNotificationStory() {\n    return (\n        <section className="story">\n            <p>Standard Notification</p>\n            <DeprecatedNotification\n                id="standard-notification"\n                icon={<span className="notification-story-notification-dot" />}\n                title="You have a new message!"\n                subtitle="Click here to view."\n                onClose={action(\'onClose\')}\n                onClick={action(\'onClick\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=Object.assign({storySource:{source:'function NonClickableNotificationStory() {\n    return (\n        <section className="story">\n            <p>Non-clickable Notification</p>\n            <DeprecatedNotification\n                id="non-clickable-notification"\n                title="Your task is due in 5 hours"\n                subtitle="Keep going!"\n                onClose={action(\'onClose\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=Object.assign({storySource:{source:'function CustomContentNotificationStory() {\n    return (\n        <section className="story">\n            <p>Custom Content Notification</p>\n            <DeprecatedNotification\n                id="custom-content-notification"\n                icon={<Avatar size="s" user={{ name: \'Brock Lesnar\', email: \'brock@twist.com\' }} />}\n                onClose={action(\'onClose\')}\n                className="notification-story-notification-container"\n            >\n                <div className="notification-story-content">\n                    <p className="notification-story-text">You received a message from Brock</p>\n                    <h4 className="notification-story-heading">Better not leave him hanging</h4>\n                </div>\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=Object.assign({storySource:{source:'function NotificationPlaygroundStory(args) {\n    const onClose = args.onClose ? action(\'onClose\') : undefined\n    const onClick = args.onClick ? action(\'onClick\') : undefined\n    const icon = args.icon ? (\n        <div className="notification-story-avatar-container">\n            <Avatar size="s" user={{ name: \'Ada bot\', email: \'adabot@twist.com\' }} />\n        </div>\n    ) : null\n    const children = args.children ? (\n        <div className="notification-story-notification-container">\n            <p className="notification-story-text">\n                If children is provided, then{\' \'}\n                <strong>it will be rendered instead of the title and subtitle</strong>\n            </p>\n        </div>\n    ) : null\n\n    return (\n        <section className="story playground">\n            <DeprecatedNotification\n                id="playground-notification"\n                {...args}\n                onClose={onClose}\n                onClick={onClick}\n                icon={icon}\n            >\n                {children}\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters),Notification_stories_AccessibilityExample.parameters=Object.assign({storySource:{source:'function AccessibilityExample() {\n    const [textContent, setTextContent] = React.useState(\'Test message\')\n    const [notificationContent, setNotificationContent] = React.useState(textContent)\n    const [currentAriaLive, setCurrentAriaLive] = React.useState<\'off\' | \'polite\' | \'assertive\'>(\n        \'assertive\',\n    )\n\n    function onChangeValue(event: React.FormEvent<HTMLInputElement>) {\n        setCurrentAriaLive(\n            (event.target as HTMLInputElement).value as \'off\' | \'polite\' | \'assertive\',\n        )\n    }\n\n    return (\n        <section className="story">\n            <DeprecatedNotification\n                id="notification-off"\n                aria-live={currentAriaLive}\n                title={notificationContent}\n                onClose={action(\'onClose\')}\n            />\n\n            <Box\n                display="flex"\n                flexDirection="row"\n                justifyContent="spaceBetween"\n                marginTop="xlarge"\n            >\n                <Box>\n                    <Box\n                        marginTop="medium"\n                        display="flex"\n                        flexDirection="row"\n                        alignItems="center"\n                        onChange={onChangeValue}\n                    >\n                        <input\n                            type="radio"\n                            id="off"\n                            name="aria-live"\n                            value="off"\n                            checked={currentAriaLive === \'off\'}\n                        />\n                        <label htmlFor="off">aria-live="off"</label>\n                        <input\n                            type="radio"\n                            id="polite"\n                            name="aria-live"\n                            value="polite"\n                            checked={currentAriaLive === \'polite\'}\n                        />\n                        <label htmlFor="polite">aria-live="polite"</label>\n                        <input\n                            type="radio"\n                            id="assertive"\n                            name="aria-live"\n                            value="assertive"\n                            checked={currentAriaLive === \'assertive\'}\n                        />\n                        <label htmlFor="assertive">aria-live="assertive"</label>\n                    </Box>\n\n                    <br />\n\n                    {currentAriaLive === \'off\' ? (\n                        <Text tone="secondary">\n                            Changes will not be announced by a screen reader.\n                        </Text>\n                    ) : null}\n                    {currentAriaLive === \'polite\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader after the current content.\n                        </Text>\n                    ) : null}\n\n                    {currentAriaLive === \'assertive\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader immediately.\n                        </Text>\n                    ) : null}\n                </Box>\n\n                <Box display="flex" flexDirection="row" alignItems="flexEnd">\n                    <TextField\n                        label="Content"\n                        value={textContent}\n                        onChange={(event) => setTextContent(event.currentTarget.value)}\n                    />\n                    &nbsp;\n                    <Button variant="primary" onClick={() => setNotificationContent(textContent)}>\n                        Submit\n                    </Button>\n                </Box>\n            </Box>\n        </section>\n    )\n}'}},Notification_stories_AccessibilityExample.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ProgressBar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/progressbar_story.less"),__webpack_require__("./node_modules/react/index.js");var hidden_visually=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/progress-bar/progress-bar.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,ariaValuetext=_ref["aria-valuetext"],finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return Object(jsx_runtime.jsxs)("div",{className:finalClassName,children:[Object(jsx_runtime.jsx)("div",{className:"inner",style:{width:width+"%"}}),Object(jsx_runtime.jsx)(hidden_visually.a,{children:Object(jsx_runtime.jsx)("progress",{value:width,max:100,"aria-valuetext":null!=ariaValuetext?ariaValuetext:void 0})})]})}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative for assitive technologies.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar,ProgressBar_stories_ProgressBarStory=(__webpack_exports__.default={title:"Components/ProgressBar",component:components_progress_bar,parameters:{badges:["accessible"]}},function ProgressBarStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Progress Bars"}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:0}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:25}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:50}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:75}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:100})]})});ProgressBar_stories_ProgressBarStory.displayName="ProgressBarStory";var ProgressBar_stories_ProgressBarPlaygroundStory=function ProgressBarPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(components_progress_bar,Object.assign({},args))})};ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.args={fillPercentage:50},ProgressBar_stories_ProgressBarPlaygroundStory.argTypes={fillPercentage:{control:{type:"number"}},className:{control:{type:null}}},ProgressBar_stories_ProgressBarStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <p>Progress Bars</p>\n        <ProgressBar fillPercentage={0} />\n        <ProgressBar fillPercentage={25} />\n        <ProgressBar fillPercentage={50} />\n        <ProgressBar fillPercentage={75} />\n        <ProgressBar fillPercentage={100} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <ProgressBar {...args} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Select.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-select/select.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["value","options","onChange","disabled","className","defaultValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,_excluded),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return Object(jsx_runtime.jsx)("select",Object.assign({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps,{children:null==options?void 0:options.map((function(option){return Object(jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.text},option.key||option.value)}))}))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/deprecated-select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var deprecated_select=Select,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Select_stories_options=[{value:"intro",text:"Select a fruit",disabled:!0},{value:"apple",text:"🍎 Apple"},{value:"pear",text:"🍐 Pear"},{value:"fish",text:"🐟 Fish",disabled:!0},{value:"banana",text:"🍌 Banana"},{value:"grapes",text:"🍇 Grapes"}],Select_stories_SelectStory=(__webpack_exports__.default={title:"Components/Select",component:deprecated_select,parameters:{badges:["deprecated"]}},function SelectStory(){var _React$useState2=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState2[0],setValue=_React$useState2[1];return Object(jsx_runtime.jsxs)(stack.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-selectfield",children:"SelectField"})," instead"]}),Object(jsx_runtime.jsx)(deprecated_select,{value:value,options:Select_stories_options,onChange:setValue})]})});Select_stories_SelectStory.displayName="SelectStory";var Select_stories_SelectPlaygroundStory=function SelectPlaygroundStory(args){var _React$useState4=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState4[0],setValue=_React$useState4[1];return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_select,Object.assign({},args,{value:value,options:Select_stories_options,onChange:setValue}))})};Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.args={disabled:!1},Select_stories_SelectPlaygroundStory.argTypes={disabled:{control:{type:"boolean"}},value:{control:{type:null}},defaultValue:{control:{type:null}},className:{control:{type:null}},options:{control:{type:null}}},Select_stories_SelectStory.parameters=Object.assign({storySource:{source:'function SelectStory() {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead\n            </Alert>\n\n            <Select value={value} options={options} onChange={setValue} />\n        </Stack>\n    )\n}'}},Select_stories_SelectStory.parameters),Select_stories_SelectPlaygroundStory.parameters=Object.assign({storySource:{source:'function SelectPlaygroundStory(args) {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <section className="story">\n            <Select {...args} value={value} options={options} onChange={setValue} />\n        </section>\n    )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Time.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/time_story.less");var react=__webpack_require__("./node_modules/react/index.js"),dayjs_min=__webpack_require__("./node_modules/dayjs/dayjs.min.js"),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./src/components/tooltip/tooltip.tsx")),localizedFormat=__webpack_require__("./node_modules/dayjs/plugin/localizedFormat.js"),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?""+diffDays+daysSuffix:diffHours>0&&diffHours<=23?""+diffHours+hoursSuffix:diffMinutes>0&&diffMinutes<=59?""+diffMinutes+minutesSuffix:momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}},jsx_runtime=(__webpack_require__("./src/components/time/time.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var time_Time=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Time,_React$Component);var _super=_createSuper(Time);function Time(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Time),(_this=_super.call(this,props)).refreshInterval=void 0,_this.refreshInterval=void 0,_this.state={hovered:!1,mouseX:void 0,mouseY:void 0},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Time,[{key:"componentDidMount",value:function componentDidMount(){this.props.refresh&&this._refresh()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){!prevProps.refresh&&this.props.refresh&&this._refresh(),prevProps.refresh&&!this.props.refresh&&this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"_setHovered",value:function _setHovered(hovered,event){var _this$state=this.state,mouseX=_this$state.mouseX,mouseY=_this$state.mouseY,clientX=event.clientX,clientY=event.clientY;clientX===mouseX&&clientY===mouseY||this.setState((function(){return{hovered:hovered,mouseX:clientX,mouseY:clientY}}))}},{key:"_renderTime",value:function _renderTime(config){if(this.props.time){if(this.state.hovered){if(this.props.expandFullyOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTimeLong(this.props.time,config);if(this.props.expandOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTime(this.props.time,config)}return TimeUtils.timeAgo(this.props.time,config)}}},{key:"_refresh",value:function _refresh(){var _this2=this;this.refreshInterval=setInterval((function(){_this2.forceUpdate()}),6e4)}},{key:"render",value:function render(){var _this3=this,className="reactist_time";this.props.className&&(className=this.props.className);var timeComponent=this._renderTime(this.props.config);return Object(jsx_runtime.jsx)("time",{className:className,onMouseEnter:function onMouseEnter(event){return _this3._setHovered(!0,event)},onMouseLeave:function onMouseLeave(event){return _this3._setHovered(!1,event)},children:this.props.tooltipOnHover?Object(jsx_runtime.jsx)(tooltip.a,{content:this.props.tooltip||this.props.time&&TimeUtils.formatTimeLong(this.props.time,this.props.config),children:Object(jsx_runtime.jsx)("span",{children:timeComponent})}):timeComponent})}}]),Time}(react.Component);time_Time.displayName=void 0,time_Time.defaultProps=void 0,time_Time.displayName="Time",time_Time.defaultProps={expandOnHover:!1,expandFullyOnHover:!1,tooltipOnHover:!1,refresh:!0,config:{locale:"en",daysSuffix:"d",hoursSuffix:"h",minutesSuffix:"m",momentsAgo:"moments ago"}};try{time_Time.displayName="Time",time_Time.__docgenInfo={description:"",displayName:"Time",props:{time:{defaultValue:null,description:"UNIX timestamp of the time to display.",name:"time",required:!1,type:{name:"number | undefined"}},config:{defaultValue:{value:"{\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    }"},description:"Configuration for localization.",name:"config",required:!1,type:{name:"TimeConfig | undefined"}},className:{defaultValue:null,description:"Additional css class applied to the time element.",name:"className",required:!1,type:{name:"string | undefined"}},tooltipOnHover:{defaultValue:{value:"false"},description:"",name:"tooltipOnHover",required:!1,type:{name:"boolean | undefined"}},refresh:{defaultValue:{value:"true"},description:"Refresh the component every DELAY seconds.",name:"refresh",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"If you don't want to use the default time format on the tooltip use this prop to supply a custom text",name:"tooltip",required:!1,type:{name:"ReactNode"}},expandOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to short absolute version.",name:"expandOnHover",required:!1,type:{name:"boolean | undefined"}},expandFullyOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to the full absolute version.",name:"expandFullyOnHover",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/time/time.tsx#Time"]={docgenInfo:time_Time.__docgenInfo,name:"Time",path:"src/components/time/time.tsx#Time"})}catch(__react_docgen_typescript_loader_error){}var components_time=time_Time,exampleTimes=(__webpack_exports__.default={title:"Components/Time",component:components_time,parameters:{badges:["accessible"]}},[{title:"Now",time:dayjs_min_default()().unix()},{title:"Now - 2 Minutes",time:dayjs_min_default()().subtract(2,"minutes").unix()},{title:"Now - 2 Hours",time:dayjs_min_default()().subtract(2,"hours").unix()},{title:"Now - 18 Hours",time:dayjs_min_default()().subtract(18,"hours").unix()},{title:"Now - 2 Days",time:dayjs_min_default()().subtract(2,"days").unix()},{title:"Now - 2 Weeks",time:dayjs_min_default()().subtract(2,"weeks").unix()},{title:"Now - 2 Years",time:dayjs_min_default()().subtract(2,"years").unix()}]),Time_stories_NoHoverEffectStory=function NoHoverEffectStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Normal Time (no hover effect)"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{time:time.time})]},index)}))]})};Time_stories_NoHoverEffectStory.displayName="NoHoverEffectStory";var Time_stories_ExpandTimeStory=function ExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandOnHover:!0,time:time.time})]},index)}))]})};Time_stories_ExpandTimeStory.displayName="ExpandTimeStory";var Time_stories_FullyExpandTimeStory=function FullyExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Fully expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,time:time.time})]},index)}))]})};Time_stories_FullyExpandTimeStory.displayName="FullyExpandTimeStory";var Time_stories_TooltipTimeStory=function TooltipTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Show full time in tooltip on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{tooltipOnHover:!0,time:time.time})]},index)}))]})};Time_stories_TooltipTimeStory.displayName="TooltipTimeStory";var Time_stories_TranslatedTimeStory=function TranslatedTimeStory(){var i18nConfig={locale:"de",hoursSuffix:"Std",minutesSuffix:"min",momentsAgo:"Gerade eben"};return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Translated times"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,config:i18nConfig,time:time.time})]},index)}))]})};Time_stories_TranslatedTimeStory.displayName="TranslatedTimeStory";var Time_stories_TimePlaygroundStory=function TimePlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story time",children:Object(jsx_runtime.jsx)(components_time,Object.assign({},args))})};Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.args={time:exampleTimes[0].time,expandOnHover:!1,expandFullyOnHover:!1,refresh:!0},Time_stories_TimePlaygroundStory.argTypes={expandOnHover:{control:{type:"boolean"}},expandFullyOnHover:{control:{type:"boolean"}},refresh:{control:{type:"boolean"}},config:{control:{type:null}},className:{control:{type:null}},tooltipOnHover:{control:{type:null}},tooltip:{control:{type:null}}},Time_stories_NoHoverEffectStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Normal Time (no hover effect)</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Fully expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandFullyOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Show full time in tooltip on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time tooltipOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=Object.assign({storySource:{source:"() => {\n    const i18nConfig = {\n        locale: 'de',\n        hoursSuffix: 'Std',\n        minutesSuffix: 'min',\n        momentsAgo: 'Gerade eben',\n    }\n\n    return (\n        <section className=\"story time\">\n            <p>Translated times</p>\n            {exampleTimes.map((time, index) => (\n                <div key={index}>\n                    <span>{time.title}</span>\n                    <Time expandFullyOnHover config={i18nConfig} time={time.time} />\n                </div>\n            ))}\n        </section>\n    )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story time">\n        <Time {...args} />\n    </section>\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Tooltip.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/tooltip_story.less");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/deprecated-button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Tooltip",parameters:{badges:["accessible"]}};var ExampleButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function ExampleButton(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({ref:ref},props,{children:["I am a button.",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),"Hover or focus me to see a tooltip."]}))})),TooltipPlaygroundStory=function TooltipPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story tooltip",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{autoFocus:!0,placeholder:"Focus here so you can press Tab to test focusing the button below"}),Object(react__WEBPACK_IMPORTED_MODULE_2__.createElement)(_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{key:String(args.position)+String(args.gapSize)}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ExampleButton,{}))]})};TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.args={content:"Very helpful content in this tooltip",gapSize:5},TooltipPlaygroundStory.argTypes={position:{control:{type:"select",options:["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],title:"test"}}},TooltipPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <section className="story tooltip">\n            <input\n                autoFocus\n                placeholder="Focus here so you can press Tab to test focusing the button below"\n            />\n            <Tooltip\n                // Tooltip does not react to dynamic changes of some props so we force a new\n                // component re-render every time these change.\n                {...args}\n                key={String(args.position) + String(args.gapSize)}\n            >\n                <ExampleButton />\n            </Tooltip>\n        </section>\n    )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/color.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/heading/heading.tsx"),_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./stories/components/styles/color-story.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-background","--reactist-framework-fill-crest","--reactist-framework-fill-selected","--reactist-framework-fill-summit"],frameworkBorderColors=["--reactist-divider-primary","--reactist-divider-secondary","--reactist-divider-tertiary"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-toast"];function Swatch(_ref){var color=_ref.color;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.b,{alignY:"center",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__.a,{style:{background:"var("+color+")"},className:"color_swatch"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("code",{className:"color_swatch__css_variable",children:color})})]},color)}Swatch.displayName="Swatch";var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",exceptionallySetClassName:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Framework"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Fill"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkFillColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Border"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkBorderColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:contentColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))})]})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:'function Colors() {\n    return (\n        <Stack space="xlarge" exceptionallySetClassName="story">\n            <Heading level={1} size="larger">\n                Framework\n            </Heading>\n\n            <Heading level={2}>Framework-Fill</Heading>\n            <Stack space="small">\n                {frameworkFillColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={2}>Framework-Border</Heading>\n            <Stack space="small">\n                {frameworkBorderColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={1} size="larger">\n                Content\n            </Heading>\n            <Stack space="small">\n                {contentColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n        </Stack>\n    )\n}'}},Colors.parameters)},"./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/reactist/Reactist.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),"\nIf you prefer to include static files, download the latest tarball from the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/packages/60435"},"package page")," and include the following files in your project:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/dist/reactist.cjs.production.min.js"),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/styles/reactist.css")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),"\nWe identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),"\nThis boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),"\nFirst run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),"\nthis will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json)\nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/nesting-vs-polymorphism.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Nesting vs combining via polymorphism",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Nesting vs. combining via polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The design system components have this ability where you can render one component as a certain HTML tag:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack as="ul">\n  {tasks.map((task) => (\n    <Box as="li" key={task.id}>{task.content}</Box>\n  )}\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The main purpose is to be able to take advantage of the new components while at the same time not dropping the ball on using semantic HTML."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, it can also be used to render as another React component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// Link below can be thought of as the Link component in react-router\n<ButtonLink as={Link}>Click me</ButtonLink>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is useful to be able to get the functionality of one component with the visuals and functionality of another component. In the example above, we render a link that has the visual look and feel of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," from our design system; but the link functionality is provided by react-router, allowing this link to perform ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("abbr",{title:"Single-Page Application"},"SPA"),"-like navigation on the client-side instead of a full server round trip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Caveats"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"With great power, comes great responsibility. You should not abuse this feature for markup optimization purposes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"What's markup optimization? Take the following example, for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column>\n        <Stack space="small">\n            <One />\n            <Two />\n        </Stack>\n    </Column>\n    <Column>\n        <Stack space="small">\n            <Three />\n            <Four />\n        </Stack>\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We could be tempted to say that each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," could also be the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", thus removing one extra container element and simplifying your markup."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column as={Stack} space="small">\n        <One />\n        <Two />\n    </Column>\n    <Column as={Stack} space="small">\n        <Three />\n        <Four />\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is not guaranteed to work 100% of the time because styles could clash."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In the example above, for instance, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," element will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="medium"')," effect. While the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="small"')," effect of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"At first, you might think there's no problem because the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," child elements is applied in the vertical direction (top and bottom) to keep a vertical space between them. While the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," elements is applied in the horizontal direction (left and right) to keep columns separated. So, in theory, these margins should not clash. However, columns add vertical spacing also, for when they show in collapsed form due to the viewport getting narrower (i.e. responsive design)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You may think: what if I have not instructed a particular ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element to collapse on responsive viewport sizes? The styles are there all the same, just in case. We could think of optimizing this and not applying the styles except to collapsible columns, but the main caveat warned about here remains: in general, combining two React components into one via polymorphism may break things, especially if both components have similar responsibilities regarding style and/or functionality."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Nesting vs combining via polymorphism",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/simplified-nested-markup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Simplified markup of the Stack and Inline components",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Simplified markup of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Inline")," components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It's no secret that our layout components are inspired by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://seek-oss.github.io/braid-design-system/foundations/layout"},"the ones in the Braid Design System"),". One key difference in some of these components is that we simplified them to privilege simpler markup by default."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, for instance, ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," elements automatically generate an extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," wrapping each of its child elements. This allows them to achieve a full level of separation of concerns. You see, part of the layout duties of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," component relies on applying certain styles to its child elements (e.g. to achieve the spacing they apply margin to the child elements). So they add this extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," around each child to make sure these styles are applied to these divs, and do not collide with the styles that the actual child element has."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is all better illustrated by an example. Take this ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Inline>\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</Inline>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, this component will render roughly the following markup:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <div class="css classes for the inline child wrapper">\n        <button type="button">Cancel</button>\n    </div>\n    <div class="css classes for the inline child wrapper">\n        <button type="submit">Save</button>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In our design system, however, this is the markup that we'll generate:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Originally, our components were like that of Braid, but this issue was brought up internally, and we decided to make it simpler, even if it adds a burden to the consumer of these components. A burden that we need to be aware of. You can find more information about this change in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/pull/497"},"the PR that introduced it"),". The concern is not ours alone, as it ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/seek-oss/braid-design-system/issues/386"},"was raised in Braid's own repo as well"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We explain below why this change made sense."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why we made the change"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A good deal of the time, what we nest inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is already a block element. Also, we favour having components without outward margin in the out-most container. So ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"there's no concern that the margin that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"Stack")," applies to its child elements will clash with the margin that the child elements themselves may have"),". So it seems a waste of resources to have a UI language that could potentially generate lots of useless extra containers around a relatively simple UI."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like with the extra container in place"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Take, for instance, this example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack space="xlarge">\n    <Stack space="small">\n        <label>Username</label>\n        <input name="username" />\n    </Stack>\n    <Stack space="small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </Stack>\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If we generated extra containers for each child, this would generate a markup similar to what's shown below:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Username</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="username" />\n            </div>\n        </div>\n    </div>\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Password</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="password" type="password" />\n            </div>\n        </div>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"And just imagine if inside the inner stack we rendered a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," element, which also did the same for its child elements."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like without the extra container element"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack space-small">\n        <label>Username</label>\n        <input name="username" />\n    </div>\n    <div class="stack space-small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why do you need to know all this"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This change comes with a caveat: depending on what child element you use, this way in which it all works may cause trouble."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The exact situations are not fully documented yet. But if you find yourself having trouble with some elements inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", consider wrapping them manually in a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<div>")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Box>")," yourself, and see if it fixes your issue. As we find concrete examples, we can add them to this documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For instance, this could happen if you pass to a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," a component that renders a fragment with more than one child in it. Depending on what you expect, you may not get what you want. For instance, given this component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"function List() {\n    return (\n        <>\n            <header>List</header>\n            <ul>…</ul>\n        </>\n    )\n}\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you pass this element into a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", it will consider each of the two child elements (the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"header")," and the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ul"),") to be individual items in the stack, and will apply spacing into it. This is arguably not what you want. Technically, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is reaching out into the internals of this component and possibly breaking its own layout."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"There are easy ways around this. Either do not return a fragment, or wrap this element in an extra container manually when put inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),". Or maybe this is what you wanted in a particular case, in which case you got what you wanted."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Simplified markup of the Stack and Inline components",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/single-child-stack-columns.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/About Stack or Columns with a single child",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Columns")," with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Avoid having single-child ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Columns")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Columns />")," with a single ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Column />")," inside makes no sense most of the time. The same applies to having ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Stack />")," elements with a single child. It can happen when we remove stuff from the UI. So be aware that if you remove something from inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element and a single child remains, then you might be able to remove them altogether and render that single child directly in place."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Stack>\n  <Something />\n</Stack>\n\n// …or this…\n<Columns>\n  <Column>\n    <Something />\n  </Column>\n</Columns>\n\n// …can probably be just this\n<Something />\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About conditionally-rendered child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, sometimes the second child element is rendered conditionally. Those cases are OK, of course:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// This is ok\n<Stack>\n  <Header />\n  {showBody ? <Body /> : null}\n</Stack>\n\n// And this too\n<Columns>\n  <Column width="content">\n    <Sidebar />\n  </Column>\n  {showContent ? (\n    <Column>\n      <Content />\n    </Column>\n  ) : null}\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Inline")," elements with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You might wonder why not say the same about ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),". We've found that ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," can be useful with a single child. It has the effect of making that child element not expand its full height, because it how behaves like an inline element rather than a block one. In reality, it still behaves like a block element, but a block element inside an inline context. So you might still want to leave it in place, but you should also check if you can remove it when removing other children of the inline element."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/About Stack or Columns with a single child",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"),__webpack_require__("./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bjUmGQ1{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small);min-height:calc(2*var(--reactist-spacing-small) + var(--reactist-button-small-height) + 2px)}.PyULHXUj{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}.PyULHXUj svg{color:var(--reactist-alert-tone-info-icon)}.hIW0DUrF{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.hIW0DUrF svg{color:var(--reactist-alert-tone-positive-icon)}._1Ho1jjqk{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1Ho1jjqk svg{color:var(--reactist-alert-tone-caution-icon)}._177zyoVP{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._177zyoVP svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_1bjUmGQ1","tone-info":"PyULHXUj","tone-positive":"hIW0DUrF","tone-caution":"_1Ho1jjqk","tone-critical":"_177zyoVP"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}.Sva128bQ{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}._1CEziM4w{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3fRfWCm3{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._1UdsEmnB{--reactist-avatar-size:var(--reactist-avatar-size-small)}.aOiZgBic{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.O_uq2aRB{--reactist-avatar-size:var(--reactist-avatar-size-large)}._3wlhGvdY{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2Qwl8hZI{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2A19sfWg{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._2oWcPdrM{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._1ptksGmT{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.w-jaOD8t{--reactist-avatar-size:var(--reactist-avatar-size-small)}._2VsKPPHN{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.Kps9rVTS{--reactist-avatar-size:var(--reactist-avatar-size-large)}._2f1ZsW6N{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._3iKrYPyj{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1DZ0T2GD{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._1LxYW80E{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3cB9NvrU{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.uLzmqAWK{--reactist-avatar-size:var(--reactist-avatar-size-small)}._22zzC83m{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.PRY49uSU{--reactist-avatar-size:var(--reactist-avatar-size-large)}.LGu4W2mc{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2hst-HQf{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1QLSb8gY{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}",""]),exports.locals={avatar:"Sva128bQ","size-xxs":"_1CEziM4w","size-xs":"_3fRfWCm3","size-s":"_1UdsEmnB","size-m":"aOiZgBic","size-l":"O_uq2aRB","size-xl":"_3wlhGvdY","size-xxl":"_2Qwl8hZI","size-xxxl":"_2A19sfWg","tablet-size-xxs":"_2oWcPdrM","tablet-size-xs":"_1ptksGmT","tablet-size-s":"w-jaOD8t","tablet-size-m":"_2VsKPPHN","tablet-size-l":"Kps9rVTS","tablet-size-xl":"_2f1ZsW6N","tablet-size-xxl":"_3iKrYPyj","tablet-size-xxxl":"_1DZ0T2GD","desktop-size-xxs":"_1LxYW80E","desktop-size-xs":"_3cB9NvrU","desktop-size-s":"uLzmqAWK","desktop-size-m":"_22zzC83m","desktop-size-l":"PRY49uSU","desktop-size-xl":"LGu4W2mc","desktop-size-xxl":"_2hst-HQf","desktop-size-xxxl":"_1QLSb8gY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-badge-neutral-background:#eee;--reactist-badge-neutral-foreground:#666;--reactist-badge-positive-background:rgba(5,133,39,0.1);--reactist-badge-positive-foreground:#058527;--reactist-badge-color-background:#faead1;--reactist-badge-color-foreground:#8f4700}._16rUqpuT{font-family:var(--reactist-font-family);font-size:10px;font-weight:var(--reactist-font-weight-medium);border-radius:3px;padding:3px var(--reactist-spacing-xsmall);text-transform:uppercase}.nBcZWKqg{color:var(--reactist-badge-neutral-foreground);background-color:var(--reactist-badge-neutral-background)}._1eIHGtGO{color:var(--reactist-badge-positive-foreground);background-color:var(--reactist-badge-positive-background)}._2F1bBd2z{color:var(--reactist-badge-color-foreground);background-color:var(--reactist-badge-color-background)}",""]),exports.locals={badge:"_16rUqpuT","badge-neutral":"nBcZWKqg","badge-positive":"_1eIHGtGO","badge-color":"_2F1bBd2z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1AOsTJG3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._2Ics8rP_{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._1AOsTJG3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._1AOsTJG3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._1AOsTJG3._2o-nyUTF{border-radius:1000px}._1AOsTJG3._3NSQNfFo{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._1AOsTJG3._1xS1YG4L{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._1AOsTJG3._1tvpnBHw{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._1AOsTJG3:not(._2PQcvkB9){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._1AOsTJG3:focus-visible:not([aria-disabled=true]),._1AOsTJG3:hover:not([aria-disabled=true]),._1AOsTJG3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._1AOsTJG3._2PQcvkB9{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._1AOsTJG3:not(._3AuL4yE4){min-width:68px}._1AOsTJG3._3AuL4yE4{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._1AOsTJG3 ._3wqLydX-{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._1AOsTJG3 ._2RzezWii{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);--reactist-content-primary:var(--reactist-content-toast);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}@keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}:root{--reach-dialog:1;--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._3jjo0wSd{isolation:isolate}[data-reach-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3v5DmtsH .2s;animation:_3v5DmtsH .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}[data-reach-dialog-overlay]>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled] ._5Eq_Wmv{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}[data-reach-dialog-content]{background:var(--reactist-bg-default);padding:0;outline:none;transition:box-shadow .5s}._5Eq_Wmv{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out;max-width:100%}._1jvHg-bL ._5Eq_Wmv{width:100%}._22sgLJIW ._5Eq_Wmv{width:768px}.gwIpBSNi ._5Eq_Wmv{width:580px}._1LaotiZv ._5Eq_Wmv{width:450px}@media (min-width:992px){.B2BwdSPs ._5Eq_Wmv{width:960px}}@media (min-width:1200px){.B2BwdSPs ._5Eq_Wmv{width:1060px}}@media (max-width:1000px){.B2BwdSPs ._5Eq_Wmv{width:768px}}@media (max-width:580px){.ynZOvPCT:not(._1LaotiZv) ._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv) ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}.tJiZ17qL{display:flex;align-items:center;height:32px}._1ZCXZZbD{min-height:32px}",""]),exports.locals={"reach-portal":"_3jjo0wSd",fadein:"_3v5DmtsH",fitContent:"_3dZ8SMqI",container:"_5Eq_Wmv",full:"_1jvHg-bL",large:"_22sgLJIW",medium:"gwIpBSNi",small:"_1LaotiZv",xlarge:"B2BwdSPs",overlay:"ynZOvPCT",expand:"_2MXWR1nx",buttonContainer:"tJiZ17qL",headerContent:"_1ZCXZZbD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw.cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw option{background-color:var(--reactist-bg-aside)}._37qME_zw select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));margin-top:var(--reactist-spacing-large);border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}._14o3mgku{margin-top:var(--reactist-spacing-xsmall)}._1-Qo1ZMw{margin-top:var(--reactist-spacing-small)}._2zCa-_AP{margin-top:var(--reactist-spacing-medium)}.fBRTKaCF{margin-top:var(--reactist-spacing-large)}._3xoTod4f{margin-top:var(--reactist-spacing-xlarge)}._1GEBxxCD{margin-top:var(--reactist-spacing-xxlarge)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81","track-xsmall":"_14o3mgku","track-small":"_1-Qo1ZMw","track-medium":"_2zCa-_AP","track-large":"fBRTKaCF","track-xlarge":"_3xoTod4f","track-xxlarge":"_1GEBxxCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font-family:var(--reactist-font-family);width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}",""]),exports.locals={textAreaContainer:"_22PFG8iD",bordered:"_29Be2aIS",error:"_2NQlDy3I"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO:not(._1UmGt5zL){border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL input{padding:0;height:24px}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast,400)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n  background-color: rgba(0, 0, 0, 0.1);\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n  height: 18px;\n  width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n  width: 12px;\n  height: 12px;\n}\n.reactist_color_picker .color_item {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 4px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n  background-color: transparent;\n  border: 2px solid white;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n  padding: 6px;\n  display: flex;\n  flex-wrap: wrap;\n  width: 164px;\n  position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n  visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n    .color_trigger {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 24px;\n\n        &--inner_ring {\n            background-color: rgba(0, 0, 0, 0.1);\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_trigger--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.small {\n            height: 18px;\n            width: 18px;\n\n            .color_trigger--inner_ring {\n                width: 12px;\n                height: 12px;\n            }\n        }\n    }\n\n    .color_item {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        &--inner_ring {\n            background-color: transparent;\n            border: 2px solid white;\n            height: 24px;\n            width: 24px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_item--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.active {\n            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .color_options {\n        padding: 6px;\n        display: flex;\n        flex-wrap: wrap;\n        width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n        position: relative;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        visibility: hidden;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n  cursor: pointer;\n  user-select: none;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.reactist_button--small {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  padding: 5px 15px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n  padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n  padding: 10px 15px;\n}\n.reactist_button--primary {\n  background-color: #3f82ef;\n  color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n  background-color: #3b7be2;\n}\n.reactist_button--danger {\n  background-color: #de4c4a;\n  color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n  background-color: #cf2826;\n}\n.reactist_button--secondary {\n  background-color: white;\n  color: #202020;\n  border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n  background-color: #f9f9f9;\n}\n.reactist_button--link {\n  color: #3f82ef;\n  text-decoration: none;\n}\n.reactist_button--link:disabled {\n  color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n  text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n  font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n  cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n  background-repeat: no-repeat;\n  background-size: 15px;\n  content: '';\n  display: inline-block;\n  height: 15px;\n  margin-left: 12px;\n  vertical-align: middle;\n  width: 15px;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: reactistRotateRight;\n  animation-timing-function: linear;\n  color: #ffffff;\n  background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n  border-color: #dcdcdc;\n  background-color: #dcdcdc;\n  color: #808080;\n}\n@keyframes reactistRotateRight {\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n    cursor: pointer;\n    user-select: none;\n    color: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n\n    &[aria-disabled='true'] {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &--small {\n        .smaller_text();\n    }\n\n    &--primary,\n    &--secondary,\n    &--danger {\n        .normal_text();\n        box-sizing: border-box;\n        padding: 5px 15px;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 3px;\n        &.reactist_button--small {\n            padding: 5px 10px;\n        }\n        &.reactist_button--large {\n            padding: 10px 15px;\n        }\n    }\n\n    &--primary {\n        background-color: @primary_color;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: @primary_color_darker;\n        }\n    }\n\n    &--danger {\n        background-color: @color_red;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: darken(@color_red, 10%);\n        }\n    }\n\n    &--secondary {\n        background-color: white;\n        color: @primary_font_color;\n        border-color: @color_border_grey;\n\n        &:not([disabled]):hover {\n            background-color: @color_grey_9;\n        }\n    }\n\n    &--link {\n        color: @primary_color;\n        text-decoration: none;\n\n        &:disabled {\n            color: @secondary_font_color;\n        }\n\n        &:not(:disabled):hover {\n            text-decoration: underline;\n        }\n\n        &:not(&--small):not(&--large) {\n            font-size: inherit;\n        }\n    }\n\n    // loading-like buttons are only supported for the primary, secondary and danger variants\n    &--primary,\n    &--secondary,\n    &--danger {\n        &.reactist_button--loading {\n            cursor: progress !important;\n            &:after {\n                background-repeat: no-repeat;\n                background-size: 15px;\n                content: '';\n                display: inline-block;\n                height: 15px;\n                margin-left: 12px;\n                vertical-align: middle;\n                width: 15px;\n                animation-duration: 1s;\n                animation-iteration-count: infinite;\n                animation-name: reactistRotateRight;\n                animation-timing-function: linear;\n                color: #ffffff;\n                background-image: url('../icons/spinner.svg');\n            }\n        }\n    }\n\n    // we treat secondary buttons differently because the loading indicator is white\n    // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n    &--secondary.reactist_button--loading {\n        border-color: @color_border_grey;\n        background-color: @color_border_grey;\n        color: @secondary_font_color;\n    }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n    from {\n        transform: rotate(0deg);\n        transform-origin: center center;\n    }\n\n    to {\n        transform: rotate(360deg);\n        transform-origin: center center;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n  cursor: pointer;\n  display: block;\n}\n.reactist_dropdown .body {\n  border-radius: 3px;\n  border: 1px solid #dcdcdc;\n  overflow: hidden;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n  z-index: 1;\n  background-color: #fff;\n}\n.reactist_dropdown hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n  z-index: 1;\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n  top: -11px;\n  border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n  top: -12px;\n  border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n  top: -1px;\n  border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n  top: -1px;\n  right: 13px;\n  border-width: 7px;\n  border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n    .trigger {\n        cursor: pointer;\n        display: block;\n    }\n\n    .body {\n        border-radius: 3px;\n        border: 1px solid @color_border_grey;\n        overflow: hidden;\n        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n        z-index: 1;\n        background-color: #fff;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 0 5px;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        z-index: 1;\n        content: '';\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px;\n        right: 14px;\n    }\n\n    .with_arrow:after {\n        top: -11px;\n        border-color: transparent transparent #fff transparent;\n    }\n\n    .with_arrow:before {\n        top: -12px;\n        border-color: transparent transparent @color_border_grey transparent;\n    }\n\n    .with_arrow.top:after {\n        top: -1px;\n        border-color: #fff transparent transparent transparent;\n    }\n\n    .with_arrow.top:before {\n        top: -1px;\n        right: 13px;\n        border-width: 7px;\n        border-color: @color_border_grey transparent transparent transparent;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  outline: none;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  padding: 5px 10px;\n  margin: 0;\n}\n.reactist_input:focus {\n  border-color: #3f82ef;\n}\n.reactist_input:disabled {\n  background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n    .normal_text();\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    outline: none;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    padding: 5px 10px;\n    margin: 0;\n\n    &:focus {\n        border-color: @primary_color;\n    }\n    &:disabled {\n        background-color: @color_grey_11;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n  display: flex;\n  position: relative;\n  font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition-property: background-color;\n  transition-duration: 300ms;\n  background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n  background: #ececec;\n}\n.reactist-notification__button {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n  display: flex;\n  flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n  background: #ececec;\n}\n.reactist-notification__close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n  display: block;\n}\n.reactist-notification__icon-content-group {\n  display: flex;\n  flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n  padding-right: 24px;\n}\n.reactist-notification__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.reactist-notification__title {\n  margin: 0 0 3px 0;\n  font-size: 0.875rem;\n  text-align: left;\n}\n.reactist-notification__subtitle {\n  font-size: 0.81rem;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 10px 14px;\n    border: 1px solid @color_border_grey;\n    border-radius: @default-radius;\n    box-shadow: @default-box-shadow;\n    background: #fff;\n}\n\n.reactist-notification {\n    display: flex;\n    position: relative;\n    font-size: @normal_font_size;\n\n    &:not(.reactist-notification--with-button) {\n        .container-style();\n    }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition-property: background-color;\n    transition-duration: @standard-timing;\n    background: #fff;\n\n    &:hover {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__button {\n    .container-style();\n    display: flex;\n    flex: 1;\n\n    &:hover + .reactist-notification__close-button {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__close-button {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: @default-radius;\n\n    > * {\n        display: block;\n    }\n}\n\n.reactist-notification__icon-content-group {\n    display: flex;\n    flex: 1;\n}\n\n.reactist-notification--with-close-button {\n    .reactist-notification__icon-content-group {\n        padding-right: 24px;\n    }\n}\n\n.reactist-notification__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.reactist-notification__title {\n    margin: 0 0 3px 0;\n    font-size: @normal_font_size;\n    text-align: left;\n}\n\n.reactist-notification__subtitle {\n    font-size: @smaller_font_size;\n    margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  background-color: white;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 5px 25px 5px 10px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n  background-position: calc(100% - 11px) center;\n  background-repeat: no-repeat;\n  background-size: 8px 11px;\n}\n.reactist_select.disabled {\n  background-color: #fafafa;\n}\n.reactist_select:focus {\n  outline: none;\n  border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n    .normal_text();\n    background-color: white;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n\n    // nuke the browser styles\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n    padding: 5px 25px 5px 10px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n    background-position: calc(~'100% - 11px') center;\n    background-repeat: no-repeat;\n    background-size: 8px 11px;\n\n    &.disabled {\n        background-color: @color_grey_11;\n    }\n    &:focus {\n        outline: none;\n        border: 1px solid @primary_color;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n  font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  margin: 0 2px;\n  line-height: normal;\n  line-height: 10px;\n  color: #202020;\n  vertical-align: middle;\n  background-color: #fafafa;\n  border: 1px solid #dcdcdc;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n    font: 11px Menlo, monospace;\n    > kbd > kbd {\n        display: inline-block;\n        padding: 3px 5px;\n        margin: 0 2px;\n        line-height: normal;\n        line-height: 10px;\n        color: @primary_font_color;\n        vertical-align: middle;\n        background-color: @color_grey_11;\n        border: 1px solid @color_border_grey;\n        border-radius: 6px;\n        box-shadow: inset 0 -1px 0 @color_border_grey;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n  min-height: 44px;\n  max-height: var(--popover-available-height);\n  overflow: auto;\n  display: block;\n  white-space: nowrap;\n  background: hsla(0, 0%, 100%, 0.99);\n  outline: none;\n  font-size: 0.81rem;\n  padding: 4px 0;\n  min-width: 180px;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  margin: -4px;\n  z-index: var(--reactist-stacking-order-menu, 1);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  user-select: none;\n  outline: none;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  color: #808080;\n  font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button,\n.reactist_menulist[role='menubar'] .reactist_submenu_button {\n  padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after,\n.reactist_menulist[role='menubar'] .reactist_submenu_button::after {\n  content: '';\n  position: absolute;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent #808080;\n  display: block;\n  width: 0;\n  right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'] {\n  width: 100%;\n  box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menubar'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menubar'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-expanded='true'] {\n  color: #202020;\n  background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled,\n.reactist_menulist[role='menubar'] [role='menuitem']:disabled {\n  color: #808080;\n  pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'],\n.reactist_menulist[role='menubar'] a[role='menuitem'] {\n  cursor: default;\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover,\n.reactist_menulist[role='menubar'] a[role='menuitem']:hover {\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'],\n.reactist_menulist[role='menubar'] [role='menu'],\n.reactist_menulist[role='menu'] [role='menubar'],\n.reactist_menulist[role='menubar'] [role='menubar'] {\n  margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr,\n.reactist_menulist[role='menubar'] hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAIA;;EAEI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,+CAAA;AAHJ;AAZA;;;;EAmBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AA1BA;;EA+BQ,cAAA;EACA,kBAAA;AADR;AA/BA;;EAoCQ,mBAAA;AADR;AAnCA;;EAwCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AADR;AA9CA;;EAmDQ,WAAA;EACA,sBAAA;AADR;AAEQ;;;;;;EAGI,cAAA;EACA,yBAAA;AAGZ;AADQ;;;;EAEI,cAAA;EACA,oBAAA;AAKZ;AAnEA;;EAmEQ,eAAA;EACA,qBAAA;AAIR;AAHQ;;EACI,qBAAA;AAMZ;AA5EA;;;;EA6EQ,gBAAA;AAKR;AAlFA;;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAKR",sourcesContent:["@import '../styles/constants.less';\n\n// Ariakit renders the menu as menubar on Safari\n// Ref: https://github.com/ariakit/ariakit/blob/454aef1237ada31e8292ee4966adca3ed0f6e299/packages/ariakit/src/menu/menu-list.ts#L150\n.reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n    min-height: 44px; // minimum accessible target area\n    max-height: var(--popover-available-height); // defined by ariakit\n    overflow: auto;\n    display: block;\n    white-space: nowrap;\n    background: hsla(0, 100%, 100%, 0.99);\n    outline: none;\n    font-size: @smaller_font_size;\n    padding: 4px 0;\n    min-width: 180px;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n    z-index: var(--reactist-stacking-order-menu, 1);\n\n    [role='menuitem'],\n    .reactist_menugroup__label {\n        user-select: none;\n        outline: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        padding: 5px 10px;\n        color: inherit;\n        border: none;\n        background-color: transparent;\n    }\n\n    .reactist_menugroup__label {\n        color: @secondary_font_color;\n        font-size: @tiny_font_size;\n    }\n\n    .reactist_submenu_button {\n        padding-right: 16px;\n    }\n\n    .reactist_submenu_button::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 4px 0 4px 6px;\n        border-color: transparent @secondary_font_color;\n        display: block;\n        width: 0;\n        right: 6px;\n    }\n\n    [role='menuitem'] {\n        width: 100%;\n        box-sizing: border-box;\n        &:hover,\n        &:focus,\n        &[aria-expanded='true'] {\n            color: @primary_font_color;\n            background-color: @color_grey_10;\n        }\n        &[aria-disabled='true'],\n        &:disabled {\n            color: @secondary_font_color;\n            pointer-events: none;\n        }\n    }\n\n    a[role='menuitem'] {\n        cursor: default;\n        text-decoration: none;\n        &:hover {\n            text-decoration: none;\n        }\n    }\n\n    // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n    [role='menu'],\n    [role='menubar'] {\n        margin-top: -5px;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 4px 0;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  height: 4px;\n  border-radius: 3px;\n  background-color: #ececec;\n  width: 100%;\n}\n.reactist_progress_bar .inner {\n  height: inherit;\n  border-radius: 4px;\n  background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n    height: 4px;\n    border-radius: 3px;\n    background-color: @color_grey_10;\n    width: 100%;\n\n    .inner {\n        height: inherit;\n        border-radius: 4px;\n        background-color: @color_green;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n  font-size: 0.75rem;\n  color: #808080;\n  font-weight: 400;\n  line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n  text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n    .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n    text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100%;\n  padding: 5px 10px;\n  background-color: #333333;\n  color: white;\n  border: none;\n  border-radius: 3px;\n  z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n    .smaller_text();\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n    padding: 5px 10px;\n    background-color: @tooltip_background;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n  /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n  --reactist-breakpoint-tablet: 768px;\n  --reactist-breakpoint-desktop: 992px;\n  /* spacing sizes */\n  --reactist-spacing-xsmall: 4px;\n  --reactist-spacing-small: 8px;\n  --reactist-spacing-medium: 12px;\n  --reactist-spacing-large: 16px;\n  --reactist-spacing-xlarge: 24px;\n  --reactist-spacing-xxlarge: 32px;\n  /* width */\n  --reactist-width-xsmall: 220px;\n  --reactist-width-small: 400px;\n  --reactist-width-medium: 660px;\n  --reactist-width-large: 940px;\n  --reactist-width-xlarge: 1280px;\n  /* font family */\n  --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n  /* font sizes */\n  --reactist-font-size-caption: 12px;\n  --reactist-font-size-copy: 13px;\n  --reactist-font-size-body: 14px;\n  --reactist-font-size-subtitle: 16px;\n  --reactist-font-size-header: 20px;\n  --reactist-font-size-header-large: 24px;\n  --reactist-font-size-header-xlarge: 32px;\n  /* font weight */\n  --reactist-font-weight-regular: 400;\n  --reactist-font-weight-medium: 600;\n  --reactist-font-weight-strong: 700;\n  /* standard divider colors */\n  --reactist-divider-primary: #c4c7c8;\n  --reactist-divider-secondary: #dde2e3;\n  --reactist-divider-tertiary: #edf2f3;\n  /* border-radius */\n  --reactist-border-radius-small: 5px;\n  --reactist-border-radius-large: 10px;\n  /* background color */\n  --reactist-bg-default: #ffffff;\n  --reactist-bg-brand: #246fe0;\n  --reactist-bg-aside: #fafafa;\n  --reactist-bg-highlight: #f2f2f2;\n  --reactist-bg-selected: #e6e6e6;\n  --reactist-bg-toast: #282828;\n  /* colors */\n  --reactist-framework-fill-background: #fafafa;\n  --reactist-framework-fill-crest: #e6e6e6;\n  --reactist-framework-fill-selected: #ececec;\n  --reactist-framework-fill-summit: #d6d6d6;\n  --reactist-content-primary: rgba(0, 0, 0, 0.88);\n  --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n  --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n  --reactist-content-toast: #ffffff;\n  --reactist-content-positive: #058527;\n  --reactist-content-danger: #d1453b;\n  /* component-specific */\n  --reactist-switch-checked: #058527;\n  /* alerts */\n  --reactist-alert-tone-info-icon: #1d438c;\n  --reactist-alert-tone-info-border: #246fe0;\n  --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n  --reactist-alert-tone-positive-icon: #035017;\n  --reactist-alert-tone-positive-border: #058527;\n  --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n  --reactist-alert-tone-caution-icon: #5e3704;\n  --reactist-alert-tone-caution-border: #eb8d13;\n  --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n  --reactist-alert-tone-critical-icon: #b03d32;\n  --reactist-alert-tone-critical-border: #d1453b;\n  --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n  /* toasts */\n  --reactist-toast-actionable-primary-tint: #39d1ef;\n  --reactist-toast-actionable-secondary-tint: #b6c1c3;\n  --reactist-toast-actionable-hover-fill: #506063;\n  --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,iCAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;AAfJ",sourcesContent:[":root {\n    /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n    --reactist-breakpoint-tablet: 768px;\n    --reactist-breakpoint-desktop: 992px;\n\n    /* spacing sizes */\n    --reactist-spacing-xsmall: 4px;\n    --reactist-spacing-small: 8px;\n    --reactist-spacing-medium: 12px;\n    --reactist-spacing-large: 16px;\n    --reactist-spacing-xlarge: 24px;\n    --reactist-spacing-xxlarge: 32px;\n\n    /* width */\n    --reactist-width-xsmall: 220px;\n    --reactist-width-small: 400px;\n    --reactist-width-medium: 660px;\n    --reactist-width-large: 940px;\n    --reactist-width-xlarge: 1280px;\n\n    /* font family */\n    --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n\n    /* font sizes */\n    --reactist-font-size-caption: 12px;\n    --reactist-font-size-copy: 13px;\n    --reactist-font-size-body: 14px;\n    --reactist-font-size-subtitle: 16px;\n    --reactist-font-size-header: 20px;\n    --reactist-font-size-header-large: 24px;\n    --reactist-font-size-header-xlarge: 32px;\n\n    /* font weight */\n    --reactist-font-weight-regular: 400;\n    --reactist-font-weight-medium: 600;\n    --reactist-font-weight-strong: 700;\n\n    /* standard divider colors */\n    --reactist-divider-primary: #c4c7c8;\n    --reactist-divider-secondary: #dde2e3;\n    --reactist-divider-tertiary: #edf2f3;\n\n    /* border-radius */\n    --reactist-border-radius-small: 5px;\n    --reactist-border-radius-large: 10px;\n\n    /* background color */\n    --reactist-bg-default: rgb(255, 255, 255);\n    --reactist-bg-brand: rgb(36, 111, 224);\n    --reactist-bg-aside: rgb(250, 250, 250);\n    --reactist-bg-highlight: rgb(242, 242, 242);\n    --reactist-bg-selected: rgb(230, 230, 230);\n    --reactist-bg-toast: rgb(40, 40, 40);\n\n    /* colors */\n    --reactist-framework-fill-background: rgb(250, 250, 250);\n    --reactist-framework-fill-crest: rgb(230, 230, 230);\n    --reactist-framework-fill-selected: rgb(236, 236, 236);\n    --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n    --reactist-content-primary: rgba(0, 0, 0, 0.88);\n    --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n    --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n    --reactist-content-toast: rgb(255, 255, 255);\n    --reactist-content-positive: rgb(5, 133, 39);\n    --reactist-content-danger: rgb(209, 69, 59);\n\n    /* component-specific */\n    --reactist-switch-checked: rgb(5, 133, 39);\n\n    /* alerts */\n    --reactist-alert-tone-info-icon: #1d438c;\n    --reactist-alert-tone-info-border: rgb(36, 111, 224);\n    --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n    --reactist-alert-tone-positive-icon: #035017;\n    --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n    --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n    --reactist-alert-tone-caution-icon: #5e3704;\n    --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n    --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n    --reactist-alert-tone-critical-icon: #b03d32;\n    --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n    --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n    /* toasts */\n    --reactist-toast-actionable-primary-tint: #39d1ef;\n    --reactist-toast-actionable-secondary-tint: #b6c1c3;\n    --reactist-toast-actionable-hover-fill: #506063;\n    --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n  display: inline-block;\n  margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n    display: inline-block;\n    margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--reactist-divider-secondary);\n  border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n  padding: 4px;\n  border-radius: var(--reactist-border-radius-small);\n  border: 1px solid var(--reactist-divider-secondary);\n  background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--reactist-divider-secondary);\n    border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n    padding: 4px;\n    border-radius: var(--reactist-border-radius-small);\n    border: 1px solid var(--reactist-divider-secondary);\n    background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n  color: #565d6b;\n  font-size: 14px;\n  line-height: 1.5;\n  margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n    color: rgb(86, 93, 107);\n    font-size: 14px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n  box-sizing: border-box;\n  display: flex;\n  width: 22px;\n  padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n  content: '';\n  display: block;\n  background-color: #70bc1c;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.notification-story-notification-container {\n  width: 360px;\n  max-width: none;\n}\n.notification-story-content {\n  margin-left: 10px;\n}\n.notification-story-text {\n  text-align: left;\n  margin: 0 0 4px 0;\n  color: #808080;\n}\n.notification-story-heading {\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  color: #de4c4a;\n}\n.notification-story-avatar-container {\n  margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n    box-sizing: border-box;\n    display: flex;\n    width: 22px;\n    padding-top: 4px;\n\n    &:before {\n        content: '';\n        display: block;\n        background-color: @color_green;\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n    }\n}\n\n.notification-story-notification-container {\n    width: 360px;\n    max-width: none;\n}\n\n.notification-story-content {\n    margin-left: 10px;\n}\n\n.notification-story-text {\n    text-align: left;\n    margin: 0 0 4px 0;\n    color: @secondary_font_color;\n}\n\n.notification-story-heading {\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    color: @color_red;\n}\n\n.notification-story-avatar-container {\n    margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n    margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n  font-family: var(--reactist-font-family);\n}\n.story {\n  margin: 0 40px 0 40px;\n  padding: 20px;\n  background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n    font-family: var(--reactist-font-family);\n}\n\n.story {\n    margin: 0 40px 0 40px;\n    padding: 20px;\n    background-color: white;\n\n    // checkered background\n    // @gray: whitesmoke;\n    // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n    // background-size: 20px 20px;\n    // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n  display: inline-block;\n  width: 160px;\n  text-align: right;\n  font-weight: 600;\n  margin-right: 16px;\n}\n.story.time div time {\n  text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n    span {\n        display: inline-block;\n        width: 160px;\n        text-align: right;\n        font-weight: 600;\n        margin-right: 16px;\n    }\n    time {\n        text-align: left;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n  display: block;\n  text-align: center;\n}\n.story.tooltip input {\n  margin: 0 auto;\n  width: 400px;\n}\n.story.tooltip button {\n  width: 250px;\n  margin: 100px auto;\n  padding: 100px 10px;\n  border: 1px solid black;\n  background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n  background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n    input,\n    button {\n        display: block;\n        text-align: center;\n    }\n    input {\n        margin: 0 auto;\n        width: 400px;\n    }\n    button {\n        width: 250px;\n        margin: 100px auto;\n        padding: 100px 10px;\n        border: 1px solid black;\n        background-color: palegreen;\n        &:hover,\n        &:focus {\n            background-color: lightblue;\n        }\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/menu/menu.stories.tsx":"./src/components/menu/menu.stories.tsx","./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/deprecated-modal/modal.stories.mdx":"./src/new-components/deprecated-modal/modal.stories.mdx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/modal/modal.stories.mdx":"./src/new-components/modal/modal.stories.mdx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var dropdown_Box=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Box,_React$Component);var _super=_createSuper(Box);function Box(props,context){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Box),(_this=_super.call(this,props,context))._timeout=void 0,_this._handleClickOutside=function(event){var dropdownDOMNode=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));dropdownDOMNode&&!dropdownDOMNode.contains(event.target)?_this._toggleShowBody():_this.props.allowBodyInteractions||(_this._timeout=setTimeout((function(){_this.state.showBody&&_this._toggleShowBody()}),100))},_this._toggleShowBody=function(){_this.state.showBody?(_this.props.onHideBody&&_this.props.onHideBody(),document.removeEventListener("click",_this._handleClickOutside,!0)):(_this.props.onShowBody&&_this.props.onShowBody(),document.addEventListener("click",_this._handleClickOutside,!0)),_this.setState({showBody:!_this.state.showBody})},_this._setPosition=function(body){if(body){var scrollingParent=document.getElementById(_this.props.scrolling_parent?_this.props.scrolling_parent:"");if(scrollingParent){var dropdown=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));if(!dropdown)return;var dropdownVerticalPosition=react_dom_default.a.findDOMNode(_assertThisInitialized(_this)).offsetTop,dropdownTrigger=dropdown.querySelector(".trigger");if(!dropdownTrigger)return;var dropdownTriggerHeight=dropdownTrigger.clientHeight,dropdownBodyHeight=body.clientHeight,top=scrollingParent.clientHeight+scrollingParent.scrollTop-dropdownVerticalPosition-dropdownTriggerHeight<dropdownBodyHeight;top!==_this.state.top&&_this.setState({top:top})}}},_this.state={showBody:!1,top:props.top||!1},_this._timeout=void 0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Box,[{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this._handleClickOutside,!0),this._timeout&&clearTimeout(this._timeout)}},{key:"_getTriggerComponent",value:function _getTriggerComponent(){var _this$props$children,_trigger=null===(_this$props$children=this.props.children)||void 0===_this$props$children?void 0:_this$props$children[0];return _trigger?react.cloneElement(_trigger,{onClick:this._toggleShowBody}):void 0}},{key:"_getBodyComponent",value:function _getBodyComponent(){if(!this.state.showBody)return null;var top=this.state.top,_this$props=this.props,_this$props$right=_this$props.right,right=void 0!==_this$props$right&&_this$props$right,children=_this$props.children,props={top:top,right:right,setPosition:this._setPosition},className=classnames_default()({body_wrapper:!0,with_arrow:!0,top:top,bottom:!top}),body=null==children?void 0:children[1],contentMarkup="function"==typeof body?body(props):body?react.cloneElement(body,props):void 0;return Object(jsx_runtime.jsx)("div",{className:className,style:{position:"relative"},children:contentMarkup})}},{key:"render",value:function render(){var className=classnames_default()("reactist_dropdown",this.props.className),top=this.state.top;return Object(jsx_runtime.jsxs)("div",{style:{display:"inline-block"},className:className,"data-testid":"reactist-dropdown-box",children:[top&&this._getBodyComponent(),this._getTriggerComponent(),!top&&this._getBodyComponent()]})}}]),Box}(react.Component);dropdown_Box.displayName=void 0,dropdown_Box.displayName="Dropdown.Box";var dropdown_Trigger=react.forwardRef((function Trigger(_ref,ref){var children=_ref.children,onClick=_ref.onClick,tooltip=_ref.tooltip,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(deprecated_button.a,Object.assign({},props,{className:classnames_default()("trigger",className),onClick:function handleClick(event){event.preventDefault(),event.stopPropagation(),onClick&&onClick(event)},tooltip:tooltip,ref:ref,children:children}))}));function Body(_ref2){var top=_ref2.top,right=_ref2.right,children=_ref2.children,setPosition=_ref2.setPosition,style={position:"absolute",right:0,top:0};return top&&(style.top="auto",style.bottom=0),right&&(style.right="auto",style.left=0),Object(jsx_runtime.jsx)("div",{ref:setPosition,style:style,className:"body",id:"reactist-dropdown-body","data-testid":"reactist-dropdown-body",children:children})}dropdown_Trigger.displayName="Dropdown.Trigger",Body.displayName="Body",Body.displayName="Dropdown.Body";var Dropdown={Box:dropdown_Box,Trigger:dropdown_Trigger,Body:Body};__webpack_exports__.a=Dropdown},"./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/icons/spinner.svg":function(module,exports){module.exports="data:image/svg+xml,module.exports = __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},"./src/components/keyboard-shortcut/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","translateKey","isMac"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return OverflowMenuExample}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/keyboard-shortcut/index.ts"),_new_components_button__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/button/button.tsx"),_new_components_inline__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/inline/inline.tsx"),_new_components_stack__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/stack/stack.tsx"),_new_components_columns__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/columns/columns.tsx"),___WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/menu/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MenuIndicator(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{fillRule:"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})})}function StructuredMenuItem(_ref){var icon=_ref.icon,label=_ref.label,shortcut=_ref.shortcut;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{space:"small",width:"full",flexGrow:1,children:[icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content","aria-hidden":!0,children:icon}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{children:label})}),shortcut?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__.a,{children:shortcut})}):null]})}MenuIndicator.displayName="MenuIndicator",__webpack_exports__.default={title:"Components/Menu",component:___WEBPACK_IMPORTED_MODULE_20__.a,parameters:{badges:["accessible"]}},StructuredMenuItem.displayName="StructuredMenuItem";var SimpleMenuExample=function SimpleMenuExample(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13__.useState(!1),2),flag=_React$useState2[0],setFlag=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"Some menu examples"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_inline__WEBPACK_IMPORTED_MODULE_17__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"primary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"Simple menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Simple menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:"Edit"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Copy"),children:"Copy"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Paste"),children:"Paste"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:"Duplicate"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove"),children:"Remove"})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"secondary",tooltip:"And a tooltip too",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With sub-menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"With sub-menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{as:"a",href:"https://github.com/Doist/reactist",target:"_blank",rel:"noreferrer noopener",children:"Reactist on Github"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("About Reactist…"),children:"About Reactist…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Check for updates…"),children:"Check for updates…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.f,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{children:"Preferences"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Settings"),children:"Settings"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Extensions"),children:"Extensions"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Notifications"),children:"Notifications"})]})]})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"tertiary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With extra features"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Menu with extra features",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"✏",label:"Edit"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"👯‍♀️️",label:"Duplicate",shortcut:"Cmd + D"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:function onSelect(){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(flag?"Toggle off":"Toggle on")(flag?"👎":"👍"),setFlag((function(f){return!f})),!1},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:flag?"👍":"👎",label:"Toggle thumbs up or down"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.c,{label:"Dangerous options",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove first"),children:"Remove first"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove completed"),children:"Remove completed"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{disabled:!0,onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove all"),children:"Remove all (disabled)"})]})]})]})]})]})};function OverflowIcon(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})})}function Item(_ref2){var value=_ref2.value,name=_ref2.name;function getLabel(actionName){return actionName+" '"+name+"'"}var ariaLabel=getLabel("Options menu for");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{as:"li",border:"primary",borderRadius:"standard",padding:"small",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:name}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{onItemSelect:function onItemSelect(itemValue){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(String(itemValue)+" '"+name+"'")(value)},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"quaternary",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(OverflowIcon,{}),"aria-label":ariaLabel}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":ariaLabel,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"edit",children:getLabel("Edit")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"duplicate",children:getLabel("Duplicate")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"remove",children:getLabel("Remove")})]})]})})]})}SimpleMenuExample.displayName="SimpleMenuExample",OverflowIcon.displayName="OverflowIcon",Item.displayName="Item";var items=[{value:"1",name:"First item"},{value:"2",name:"Second item"},{value:"3",name:"Third item"}],OverflowMenuExample=function OverflowMenuExample(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"A list of items with an overflow options menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"This example is meant to be expanded with future features we plan to support (such as allowing to control the visible state of the menu from outside, and allow it to be used as a context menu)."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_stack__WEBPACK_IMPORTED_MODULE_18__.a,{as:"ul",space:"small",children:items.map((function(item,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(Item,Object.assign({},item),index)}))})]})};OverflowMenuExample.displayName="OverflowMenuExample",SimpleMenuExample.parameters=Object.assign({storySource:{source:"function SimpleMenuExample() {\n    const [flag, setFlag] = React.useState(false)\n    return (\n        <section className=\"story\">\n            <p>Some menu examples</p>\n            <Inline space=\"large\">\n                <Menu>\n                    <MenuButton as={Button} variant=\"primary\" endIcon={<MenuIndicator />}>\n                        Simple menu\n                    </MenuButton>\n                    <MenuList aria-label=\"Simple menu\">\n                        <MenuItem onSelect={action('Edit')}>Edit</MenuItem>\n                        <MenuItem onSelect={action('Copy')}>Copy</MenuItem>\n                        <MenuItem onSelect={action('Paste')}>Paste</MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>Duplicate</MenuItem>\n                        <MenuItem onSelect={action('Remove')}>Remove</MenuItem>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton\n                        as={Button}\n                        variant=\"secondary\"\n                        tooltip=\"And a tooltip too\"\n                        endIcon={<MenuIndicator />}\n                    >\n                        With sub-menu\n                    </MenuButton>\n                    <MenuList aria-label=\"With sub-menu\">\n                        <MenuItem\n                            as=\"a\"\n                            href=\"https://github.com/Doist/reactist\"\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                        >\n                            Reactist on Github\n                        </MenuItem>\n                        <MenuItem onSelect={action('About Reactist…')}>About Reactist…</MenuItem>\n                        <MenuItem onSelect={action('Check for updates…')}>\n                            Check for updates…\n                        </MenuItem>\n                        <hr />\n                        <SubMenu>\n                            <MenuButton>Preferences</MenuButton>\n                            <MenuList>\n                                <MenuItem onSelect={action('Settings')}>Settings</MenuItem>\n                                <MenuItem onSelect={action('Extensions')}>Extensions</MenuItem>\n                                <hr />\n                                <MenuItem onSelect={action('Notifications')}>\n                                    Notifications\n                                </MenuItem>\n                            </MenuList>\n                        </SubMenu>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton as={Button} variant=\"tertiary\" endIcon={<MenuIndicator />}>\n                        With extra features\n                    </MenuButton>\n                    <MenuList aria-label=\"Menu with extra features\">\n                        <MenuItem onSelect={action('Edit')}>\n                            <StructuredMenuItem icon=\"✏\" label=\"Edit\" />\n                        </MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>\n                            <StructuredMenuItem icon=\"👯‍♀️️\" label=\"Duplicate\" shortcut=\"Cmd + D\" />\n                        </MenuItem>\n                        <MenuItem\n                            onSelect={() => {\n                                action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n                                setFlag((f) => !f)\n                                return false // This prevents the menu from closing\n                            }}\n                        >\n                            <StructuredMenuItem\n                                icon={flag ? '👍' : '👎'}\n                                label=\"Toggle thumbs up or down\"\n                            />\n                        </MenuItem>\n                        <hr />\n                        <MenuGroup label=\"Dangerous options\">\n                            <MenuItem onSelect={action('Remove first')}>Remove first</MenuItem>\n                            <MenuItem onSelect={action('Remove completed')}>\n                                Remove completed\n                            </MenuItem>\n                            <MenuItem disabled onSelect={action('Remove all')}>\n                                Remove all (disabled)\n                            </MenuItem>\n                        </MenuGroup>\n                    </MenuList>\n                </Menu>\n            </Inline>\n        </section>\n    )\n}"}},SimpleMenuExample.parameters),OverflowMenuExample.parameters=Object.assign({storySource:{source:'function OverflowMenuExample() {\n    return (\n        <section className="story">\n            <p>A list of items with an overflow options menu</p>\n            <p>\n                This example is meant to be expanded with future features we plan to support (such\n                as allowing to control the visible state of the menu from outside, and allow it to\n                be used as a context menu).\n            </p>\n            <Stack as="ul" space="small">\n                {items.map((item, index) => (\n                    <Item key={index} {...item} />\n                ))}\n            </Stack>\n        </section>\n    )\n}'}},OverflowMenuExample.parameters)},"./src/components/menu/menu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuButton})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MenuList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SubMenu})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MenuGroup}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),react_focus_lock__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/utils/polymorphism.ts"),ariakit_menu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-state.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-button.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ariakit/esm/menu/menu.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-item.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-group.js"),ariakit_portal__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=(__webpack_require__("./src/components/menu/menu.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onItemSelect"],_excluded2=["exceptionallySetClassName"],_excluded3=["exceptionallySetClassName"],_excluded4=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName","as"],_excluded5=["label","children","exceptionallySetClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext({});function Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,_excluded),state=ariakit_menu__WEBPACK_IMPORTED_MODULE_18__.a(Object.assign({focusLoop:!0,gutter:8,shift:4},props)),handleItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function(){return{state:state,handleItemSelect:handleItemSelect}}),[state,handleItemSelect]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(MenuContext.Provider,{value:value,children:children})}Menu.displayName="Menu";var MenuButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuButton(_ref2,ref){var exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menubutton",exceptionallySetClassName)}))})),MenuList=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuList(_ref3,ref){var exceptionallySetClassName=_ref3.exceptionallySetClassName,props=_objectWithoutProperties(_ref3,_excluded3),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_portal__WEBPACK_IMPORTED_MODULE_23__.a,{preserveTabOrder:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_focus_lock__WEBPACK_IMPORTED_MODULE_16__.a,{returnFocus:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menulist",exceptionallySetClassName)}))})}):null})),MenuItem=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuItem(_ref4,ref){var value=_ref4.value,children=_ref4.children,onSelect=_ref4.onSelect,_ref4$hideOnSelect=_ref4.hideOnSelect,hideOnSelect=void 0===_ref4$hideOnSelect||_ref4$hideOnSelect,onClick=_ref4.onClick,exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$as=_ref4.as,as=void 0===_ref4$as?"button":_ref4$as,props=_objectWithoutProperties(_ref4,_excluded4),_React$useContext3=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_React$useContext3.state,hide=state.hide,handleClick=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},props,{as:as,state:state,ref:ref,onClick:handleClick,className:exceptionallySetClassName,hideOnClick:!1,children:children}))})),SubMenu=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SubMenu(_ref5,ref){var children=_ref5.children,onItemSelect=_ref5.onItemSelect,_React$useContext4=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_React$useContext4.state,parentMenuHide=state.hide,handleSubItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1],menuProps=Object(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.b)({state:state});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Menu,{onItemSelect:handleSubItemSelect,children:[react__WEBPACK_IMPORTED_MODULE_14__.cloneElement(button,Object.assign({},menuProps,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(menuProps.className,"reactist_submenu_button"),ref:ref})),list]})})),MenuGroup=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuGroup(_ref6,ref){var label=_ref6.label,children=_ref6.children,exceptionallySetClassName=_ref6.exceptionallySetClassName,props=_objectWithoutProperties(_ref6,_excluded5),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_menu__WEBPACK_IMPORTED_MODULE_22__.a,Object.assign({},props,{ref:ref,state:state,className:exceptionallySetClassName,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div",{role:"presentation",className:"reactist_menugroup__label",children:label}):null,children]}))}));try{Menu.displayName="Menu",Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it. Note that if you are relying on the `[role='menu']`\nattribute to style the menu list, it is applied a `menubar` role instead in Safari.",displayName:"Menu",props:{placement:{defaultValue:{value:'"bottom"'},description:"The placement of the popover.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},fixed:{defaultValue:{value:"false"},description:"Whether the popover has `position: fixed` or not.",name:"fixed",required:!1,type:{name:"boolean | undefined"}},shift:{defaultValue:{value:"0"},description:"The skidding of the popover along the anchor element.",name:"shift",required:!1,type:{name:"number | undefined"}},orientation:{defaultValue:{value:'"both"'},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n  - `both`: all arrow keys work.\n  - `horizontal`: only left and right arrow keys work.\n  - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},values:{defaultValue:null,description:"A map of names and values that will be used by the `MenuItemCheckbox` and\n`MenuItemRadio` components.",name:"values",required:!1,type:{name:"Values | undefined"}},items:{defaultValue:null,description:"Lists all the items with their `ref`s. This state is automatically updated\nwhen an item is registered or unregistered with the `registerItem`\nfunction. The order of the items is automatically defined by the order of\nthe elements in the DOM.\n@example const { items } = useCollectionState();\nitems.forEach((item) => {\n  const { ref } = item;\n  ...\n});",name:"items",required:!1,type:{name:"Item[] | undefined"}},virtualFocus:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of [roving\ntabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual\nfocus.",name:"virtualFocus",required:!1,type:{name:"boolean | undefined"}},rtl:{defaultValue:{value:"false"},description:'Determines how the `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},focusLoop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n  - `true` loops from the last item to the first item and vice-versa.\n  - `horizontal` loops only if `orientation` is `horizontal` or not set.\n  - `vertical` loops only if `orientation` is `vertical` or not set.\n  - If `activeId` is initially set to `null`, the composite element will be\n    focused in between the last and first items.\n\nOn two-dimensional composites:\n  - `true` loops from the last row/column item to the first item in the\n    same row/column and vice-versa. If it's the last item in the last row,\n    it moves to the first item in the first row and vice-versa.\n  - `horizontal` loops only from the last row item to the first item in the\n    same row.\n  - `vertical` loops only from the last column item to the first item in\n    the column row.\n  - If `activeId` is initially set to `null`, vertical loop will have no\n    effect as moving down from the last row or up from the first row will\n    focus the composite element.\n  - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the\n    last item in the last row or column and the first item in the first row\n    or column and vice-versa.",name:"focusLoop",required:!1,type:{name:"boolean | Orientation | undefined"}},focusWrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n  - `true` wraps between rows and columns.\n  - `horizontal` wraps only between rows.\n  - `vertical` wraps only between columns.\n  - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"focusWrap",required:!1,type:{name:"boolean | Orientation | undefined"}},focusShift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"focusShift",required:!1,type:{name:"boolean | undefined"}},moves:{defaultValue:{value:"0"},description:"The number of times the `move` function has been called.\n@example const composite = useCompositeState();\ncomposite.moves; // 0\ncomposite.move(null);\n// On the next render\ncomposite.moves; // 1",name:"moves",required:!1,type:{name:"number | undefined"}},includesBaseElement:{defaultValue:{value:"false"},description:"Indicates whether the `Composite` element should be included in the focus\norder.",name:"includesBaseElement",required:!1,type:{name:"boolean | undefined"}},activeId:{defaultValue:null,description:"The current focused item `id`.\n  - `undefined` will automatically focus the first enabled composite item.\n  - `null` will focus the base composite element and users will be able to\n    navigate out of it using arrow keys.\n  - If `activeId` is initially set to `null`, the base composite element\n    itself will have focus and users will be able to navigate to it using\n    arrow keys.",name:"activeId",required:!1,type:{name:"string | null | undefined"}},animated:{defaultValue:{value:"false"},description:"Determines whether the content should animate when it is shown or hidden.\n  - If `true`, the `animating` state will be `true` when the content is\n    shown or hidden and it will wait for `stopAnimation` to be called or a\n    CSS animation/transition to end before becoming `false`.\n  - If it's set to a number, the `animating` state will be `true` when the\n    content is shown or hidden and it will wait for the number of\n    milliseconds to pass before becoming `false`.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},getAnchorRect:{defaultValue:null,description:"Function that returns the anchor element's DOMRect. If this is explicitly\npassed, it will override the anchor `getBoundingClientRect` method.",name:"getAnchorRect",required:!1,type:{name:"((anchor: HTMLElement | null) => AnchorRect | null) | undefined"}},gutter:{defaultValue:{value:"0"},description:"The distance between the popover and the anchor element. By default, it's 0\nplus half of the arrow offset, if it exists.",name:"gutter",required:!1,type:{name:"number | undefined"}},flip:{defaultValue:{value:"true"},description:'Controls the behavior of the popover when it overflows the viewport.\n\nIf a boolean, specifies whether the popover should flip to the opposite side\nwhen it overflows.\n\nIf a string, indicates the preferred fallback placements when it overflows.\nThe placements must be spaced-delimited, e.g. "top left".\n@example  ```jsx\n const popover = usePopoverState({\n     placement: "right",\n     // In case the `right` placement overflows the viewport,\n     // the placement will fallback to the `bottom` or `top`,\n     // in that order, depending on where it fits.\n     flip: "bottom top",\n });\n```',name:"flip",required:!1,type:{name:"string | boolean | undefined"}},slide:{defaultValue:{value:"true"},description:"Whether the popover should slide when it overflows.",name:"slide",required:!1,type:{name:"boolean | undefined"}},overlap:{defaultValue:{value:"false"},description:"Whether the popover can overlap the anchor element when it overflows.",name:"overlap",required:!1,type:{name:"boolean | undefined"}},sameWidth:{defaultValue:{value:"false"},description:"Whether the popover should have the same width as the anchor element. This\nwill be exposed to CSS as `--popover-anchor-width`.",name:"sameWidth",required:!1,type:{name:"boolean | undefined"}},fitViewport:{defaultValue:{value:"false"},description:"Whether the popover should fit the viewport. If this is set to true, the\npopover wrapper will have `maxWidth` and `maxHeight` set to the viewport\nsize. This will be exposed to CSS as `--popover-available-width` and\n`--popover-available-height`.",name:"fitViewport",required:!1,type:{name:"boolean | undefined"}},arrowPadding:{defaultValue:{value:"4"},description:"The minimum padding between the arrow and the popover corner.",name:"arrowPadding",required:!1,type:{name:"number | undefined"}},overflowPadding:{defaultValue:{value:"8"},description:"The minimum padding between the popover and the viewport edge. This will be\nexposed to CSS as `--popover-overflow-padding`.",name:"overflowPadding",required:!1,type:{name:"number | undefined"}},renderCallback:{defaultValue:null,description:"A function that will be called when the popover needs to calculate its\nstyles. It will override the internal behavior.",name:"renderCallback",required:!1,type:{name:"((props: PopoverStateRenderCallbackProps) => void | (() => void)) | undefined"}},timeout:{defaultValue:{value:"500"},description:"The amount of time in milliseconds to wait before showing or hiding the\npopover.",name:"timeout",required:!1,type:{name:"number | undefined"}},showTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **showing** the popover.\nIt defaults to the value passed to `timeout`.",name:"showTimeout",required:!1,type:{name:"number | undefined"}},hideTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **hiding** the popover.\nIt defaults to the value passed to `timeout`.",name:"hideTimeout",required:!1,type:{name:"number | undefined"}},setItems:{defaultValue:null,description:"Function that will be called when setting the collection `items` state.\n@example // Uncontrolled example\nuseCollectionState({ setItems: (items) => console.log(items) });\n@example // Controlled example\nconst [items, setItems] = useState([]);\nuseCollectionState({ items, setItems });\n@example // Externally controlled example\nfunction Items({ items, onItemsChange }) {\n  const collection = useCollectionState({\n    items,\n    setItems: onItemsChange,\n  });\n}",name:"setItems",required:!1,type:{name:"((items: Item[]) => void) | undefined"}},defaultActiveId:{defaultValue:null,description:'The composite item id that should be focused when the composite is\ninitialized.\n@example ```jsx\nconst composite = useCompositeState({ defaultActiveId: "item-2" });\n<Composite state={composite}>\n  <CompositeItem>Item 1</CompositeItem>\n  <CompositeItem id="item-2">Item 2</CompositeItem>\n  <CompositeItem>Item 3</CompositeItem>\n</Composite>\n```',name:"defaultActiveId",required:!1,type:{name:"string | null | undefined"}},setMoves:{defaultValue:null,description:"Function that will be called when setting the composite `moves` state.\n@example const [moves, setMoves] = useState(0);\nuseCompositeState({ moves, setMoves });",name:"setMoves",required:!1,type:{name:"((moves: number) => void) | undefined"}},setActiveId:{defaultValue:null,description:"Function that will be called when setting the composite `activeId`.\n@example function MyComposite({ activeId, onActiveIdChange }) {\n  const composite = useCompositeState({\n    activeId,\n    setActiveId: onActiveIdChange,\n  });\n}",name:"setActiveId",required:!1,type:{name:"((activeId: string | null | undefined) => void) | undefined"}},defaultVisible:{defaultValue:{value:"false"},description:"The default visibility state of the content.",name:"defaultVisible",required:!1,type:{name:"boolean | undefined"}},setVisible:{defaultValue:null,description:"Function that will be called when setting the disclosure `visible` state.\n@example // Uncontrolled example\nuseDisclosureState({ setVisible: (visible) => console.log(visible) });\n@example // Controlled example\nconst [visible, setVisible] = useState(false);\nuseDisclosureState({ visible, setVisible });\n@example // Externally controlled example\nfunction MyDisclosure({ visible, onVisibleChange }) {\n  const disclosure = useDisclosureState({\n    visible,\n    setVisible: onVisibleChange,\n  });\n}",name:"setVisible",required:!1,type:{name:"((visible: boolean) => void) | undefined"}},defaultValues:{defaultValue:null,description:"A default map of names and values that will be used by the\n`MenuItemCheckbox` and `MenuItemRadio` components.",name:"defaultValues",required:!1,type:{name:"Values | undefined"}},setValues:{defaultValue:null,description:"Function that will be called when setting the menu `values` state.\n@example const [values, setValues] = useState({});\n// Combining the values from two menus into a single state.\nconst menu = useMenuState({ values, setValues });\nconst submenu = useMenuState({ values, setValues });",name:"setValues",required:!1,type:{name:"((values: Values) => void) | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{SubMenu.displayName="SubMenu",SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n<MenuItem label="Edit profile" />\n<SubMenu>\n  <MenuButton>More options</MenuButton>\n  <MenuList>\n    <MenuItem label="Preferences" />\n    <MenuItem label="Sign out" />\n  </MenuList>\n</SubMenu>\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-state.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-anchor.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/components/tooltip/tooltip.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","content","position","gapSize","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function useDelayedTooltipState(initialState){var tooltipState=Object(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__.a)(initialState),delay=function useDelay(){var timeoutRef=react__WEBPACK_IMPORTED_MODULE_5__.useRef(),clearTimeouts=react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function clearTimeouts(){null!=timeoutRef.current&&clearTimeout(timeoutRef.current)}),[]);return react__WEBPACK_IMPORTED_MODULE_5__.useEffect((function(){return clearTimeouts}),[clearTimeouts]),react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function delay(fn,delay){return function(){clearTimeouts(),timeoutRef.current=setTimeout(fn,delay)}}),[clearTimeouts])}();return react__WEBPACK_IMPORTED_MODULE_5__.useMemo((function(){return Object.assign({},tooltipState,{show:delay((function(){return tooltipState.show()}),500),hide:delay((function(){return tooltipState.hide()}),100)})}),[delay,tooltipState])}function Tooltip(_ref){var children=_ref.children,content=_ref.content,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$gapSize=_ref.gapSize,gapSize=void 0===_ref$gapSize?3:_ref$gapSize,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded),state=useDelayedTooltipState({placement:position,gutter:gapSize}),child=react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);if(!content||!child)return child;if("string"==typeof child.ref)throw new Error("Tooltip: String refs cannot be used as they cannot be forwarded");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__.a,{state:state,ref:child.ref,onFocus:function handleFocus(event){var _child$props,_child$props$onFocus;event.currentTarget.addEventListener("keyup",(function handleKeyUp(e){var eventKey=e.key;"Escape"!==eventKey&&"Enter"!==eventKey&&"Space"!==eventKey&&state.show()}),{once:!0}),event.preventDefault(),null==child||null===(_child$props=child.props)||void 0===_child$props||null===(_child$props$onFocus=_child$props.onFocus)||void 0===_child$props$onFocus||_child$props$onFocus.call(_child$props,event)},children:function children(anchorProps){return react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(child,Object.assign({},anchorProps,child.props))}}),state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{state:state,className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("reactist_tooltip",className),children:"function"==typeof content?content():content})):null]})}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"div"'}]}},portalRef:{defaultValue:null,description:"`portalRef` is similar to `ref` but is scoped to the portal node. It's\nuseful when you need to be informed when the portal element is appended to\nthe DOM or removed from the DOM.\n@example const [portalElement, setPortalElement] = useState(null);\n<Portal portalRef={setPortalElement} />;",name:"portalRef",required:!1,type:{name:"((instance: HTMLElement | null) => void) | MutableRefObject<HTMLElement> | undefined"}},portal:{defaultValue:{value:"true"},description:"Determines whether the element should be rendered as a React Portal.",name:"portal",required:!1,type:{name:"boolean | undefined"}},portalElement:{defaultValue:{value:"HTMLDivElement"},description:'An HTML element or a memoized callback function that returns an HTML\nelement to be used as the portal element. By default, the portal element\nwill be a `div` element appended to the `document.body`.\n@example const [portal, setPortal] = useState(null);\n<Portal portalElement={portal} />;\n<div ref={setPortal} />;\n@example const getPortalElement = useCallback(() => {\n  const div = document.createElement("div");\n  const portalRoot = document.getElementById("portal-root");\n  portalRoot.appendChild(div);\n  return div;\n}, []);\n<Portal portalElement={getPortalElement} />;',name:"portalElement",required:!1,type:{name:"HTMLElement | ((element: HTMLElement) => HTMLElement | null) | null | undefined"}},hideOnEscape:{defaultValue:{value:"true"},description:"Determines whether the tooltip will be hidden when the user presses the\nEscape key.",name:"hideOnEscape",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},hideOnControl:{defaultValue:{value:"false"},description:"Determines whether the tooltip will be hidden when the user presses the\nControl key. This has been proposed as an alternative to the Escape key,\nwhich may introduce some issues, especially when tooltips are used within\ndialogs that also hide on Escape. See\nhttps://github.com/w3c/aria-practices/issues/1506",name:"hideOnControl",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},wrapperProps:{defaultValue:null,description:"Props that will be passed to the popover wrapper element. This element will\nbe used to position the popover.",name:"wrapperProps",required:!1,type:{name:"HTMLAttributes<HTMLDivElement> | undefined"}},wrapElement:{defaultValue:null,description:"",name:"wrapElement",required:!1,type:{name:"WrapElement | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode | (() => ReactNode)"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,closeLabel=_ref.closeLabel,text="long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"xxlarge",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_1__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_4__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp<AvatarSize> | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return badge_stories_mainDemo}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),variantClassName=badge_module_default.a["badge-"+variant];return Object(jsx_runtime.jsx)(box.a,Object.assign({},rest,{className:[badge_module_default.a.badge,variantClassName],children:children}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{variant:{defaultValue:{value:"neutral"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"color"'},{value:'"positive"'},{value:'"neutral"'}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function badge_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(columns.b,{space:"large",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"neutral",mdxType:"Badge"},"Neutral")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"positive",mdxType:"Badge"},"Positive")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"color",mdxType:"Badge"},"Color"))))),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available so that the badge's colors can be customized:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"--reactist-badge-neutral-background\n--reactist-badge-neutral-foreground\n\n--reactist-badge-positive-background\n--reactist-badge-positive-foreground\n\n--reactist-badge-color-background\n--reactist-badge-color-foreground\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var badge_stories_mainDemo=function mainDemo(){return Object(esm.b)(columns.b,{space:"large"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"neutral"},"Neutral")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"positive"},"Positive")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"color"},"Color")))};badge_stories_mainDemo.displayName="mainDemo",badge_stories_mainDemo.storyName="Main demo",badge_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Columns space="large">\n            <Column width="content">\n                <Badge variant="neutral">Neutral</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="positive">Positive</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="color">Color</Badge>\n            </Column>\n        </Columns>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo"]},mdxStoryNameToKey={"Main demo":"mainDemo"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"<BaseButton>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _components_tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_tooltip__WEBPACK_IMPORTED_MODULE_5__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_text__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_9__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},tone:{defaultValue:{value:"neutral"},description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},children:{defaultValue:null,description:"Used internally by components composed using `BaseField`. It is not exposed as part of\nthe public props of such components.",name:"children",required:!0,type:{name:"(props: ChildrenRenderProps) => ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#BaseField"]={docgenInfo:BaseField.__docgenInfo,name:"BaseField",path:"src/new-components/base-field/base-field.tsx#BaseField"})}catch(__react_docgen_typescript_loader_error){}try{FieldHint.displayName="FieldHint",FieldHint.__docgenInfo={description:"",displayName:"FieldHint",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldHint"]={docgenInfo:FieldHint.__docgenInfo,name:"FieldHint",path:"src/new-components/base-field/base-field.tsx#FieldHint"})}catch(__react_docgen_typescript_loader_error){}try{FieldMessage.displayName="FieldMessage",FieldMessage.__docgenInfo={description:"",displayName:"FieldMessage",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldMessage"]={docgenInfo:FieldMessage.__docgenInfo,name:"FieldMessage",path:"src/new-components/base-field/base-field.tsx#FieldMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/box.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Using the Box component",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Tips and tricks about the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Box")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"You don't need the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"classNames")," helper as often now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The new ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"className")," prop receives the same kind of values supported by this helper. So you can do things like this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Box className={classNames(styles.container, 'custom-class-name')} />\n\n// …can be written like this\n<Box className={[styles.container, 'custom-class-name']} />\n\n// Other examples:\n<Box\n  className={[\n    styles.container,\n    isReadOnly ? styles.readOnly : null,\n    { [styles.disabled]: isDisabled },\n  ]}\n/>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Granted, this is only supported in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box"),". This is because the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," is the only design system component that officially supports custom styles. Remember that for the other components you can use ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"exceptionallySetClassName"),", but this one is an escape hatch, that we should aim to not use as much as the design system matures. So this one does not support that feature."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingX")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingY")," shorthand props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component has props to set its padding in all four direction: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft"),". You have probably noticed that we can set them all at once with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"padding"),". But you might have missed the fact that we can set the padding in one of the two dimensions at once as well. This is achieved with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingX")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),") and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingY")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// A box with a large padding left and right, and a small padding top and bottom\n<Box paddingX="large" paddingY="small" />\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The same applies to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"margin*")," props."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Using the Box component",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/box/box.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"PaddingStory",(function(){return PaddingStory})),__webpack_require__.d(__webpack_exports__,"MarginStory",(function(){return MarginStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_box__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/heading/heading.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Box",component:_box__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:children})}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes=Object.assign({children:{control:{type:"text"},defaultValue:"The quick brown fox jumps over the lazy dog."},display:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["block","inlineBlock","inline","flex","none"],"block"),flexDirection:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["column","row"],"row"),flexWrap:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["wrap","nowrap"],"nowrap"),alignItems:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","baseline"],"none"),justifyContent:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","spaceBetween"],"none"),textAlign:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["start","center","end","justify"],"none"),background:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["default","aside","highlight","selected","toast"],"none"),borderRadius:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["standard","none","full"],"none")},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.e)());var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Stacks elements on mobile",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{display:"flex",flexDirection:{mobile:"column",tablet:"row"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:30})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches horizontal alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{backgroundColor:"lightgreen"},display:"flex",justifyContent:{mobile:"flexStart",tablet:"center",desktop:"flexEnd"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"One"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Two"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Three"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches vertical alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{height:"120px"},display:"flex",alignItems:{mobile:"flexEnd",tablet:"center",desktop:"flexStart"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:60}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:90})]})})]})]})};function PaddedBox(_ref2){var _paddingProp,prop=_ref2.prop,value=_ref2.value,paddingProp=((_paddingProp={})[prop]=value,_paddingProp);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",border:"primary"},paddingProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",padding:"medium",background:"selected",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})})}))}PaddedBox.displayName="PaddedBox";var PaddingStory=function PaddingStory(_ref3){var padding=_ref3.padding;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The transparent bordered box has padding"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"padding",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingX",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingY",value:padding})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingTop",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingRight",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingBottom",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingLeft",value:padding})]})]})};PaddingStory.displayName="PaddingStory",PaddingStory.argTypes={padding:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.h)("medium")};var marginToPadding={margin:"padding",marginX:"paddingX",marginY:"paddingY",marginTop:"paddingTop",marginRight:"paddingRight",marginBottom:"paddingBottom",marginLeft:"paddingLeft"},marginBoxStyle={opacity:.5,minHeight:100,minWidth:100};function MarginBox(_ref4){var _marginProp,_ref5,prop=_ref4.prop,value=_ref4.value,marginProp=((_marginProp={})[prop]=value,_marginProp),outerPaddingToCompensateNegativeMargin=value.startsWith("-")?((_ref5={})[marginToPadding[prop]]=value.slice(1),_ref5):void 0;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},outerPaddingToCompensateNegativeMargin,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",border:"primary",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",padding:"medium",background:"selected",display:"flex",alignItems:"center",justifyContent:"center",style:marginBoxStyle},marginProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})}))})}))})}MarginBox.displayName="MarginBox";var MarginStory=function MarginStory(_ref6){var margin=_ref6.margin;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The shaded box has margin"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:"When margin is negative, you will see the outer bordered box appear to be inside the shaded box."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"margin",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginX",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginY",value:margin})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginTop",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginRight",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginBottom",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginLeft",value:margin})]})})]})};MarginStory.displayName="MarginStory",MarginStory.argTypes={margin:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["xxlarge","xlarge","large","medium","small","xsmall","none","-xsmall","-small","-medium","-large","-xlarge","-xxlarge"],"medium")},InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({ children, ...props }: PartialProps<typeof Box>) {\n    return (\n        <Wrapper>\n            <Box {...props}>\n                <Text>{children}</Text>\n            </Box>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Stacks elements on mobile">\n                    <Box display="flex" flexDirection={{ mobile: \'column\', tablet: \'row\' }}>\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={30} />\n                        <Placeholder label="Three" height={30} />\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches horizontal alignment depending on viewport size">\n                    <Box\n                        style={{ backgroundColor: \'lightgreen\' }}\n                        display="flex"\n                        justifyContent={{\n                            mobile: \'flexStart\',\n                            tablet: \'center\',\n                            desktop: \'flexEnd\',\n                        }}\n                    >\n                        <div>One</div>\n                        <div>Two</div>\n                        <div>Three</div>\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches vertical alignment depending on viewport size">\n                    <Box\n                        style={{ height: \'120px\' }}\n                        display="flex"\n                        alignItems={{\n                            mobile: \'flexEnd\',\n                            tablet: \'center\',\n                            desktop: \'flexStart\',\n                        }}\n                    >\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={60} />\n                        <Placeholder label="Three" height={90} />\n                    </Box>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),PaddingStory.parameters=Object.assign({storySource:{source:'function PaddingStory({ padding }: { padding: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The transparent bordered box has padding</Heading>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="padding" value={padding} />\n                <PaddedBox prop="paddingX" value={padding} />\n                <PaddedBox prop="paddingY" value={padding} />\n            </Inline>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="paddingTop" value={padding} />\n                <PaddedBox prop="paddingRight" value={padding} />\n                <PaddedBox prop="paddingBottom" value={padding} />\n                <PaddedBox prop="paddingLeft" value={padding} />\n            </Inline>\n        </Stack>\n    )\n}'}},PaddingStory.parameters),MarginStory.parameters=Object.assign({storySource:{source:'function MarginStory({ margin }: { margin: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The shaded box has margin</Heading>\n            <Text>\n                When margin is negative, you will see the outer bordered box appear to be inside the\n                shaded box.\n            </Text>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="margin" value={margin} />\n                    <MarginBox prop="marginX" value={margin} />\n                    <MarginBox prop="marginY" value={margin} />\n                </Inline>\n            </Box>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="marginTop" value={margin} />\n                    <MarginBox prop="marginRight" value={margin} />\n                    <MarginBox prop="marginBottom" value={margin} />\n                    <MarginBox prop="marginLeft" value={margin} />\n                </Inline>\n            </Box>\n        </Stack>\n    )\n}'}},MarginStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveProp<BoxPosition> | undefined"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveProp<BoxDisplay> | undefined"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveProp<BoxFlexDirection> | undefined"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"nowrap"'},{value:'"wrap"'}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveProp<BoxAlignItems> | undefined"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveProp<BoxAlignSelf> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveProp<BoxJustifyContent> | undefined"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"hidden"'},{value:'"auto"'},{value:'"visible"'},{value:'"scroll"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"full"'}]}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{PaddingStory.displayName="PaddingStory",PaddingStory.__docgenInfo={description:"",displayName:"PaddingStory",props:{padding:{defaultValue:null,description:"",name:"padding",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#PaddingStory"]={docgenInfo:PaddingStory.__docgenInfo,name:"PaddingStory",path:"src/new-components/box/box.stories.tsx#PaddingStory"})}catch(__react_docgen_typescript_loader_error){}try{MarginStory.displayName="MarginStory",MarginStory.__docgenInfo={description:"",displayName:"MarginStory",props:{margin:{defaultValue:null,description:"",name:"margin",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#MarginStory"]={docgenInfo:MarginStory.__docgenInfo,name:"MarginStory",path:"src/new-components/box/box.stories.tsx#MarginStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/responsive-props.ts"),_box_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.module.css"),_box_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_box_module_css__WEBPACK_IMPORTED_MODULE_8__),_padding_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/padding.module.css"),_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_padding_module_css__WEBPACK_IMPORTED_MODULE_9__),_margin_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/margin.module.css"),_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_margin_module_css__WEBPACK_IMPORTED_MODULE_10__),_width_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/box/width.module.css"),_width_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_width_module_css__WEBPACK_IMPORTED_MODULE_11__),_excluded=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref$as=_ref.as,component=void 0===_ref$as?"div":_ref$as,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,display=_ref.display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,textAlign=_ref.textAlign,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,margin=_ref.margin,marginY=_ref.marginY,marginX=_ref.marginX,marginTop=_ref.marginTop,marginRight=_ref.marginRight,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,resolvedMarginTop=null!==(_ref6=null!=marginTop?marginTop:marginY)&&void 0!==_ref6?_ref6:margin,resolvedMarginRight=null!==(_ref7=null!=marginRight?marginRight:marginX)&&void 0!==_ref7?_ref7:margin,resolvedMarginBottom=null!==(_ref8=null!=marginBottom?marginBottom:marginY)&&void 0!==_ref8?_ref8:margin,resolvedMarginLeft=null!==(_ref9=null!=marginLeft?marginLeft:marginX)&&void 0!==_ref9?_ref9:margin,omitFlex=!display||"string"==typeof display&&"flex"!==display&&"inlineFlex"!==display;return react__WEBPACK_IMPORTED_MODULE_4__.createElement(component,Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.box,display?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"display",display):null,"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"textAlign",textAlign),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingLeft",resolvedPaddingLeft),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginTop",resolvedMarginTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginRight",resolvedMarginRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginBottom",resolvedMarginBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginLeft",resolvedMarginLeft),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexDirection",flexDirection),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexWrap",flexWrap),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignItems",alignItems),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"justifyContent",justifyContent),null!=alignSelf?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignSelf",alignSelf):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"overflow",overflow),null!=width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"width",String(width)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"border",border):null)||void 0,ref:ref}),children)}))},"./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/button-link/button-link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButtonLink",(function(){return LoadingButtonLink})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return button_link_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return button_link_stories_withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return button_link_stories_iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return button_link_stories_withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return button_link_stories_customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),base_button=__webpack_require__("./src/new-components/base-button/base-button.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","exceptionallySetClassName","openInNewTab"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_link_ButtonLink=Object(polymorphism.a)((function ButtonLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_button.a,Object.assign({},props,{as:as,ref:ref,variant:variant,tone:tone,size:size,exceptionallySetClassName:exceptionallySetClassName,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))}));try{button_link_ButtonLink.displayName="ButtonLink",button_link_ButtonLink.__docgenInfo={description:"A semantic link that looks like a button, exactly matching the `Button` component in all visual\naspects.",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link.tsx#ButtonLink"]={docgenInfo:button_link_ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}function ButtonLinkStoryWrapper(props){return Object(jsx_runtime.jsx)(button_link_ButtonLink,Object.assign({},props,{onClick:function onClick(event){var _props$onClick;event.preventDefault(),null===(_props$onClick=props.onClick)||void 0===_props$onClick||_props$onClick.call(props,event)},href:"https://doist.com"}))}ButtonLinkStoryWrapper.displayName="ButtonLinkStoryWrapper",ButtonLinkStoryWrapper.displayName="ButtonLink";try{ButtonLink.displayName="ButtonLink",ButtonLink.__docgenInfo={description:"",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"]={docgenInfo:ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}var button_link_stories_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function button_link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButtonLink(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(esm.b)(ButtonLinkStoryWrapper,_extends({},props,{loading:loading,onClick:function onClick(event){return setLoading(!0)},mdxType:"ButtonLink"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=button_link_stories_objectWithoutProperties(_ref,button_link_stories_excluded);"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),endIcon:Object(esm.b)(Icon,{mdxType:"Icon"})});return Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(esm.b)(text_text.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(esm.b)(box.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"start",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"center",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"end",mdxType:"LoadingButtonLink"}),label))))}function Template(_ref2){var label=_ref2.label,props=button_link_stories_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")),textLabel="Click me now"),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}))),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}))))))}function DarkModeTemplate(props){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(esm.b)(Template,_extends({},props,{mdxType:"Template"})))}Icon.displayName="Icon",LoadingButtonLink.displayName="LoadingButtonLink",FullWidthTemplate.displayName="FullWidthTemplate",Template.displayName="Template",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButtonLink:LoadingButtonLink,FullWidthTemplate:FullWidthTemplate,Template:Template,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=button_link_stories_objectWithoutProperties(_ref3,_excluded3);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/ButtonLink",component:button_link_ButtonLink,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"ButtonLink"),Object(esm.b)("p",null,"'A semantic link that looks like a button, exactly matching the ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink")," component in all visual\naspects.'"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ButtonLink>")),Object(esm.b)(dist_esm.d,{of:ButtonLinkStoryWrapper,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ButtonLinkStoryWrapper,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Style customization"),Object(esm.b)("p",null,"Check out ",Object(esm.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"With label and icon"),Object(esm.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(esm.b)("p",null,"Nothing prevents you from passing both a ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon before the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon after the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,"Icon-only buttons"),Object(esm.b)("p",null,"Alternatively, you can render an icon-only ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink"),". To do so use the ",Object(esm.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(esm.b)("p",null,"Icon-only buttons do not support receiving the ",Object(esm.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"}))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})))))),Object(esm.b)("h3",null,"With different size"),Object(esm.b)("p",null,"Buttons have a default ",Object(esm.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h3",null,"Customized colors"),Object(esm.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-jsx"},"<ButtonLink\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</ButtonLink>\n")),Object(esm.b)("p",null,"And here's how that look like:"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Enabled")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Disabled"))))),Object(esm.b)("h3",null,"Full-width"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(esm.b)("h3",null,"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var button_link_stories_mainDemo=function mainDemo(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};button_link_stories_mainDemo.displayName="mainDemo",button_link_stories_mainDemo.storyName="Main demo",button_link_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary">Primary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary">Secondary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary">Tertiary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary">Quaternary</ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withLabelAndIcon=function withLabelAndIcon(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon before the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,null)},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon after the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,null)},"Quaternary")))))};button_link_stories_withLabelAndIcon.displayName="withLabelAndIcon",button_link_stories_withLabelAndIcon.storyName="With label and icon",button_link_stories_withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_iconOnlyButtons=function iconOnlyButtons(){return Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)}))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0}))))};button_link_stories_iconOnlyButtons.displayName="iconOnlyButtons",button_link_stories_iconOnlyButtons.storyName="Icon-only buttons",button_link_stories_iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withDifferentSize=function withDifferentSize(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};button_link_stories_withDifferentSize.displayName="withDifferentSize",button_link_stories_withDifferentSize.storyName="With different size",button_link_stories_withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_customizedColors=function customizedColors(){return Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};button_link_stories_customizedColors.displayName="customizedColors",button_link_stories_customizedColors.storyName="Customized colors",button_link_stories_customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <ButtonLink variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </ButtonLink>\n            </Box>\n            <Box>\n                <ButtonLink variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </ButtonLink>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/ButtonLink",parameters:{badges:["accessible"]},component:button_link_ButtonLink,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/button/button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButton",(function(){return LoadingButton})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_box__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/heading/heading.tsx"),_button__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/button/button.tsx"),_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButton(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_16__.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,_extends({},props,{loading:loading,onClick:function onClick(){return setLoading(!0)},mdxType:"Button"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=_objectWithoutProperties(_ref,_excluded);"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"})});return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"start",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"center",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"end",mdxType:"LoadingButton"}),label))))}function PlaygroundTemplate(_ref2){var label=_ref2.label,props=_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")),textLabel="Click me now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"})))))))}function DarkModeTemplate(props){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(PlaygroundTemplate,_extends({},props,{mdxType:"PlaygroundTemplate"})))}Icon.displayName="Icon",LoadingButton.displayName="LoadingButton",FullWidthTemplate.displayName="FullWidthTemplate",PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButton:LoadingButton,FullWidthTemplate:FullWidthTemplate,PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded3);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{title:"Design system/Button",component:_button__WEBPACK_IMPORTED_MODULE_24__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",null,"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"A semantic button that provides all the necessary visual variants. It follows the\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-practices/#button"},"WAI-ARIA Button Pattern"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"h2"},"<Button>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.d,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Style customization"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Check out ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With label and icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Nothing prevents you from passing both a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Icon-only buttons"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Alternatively, you can render an icon-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"Button"),". To do so use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Icon-only buttons do not support receiving the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With different size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Buttons have a default ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Customized colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("code",{parentName:"pre",className:"language-jsx"},"<Button\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</Button>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"And here's how that look like:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Disabled"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Full-width"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Dark mode"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary">Primary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary">Secondary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary">Tertiary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary">Quaternary</Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withLabelAndIcon=function withLabelAndIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))))};withLabelAndIcon.displayName="withLabelAndIcon",withLabelAndIcon.storyName="With label and icon",withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var iconOnlyButtons=function iconOnlyButtons(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0}))))};iconOnlyButtons.displayName="iconOnlyButtons",iconOnlyButtons.storyName="Icon-only buttons",iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withDifferentSize=function withDifferentSize(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};withDifferentSize.displayName="withDifferentSize",withDifferentSize.storyName="With different size",withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var customizedColors=function customizedColors(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};customizedColors.displayName="customizedColors",customizedColors.storyName="Customized colors",customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <Button variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </Button>\n            </Box>\n            <Box>\n                <Button variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </Button>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=PlaygroundTemplate.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Button",parameters:{badges:["accessible"]},component:_button__WEBPACK_IMPORTED_MODULE_24__.a,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/button/button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","tone","size","type","disabled","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function Button(_ref,ref){var variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_base_button__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},props,{as:"button",ref:ref,variant:variant,tone:tone,size:size,type:type,disabled:disabled,exceptionallySetClassName:exceptionallySetClassName}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"A semantic button that also looks like a button, and provides all the necessary visual variants.\nIt follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).",displayName:"Button",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"normal"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"normal"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/checkbox-field/checkbox-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"basicExample",(function(){return basicExample})),__webpack_require__.d(__webpack_exports__,"reactNodeAsLabel",(function(){return reactNodeAsLabel})),__webpack_require__.d(__webpack_exports__,"indeterminateExample",(function(){return indeterminateExample})),__webpack_require__.d(__webpack_exports__,"accessibilityExamples",(function(){return accessibilityExamples}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js"),__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx")),_stack__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/text/text.tsx"),_inline__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/inline/inline.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}Icon.displayName="Icon";var Template=function Template(_ref){var disabled=_ref.disabled,indeterminate=_ref.indeterminate,label=_ref.label;_ref["aria-controls"],_ref["aria-describedby"],_ref["aria-label"],_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{disabled:disabled,indeterminate:indeterminate,label:label,mdxType:"CheckboxField"})};Template.displayName="Template";var layoutProps={Icon:Icon,Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{title:"Design system/CheckboxField",component:___WEBPACK_IMPORTED_MODULE_21__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",null,"CheckboxField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with a built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Basic Example",args:{label:"Default label"},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.d,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"ReactNode as Label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with an icon and a string for the built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"ReactNode as Label",args:{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,{mdxType:"Icon"})," Label with icon")},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"Indeterminate Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Indeterminate Example",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState2[0],setState=_useState2[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium",mdxType:"Inline"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))},mdxType:"CheckboxField"})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Examples",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the checkbox as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var basicExample=Template.bind({});basicExample.storyName="Basic Example",basicExample.args={label:"Default label"},basicExample.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var reactNodeAsLabel=Template.bind({});reactNodeAsLabel.storyName="ReactNode as Label",reactNodeAsLabel.args={label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,null)," Label with icon")},reactNodeAsLabel.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var indeterminateExample=function indeterminateExample(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState4[0],setState=_useState4[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))}})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))};indeterminateExample.displayName="indeterminateExample",indeterminateExample.storyName="Indeterminate Example",indeterminateExample.parameters=Object.assign({storySource:{source:'() => {\n  const [state, setState] = useState([false, true, false, false, false]);\n  const checkedCount = state.filter(Boolean).length;\n  const indeterminate = checkedCount > 0 && checkedCount < state.length;\n  return <Stack space="medium" dividers="primary">\n                    <CheckboxField checked={checkedCount === state.length} onChange={event => {\n      const {\n        checked\n      } = event.currentTarget;\n      setState(state => state.map(() => checked));\n    }} indeterminate={indeterminate} label={`Check/uncheck all (${checkedCount} / ${state.length})`} />\n                    <Inline space="medium">\n                        {state.map((checked, index) => <CheckboxField key={`${index}-${String(checked)}`} label={String(index + 1)} checked={checked} onChange={event => {\n        const {\n          checked\n        } = event.currentTarget;\n        setState(state => {\n          const newState = [...state];\n          newState[index] = checked;\n          return newState;\n        });\n      }} />)}\n                    </Inline>\n                    <Text tone="secondary">\n                        Mark some (but not all) numbered checkboxes to see the one at the top as\n                        indeterminate.\n                    </Text>\n                </Stack>;\n}'}},{docs:{source:{type:"dynamic"}}});var accessibilityExamples=function accessibilityExamples(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will describe the checkbox as "Husky".')))};accessibilityExamples.displayName="accessibilityExamples",accessibilityExamples.storyName="Accessibility Examples",accessibilityExamples.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <CheckboxField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the checkbox as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/CheckboxField",parameters:{badges:["accessible"]},component:___WEBPACK_IMPORTED_MODULE_21__.a,includeStories:["basicExample","reactNodeAsLabel","indeterminateExample","accessibilityExamples"]},mdxStoryNameToKey={"Basic Example":"basicExample","ReactNode as Label":"reactNodeAsLabel","Indeterminate Example":"indeterminateExample","Accessibility Examples":"accessibilityExamples"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/checkbox-field/checkbox-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkbox_field_CheckboxField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","indeterminate","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var svgPath={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};function CheckboxIcon(_ref2){var checked=_ref2.checked,indeterminate=_ref2.indeterminate,disabled=_ref2.disabled,props=_objectWithoutProperties(_ref2,_excluded),pathKey=function getPathKey(_ref){var checked=_ref.checked,indeterminate=_ref.indeterminate,disabled=_ref.disabled;return indeterminate?"mixed":checked?"checked":disabled?"filled":"unchecked"}({checked:checked,indeterminate:indeterminate,disabled:disabled});return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{minWidth:"24"}},props,{children:Object(jsx_runtime.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:svgPath[pathKey]})}))}CheckboxIcon.displayName="CheckboxIcon";try{CheckboxIcon.displayName="CheckboxIcon",CheckboxIcon.__docgenInfo={description:"",displayName:"CheckboxIcon",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean | undefined"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"]={docgenInfo:CheckboxIcon.__docgenInfo,name:"CheckboxIcon",path:"src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"})}catch(__react_docgen_typescript_loader_error){}var checkbox_field_module=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.module.css"),checkbox_field_module_default=__webpack_require__.n(checkbox_field_module),checkbox_field_excluded=["label","disabled","indeterminate","defaultChecked","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkbox_field_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function checkbox_field_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkbox_field_CheckboxField=react.forwardRef((function CheckboxField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,disabled=_ref.disabled,indeterminate=_ref.indeterminate,defaultChecked=_ref.defaultChecked,_onChange=_ref.onChange,props=checkbox_field_objectWithoutProperties(_ref,checkbox_field_excluded),isControlledComponent="boolean"==typeof props.checked;"boolean"!=typeof indeterminate||isControlledComponent||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),indeterminate=void 0),label||props["aria-label"]||props["aria-labelledby"]||console.warn("A Checkbox needs a label");var _React$useState2=_slicedToArray(react.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState,internalRef=react.useRef(null),combinedRef=Object(hooks.e)(internalRef,ref);return react.useEffect((function setIndeterminate(){internalRef.current&&"boolean"==typeof indeterminate&&(internalRef.current.indeterminate=indeterminate)}),[indeterminate]),Object(jsx_runtime.jsxs)(box.a,{as:"label",display:"flex",alignItems:"center",className:[checkbox_field_module_default.a.container,disabled?checkbox_field_module_default.a.disabled:null,isChecked?checkbox_field_module_default.a.checked:null,keyFocused?checkbox_field_module_default.a.keyFocused:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,{ref:combinedRef,type:"checkbox","aria-checked":indeterminate?"mixed":isChecked,checked:isChecked,disabled:disabled,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}})),Object(jsx_runtime.jsx)(CheckboxIcon,{checked:isChecked,disabled:disabled,indeterminate:indeterminate,"aria-hidden":!0}),label?Object(jsx_runtime.jsx)(text_text.a,{children:label}):null]})}));try{checkbox_field_CheckboxField.displayName="CheckboxField",checkbox_field_CheckboxField.__docgenInfo={description:"",displayName:"CheckboxField",props:{disabled:{defaultValue:null,description:"Defines whether or not the checkbox is disabled.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the checkbox for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current checkbox for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current checkbox for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label for the checkbox element.",name:"label",required:!1,type:{name:"ReactNode"}},indeterminate:{defaultValue:null,description:"Defines whether or not the checkbox can be of a `mixed` state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"]={docgenInfo:checkbox_field_CheckboxField.__docgenInfo,name:"CheckboxField",path:"src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/columns/columns.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_box__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/box/box.tsx"),_columns__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/columns/columns.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Columns",component:_columns__WEBPACK_IMPORTED_MODULE_6__.b,subcomponents:{Column:_columns__WEBPACK_IMPORTED_MODULE_6__.a},argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["left","center","right"]),alignY:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["top","center","bottom","baseline"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.e)()),parameters:{badges:["accessible"]}};var AlignmentStory=function AlignmentStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use alignY to control vertical alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:30*(i+1)})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use align to control horizontal alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})})]}))})]})};AlignmentStory.displayName="AlignmentStory";var WidthsStory=function WidthsStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})})]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"4/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"4/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]})]})})]})};WidthsStory.displayName="WidthsStory",WidthsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var ResponsiveStory=function ResponsiveStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Columns alignment changes as the viewport size changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"medium",align:{mobile:"left",tablet:"center",desktop:"right"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Space between columns reduces on smaller screen sizes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use collapseBelow to control if/when the columns become stacked depending on viewport width",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))})]})]})};ResponsiveStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),collapseBelow:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["tablet","desktop"],"tablet"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var FlexChildStory=function FlexChildStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"As a flex child",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Element outside of Columns"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))]})})};FlexChildStory.displayName="FlexChildStory",FlexChildStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var NestedColumnsStory=function NestedColumnsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Inner Columns retain their own spacing",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:0,height:50})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:6,height:50})})]})})};NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d),AlignmentStory.parameters=Object.assign({storySource:{source:'function AlignmentStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="xlarge">\n            <Wrapper title="Use alignY to control vertical alignment" border={true}>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={(i + 1) * 30} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Wrapper>\n            <Wrapper title="Use align to control horizontal alignment" border={true}>\n                <Columns {...args}>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                </Columns>\n            </Wrapper>\n        </Stack>\n    )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=Object.assign({storySource:{source:'function WidthsStory({ space }: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="large" dividers="primary">\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="medium">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/5">\n                            <Placeholder label="1/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/5">\n                            <Placeholder label="2/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/5">\n                            <Placeholder label="3/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="4/5">\n                            <Placeholder label="4/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n        </Stack>\n    )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory(args: PartialProps<typeof Columns>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Columns alignment changes as the viewport size changes">\n                    <Columns\n                        space="medium"\n                        align={{ mobile: \'left\', tablet: \'center\', desktop: \'right\' }}\n                    >\n                        {times(5).map((i) => (\n                            <Column width="content" key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Space between columns reduces on smaller screen sizes">\n                    <Columns space={{ mobile: \'xsmall\', tablet: \'medium\', desktop: \'xlarge\' }}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Use collapseBelow to control if/when the columns become stacked depending on viewport width">\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),FlexChildStory.parameters=Object.assign({storySource:{source:'function FlexChildStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="As a flex child">\n            <Box display="flex" alignItems="center">\n                <Box>\n                    <Placeholder label="Element outside of Columns" />\n                </Box>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={50} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Box>\n        </Wrapper>\n    )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=Object.assign({storySource:{source:'function NestedColumnsStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="Inner Columns retain their own spacing">\n            <Columns space="xlarge">\n                <Column>\n                    <Placeholder label={0} height={50} />\n                </Column>\n\n                <Column>\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Column>\n\n                <Column>\n                    <Placeholder label={6} height={50} />\n                </Column>\n            </Columns>\n        </Wrapper>\n    )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/columns/columns.module.css"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["width","children","exceptionallySetClassName"],_excluded2=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,height:"full",flexShrink:"content"===width?0:void 0,ref:ref,children:children}))})),Columns=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,_ref2$align=_ref2.align,align=void 0===_ref2$align?"left":_ref2$align,_ref2$alignY=_ref2.alignY,alignY=void 0===_ref2$alignY?"top":_ref2$alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space)],display:"flex",flexDirection:"desktop"===collapseBelow?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===collapseBelow?{mobile:"column",tablet:"row"}:"row",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":alignY})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":align})),ref:ref,children:children}))}))},"./src/new-components/common-helpers.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return generateElementId})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),uid=0;function generateElementId(prefix){return prefix+"-"+function uniqueId(){return uid++}()}function useId(providedId){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=providedId?providedId:null);return ref.current||(ref.current=generateElementId("element")),ref.current}},"./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/deprecated-modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),reach_dialog_esm=__webpack_require__("./node_modules/@reach/dialog/dist/reach-dialog.esm.js"),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),modal_module=__webpack_require__("./src/new-components/deprecated-modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function DeprecatedModal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]);return Object(jsx_runtime.jsx)(reach_dialog_esm.b,{isOpen:isOpen,onDismiss:onDismiss,dangerouslyBypassFocusLock:!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),"data-testid":"modal-overlay",children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(reach_dialog_esm.a,Object.assign({},props,{as:box.a,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}function DeprecatedModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function DeprecatedModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(DeprecatedModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function DeprecatedModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function DeprecatedModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function DeprecatedModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}DeprecatedModal.displayName="DeprecatedModal",DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalActions.displayName="DeprecatedModalActions";try{DeprecatedModal.displayName="DeprecatedModal",DeprecatedModal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"DeprecatedModal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"]={docgenInfo:DeprecatedModal.__docgenInfo,name:"DeprecatedModal",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"DeprecatedModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"]={docgenInfo:DeprecatedModalCloseButton.__docgenInfo,name:"DeprecatedModalCloseButton",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalHeader.displayName="DeprecatedModalHeader",DeprecatedModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"DeprecatedModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see DeprecatedModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"]={docgenInfo:DeprecatedModalHeader.__docgenInfo,name:"DeprecatedModalHeader",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"DeprecatedModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"]={docgenInfo:DeprecatedModalBody.__docgenInfo,name:"DeprecatedModalBody",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalFooter.displayName="DeprecatedModalFooter",DeprecatedModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"DeprecatedModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"]={docgenInfo:DeprecatedModalFooter.__docgenInfo,name:"DeprecatedModalFooter",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalActions.displayName="DeprecatedModalActions",DeprecatedModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"DeprecatedModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"]={docgenInfo:DeprecatedModalActions.__docgenInfo,name:"DeprecatedModalActions",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,toggle:function toggle(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var _ref2$initialState=_ref2.initialState,initialState=void 0===_ref2$initialState?defaultInitialState:_ref2$initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],toggle=react.useCallback((function(){return setOpen((function(v){return!v}))}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(initialState),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,toggle:toggle,onChange:onChange},props)}),[isOpen,toggle,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,toggle=react.useContext(ModalStoryContext).toggle;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:toggle,children:children})}function Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,toggle=_React$useContext3.toggle,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(DeprecatedModal,Object.assign({isOpen:isOpen,onDismiss:toggle,width:width,height:height},props))}function ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",Modal.displayName="Modal",ModalHeader.displayName="ModalHeader";var ModalBody=DeprecatedModalBody;function ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({withDivider:withScrollableContent},props))}function ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalActions,Object.assign({withDivider:withScrollableContent},props))}ModalFooter.displayName="ModalFooter",ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/deprecated-modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Components/Modal",component:DeprecatedModal,parameters:{badges:["accessible","deprecated"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://reach.tech/dialog/"},"Reach UI's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Components/Modal",parameters:{badges:["accessible","deprecated"]},component:DeprecatedModal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/divider/divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/divider/divider.module.css"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_divider_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["weight"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"tertiary":_ref$weight,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"hr",className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_5__.a)(_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"weight",weight)},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"tertiary"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/heading/heading.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveHeadingStory",(function(){return ResponsiveHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/heading/heading.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var HeadingStory=function HeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{dividers:"primary",space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",children:"Heading level 1, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"larger",children:"Heading level 1, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,children:"Heading level 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"smaller",children:"Heading level 1, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"largest",children:"Heading level 2, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"larger",children:"Heading level 2, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,children:"Heading level 2"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"smaller",children:"Heading level 2, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"largest",children:"Heading level 3, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"larger",children:"Heading level 3, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,children:"Heading level 3"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"smaller",children:"Heading level 3, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"largest",children:"Heading level 4 / 5 / 6, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"larger",children:"Heading level 4 / 5 / 6, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,children:"Heading level 4 / 5 / 6"})]})]})})};HeadingStory.displayName="HeadingStory";var TruncatedHeadingStory=function TruncatedHeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",lineClamp:1,children:"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,lineClamp:2,children:"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."})]})};TruncatedHeadingStory.displayName="TruncatedHeadingStory";var ResponsiveHeadingStory=function ResponsiveHeadingStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveHeadingStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}},HeadingStory.parameters=Object.assign({storySource:{source:'function HeadingStory() {\n    return (\n        <section className="story">\n            <Stack dividers="primary" space="medium">\n                <Stack space="small">\n                    <Heading level={1} size="largest">\n                        Heading level 1, largest\n                    </Heading>\n                    <Heading level={1} size="larger">\n                        Heading level 1, larger\n                    </Heading>\n                    <Heading level={1}>Heading level 1</Heading>\n                    <Heading level={1} size="smaller">\n                        Heading level 1, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={2} size="largest">\n                        Heading level 2, largest\n                    </Heading>\n                    <Heading level={2} size="larger">\n                        Heading level 2, larger\n                    </Heading>\n                    <Heading level={2}>Heading level 2</Heading>\n                    <Heading level={2} size="smaller">\n                        Heading level 2, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={3} size="largest">\n                        Heading level 3, largest\n                    </Heading>\n                    <Heading level={3} size="larger">\n                        Heading level 3, larger\n                    </Heading>\n                    <Heading level={3}>Heading level 3</Heading>\n                    <Heading level={3} size="smaller">\n                        Heading level 3, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={4} size="largest">\n                        Heading level 4 / 5 / 6, largest\n                    </Heading>\n                    <Heading level={4} size="larger">\n                        Heading level 4 / 5 / 6, larger\n                    </Heading>\n                    <Heading level={4}>Heading level 4 / 5 / 6</Heading>\n                </Stack>\n            </Stack>\n        </section>\n    )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=Object.assign({storySource:{source:'function TruncatedHeadingStory() {\n    return (\n        <section className="story">\n            <Heading level={1} size="largest" lineClamp={1}>\n                This is a long title which we will use demonstrate truncating content. When this\n                overflows and begins to drop to a new line, its overflowing content will be replaced\n                by ellipses.\n            </Heading>\n            <Heading level={2} lineClamp={2}>\n                Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n                Sometimes we need to provide more context yet still remain skimmable to users, and\n                subtitles are a good way to do this. As it&rsquo;s much longer now we can allow a\n                second line to be displayed before truncating it at two lines.\n            </Heading>\n        </section>\n    )\n}'}},TruncatedHeadingStory.parameters),ResponsiveHeadingStory.parameters=Object.assign({storySource:{source:"function ResponsiveHeadingStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Heading {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveHeadingStory.parameters),HeadingPlaygroundStory.parameters=Object.assign({storySource:{source:'function HeadingPlaygroundStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <section className="story playground">\n            <Heading {...props} />\n        </section>\n    )\n}'}},HeadingPlaygroundStory.parameters);try{ResponsiveHeadingStory.displayName="ResponsiveHeadingStory",ResponsiveHeadingStory.__docgenInfo={description:"",displayName:"ResponsiveHeadingStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"]={docgenInfo:ResponsiveHeadingStory.__docgenInfo,name:"ResponsiveHeadingStory",path:"src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"})}catch(__react_docgen_typescript_loader_error){}try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/heading/heading.module.css"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,align=_ref.align,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),headingElementName="h"+level,lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{className:[exceptionallySetClassName,_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,as:headingElementName,ref:ref,children:children}))}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"regular"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"normal"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden-visually/hidden-visually.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenVisually}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.module.css"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HiddenVisually=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__.a)((function HiddenVisually(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{ref:ref,position:"absolute",overflow:"hidden",className:_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.hiddenVisually}))}))},"./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden/hidden.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return hidden_stories_ResponsiveStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./src/new-components/box/box.tsx")),hidden_module=__webpack_require__("./src/new-components/hidden/hidden.module.css"),hidden_module_default=__webpack_require__.n(hidden_module),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["display","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var hidden_Hidden=Object(polymorphism.a)((function Hidden(_ref,ref){var _ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),hiddenOnPrint="print"in props&&props.print,hiddenOnDesktop="above"in props,hiddenOnMobile="below"in props,hiddenOnTablet="below"in props&&"desktop"===props.below||"above"in props&&"mobile"===props.above;return hiddenOnDesktop&&hiddenOnMobile&&console.warn('<Hidden /> should receive either above="…" or below="…" but not both'),hiddenOnDesktop||hiddenOnMobile||hiddenOnPrint||console.warn("<Hidden /> did not receive any criteria to hide itself"),"above"in props&&delete props.above,"below"in props&&delete props.below,"print"in props&&delete props.print,Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,className:[exceptionallySetClassName,hiddenOnPrint?hidden_module_default.a.hiddenOnPrint:null],display:hiddenOnDesktop&&hiddenOnMobile?"none":{mobile:hiddenOnMobile?"none":display,tablet:hiddenOnTablet?"none":display,desktop:hiddenOnDesktop?"none":display},children:children}))})),hidden_stories_ResponsiveStory=(__webpack_exports__.default={title:"Design system/Hidden",component:hidden_Hidden,parameters:{badges:["accessible"]}},function ResponsiveStory(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(storybook_helper.b,{}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Always visible 📱💻🖥"}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"mobile",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on mobile 📱",height:30})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"desktop",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on desktop 🖥",height:75})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in tablet and desktop 💻🖥",height:60})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in mobile and tablet 📱💻",height:45})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Does not make sense"})})]})]})});hidden_stories_ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="medium">\n                <Placeholder label="Always visible 📱💻🖥" />\n\n                <Hidden above="mobile">\n                    <Placeholder label="Visible only on mobile 📱" height={30} />\n                </Hidden>\n\n                <Hidden below="desktop">\n                    <Placeholder label="Visible only on desktop 🖥" height={75} />\n                </Hidden>\n\n                <Hidden below="tablet">\n                    <Placeholder label="Visible in tablet and desktop 💻🖥" height={60} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Visible in mobile and tablet 📱💻" height={45} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Does not make sense" />\n                </Hidden>\n            </Stack>\n        </>\n    )\n}'}},hidden_stories_ResponsiveStory.parameters)},"./src/new-components/icons/alert-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlertIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["tone"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var alertIconForTone={info:AlertInfoIcon,positive:AlertPositiveIcon,caution:AlertCautionIcon,critical:AlertCriticalIcon};function AlertIcon(_ref){var tone=_ref.tone,props=_objectWithoutProperties(_ref,_excluded),Icon=alertIconForTone[tone];return Icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Icon,Object.assign({},props)):null}function AlertInfoIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",fill:"currentColor"})}))}function AlertPositiveIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",fill:"currentColor"})}))}function AlertCautionIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",fill:"currentColor"})}))}function AlertCriticalIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",fill:"currentColor"})}))}AlertInfoIcon.displayName="AlertInfoIcon",AlertPositiveIcon.displayName="AlertPositiveIcon",AlertCautionIcon.displayName="AlertCautionIcon",AlertCriticalIcon.displayName="AlertCriticalIcon";try{AlertIcon.displayName="AlertIcon",AlertIcon.__docgenInfo={description:"",displayName:"AlertIcon",props:{tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/alert-icon.tsx#AlertIcon"]={docgenInfo:AlertIcon.__docgenInfo,name:"AlertIcon",path:"src/new-components/icons/alert-icon.tsx#AlertIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/close-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CloseIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{fill:"currentColor",d:"M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"})}))}CloseIcon.displayName="CloseIcon";try{CloseIcon.displayName="CloseIcon",CloseIcon.__docgenInfo={description:"",displayName:"CloseIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/close-icon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/new-components/icons/close-icon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/password-visible-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PasswordVisibleIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordVisibleIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"gray",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{d:"M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("circle",{cx:"12",cy:"12",r:"3.5"})]})}))}PasswordVisibleIcon.displayName="PasswordVisibleIcon";try{PasswordVisibleIcon.displayName="PasswordVisibleIcon",PasswordVisibleIcon.__docgenInfo={description:"",displayName:"PasswordVisibleIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"]={docgenInfo:PasswordVisibleIcon.__docgenInfo,name:"PasswordVisibleIcon",path:"src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/inline/inline.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return NestedStackStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/heading/heading.tsx"),_inline__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/inline/inline.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function renderInlineContent(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:20,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:80,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:150,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:180,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:100,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48})]})}__webpack_exports__.default={title:"Design system/Inline",component:_inline__WEBPACK_IMPORTED_MODULE_5__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("medium"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.i)(["left","center","right"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.e)()),parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how it wraps content",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{children:renderInlineContent()}))})};InteractivePropsStory.displayName="InteractivePropsStory";var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how spacing changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:renderInlineContent()})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how alignment changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",align:{mobile:"left",tablet:"center",desktop:"right"},children:renderInlineContent()})})]})]})};ResponsiveStory.argTypes=Object.assign({space:{control:!1},align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d);var NestedStackStory=function NestedStackStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_4__.a,{level:"1",children:["Parent stack with space=“",null!=space?space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()})]})})};NestedStackStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("xlarge"),align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory(args: PartialProps<typeof Inline>) {\n    return (\n        <Wrapper title="Change the viewport width to see how it wraps content" border={true}>\n            <Inline {...args}>{renderInlineContent()}</Inline>\n        </Wrapper>\n    )\n}'}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space=\"medium\">\n                <Wrapper title=\"Change the viewport width to see how spacing changes\" border={true}>\n                    <Inline space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}>\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n                <Wrapper\n                    title=\"Change the viewport width to see how alignment changes\"\n                    border={true}\n                >\n                    <Inline\n                        space=\"xsmall\"\n                        align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n                    >\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStackStory.parameters=Object.assign({storySource:{source:'function NestedStackStory({ space }: PartialProps<typeof Inline>) {\n    return (\n        <>\n            <Stack space={space}>\n                <Heading level="1">Parent stack with space=&ldquo;{space ?? \'none\'}&rdquo;</Heading>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n            </Stack>\n        </>\n    )\n}'}},NestedStackStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStackStory.displayName="NestedStackStory",NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/inline/inline.module.css"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_inline_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","alignY","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Inline=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function Inline(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,display:"flex",flexWrap:"wrap",className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.a)(_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"space",space)],ref:ref,alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),children:children}))}))},"./src/new-components/loading/loading.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Example",(function(){return Example})),__webpack_require__.d(__webpack_exports__,"allSizes",(function(){return loading_stories_allSizes})),__webpack_require__.d(__webpack_exports__,"customizeColor",(function(){return loading_stories_customizeColor})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return loading_stories_accessibilityAttributes})),__webpack_require__.d(__webpack_exports__,"accessibilityConsiderations",(function(){return loading_stories_accessibilityConsiderations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["size","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizeMapping={xsmall:16,small:24,medium:36,large:48};function Loading(_ref){var _sizeMapping$size,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),numericSize=null!==(_sizeMapping$size=sizeMapping[size])&&void 0!==_sizeMapping$size?_sizeMapping$size:sizeMapping.small,ariaLabel=props["aria-label"]?props["aria-label"]:props["aria-labelledby"]?void 0:"Loading…";return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{"aria-label":ariaLabel,className:exceptionallySetClassName,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar",children:Object(jsx_runtime.jsx)(spinner.a,{size:numericSize,"aria-hidden":!0})}))}Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{size:{defaultValue:{value:"small"},description:"The size of the loading spinner.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the loading component for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current loading component for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current loading component for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/new-components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var loading_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function loading_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function loading_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Example(_ref){var children=_ref.children,size=_ref.size;return Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},children),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},'size="',size,'"'))}Example.displayName="Example";var layoutProps={Example:Example};function MDXContent(_ref2){var components=_ref2.components,props=loading_stories_objectWithoutProperties(_ref2,loading_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Loading",component:Loading,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Loading"),Object(esm.b)("p",null,"A loading indicator that comes in three sizes."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"All Sizes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Loading,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Loading,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Customized color"),Object(esm.b)("p",null,"The loading indicator adopts the current brand background color defined in the ",Object(esm.b)("inlineCode",{parentName:"p"},"--reactist-spinner-tint"),"\nCSS variable."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Customize Color",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"},mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("h2",null,"Accessibility"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(Loading,{"aria-label":"Loading puppies",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary",mdxType:"Text"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-describedby"))))),Object(esm.b)("h4",null,"Usage Considerations"),Object(esm.b)("p",null,"If the ",Object(esm.b)("inlineCode",{parentName:"p"},"Loading")," component is describing the loading progress of a particular region of a page, you should use the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-describedby")," attribute to point to the status, and set the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-busy")," attribute to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," on the region until it is finished loading."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Considerations",mdxType:"Story"},Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"},mdxType:"Box"},Object(esm.b)(Loading,{"aria-describedby":"loading-progress",mdxType:"Loading"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var loading_stories_allSizes=function allSizes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_allSizes.displayName="allSizes",loading_stories_allSizes.storyName="All Sizes",loading_stories_allSizes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_customizeColor=function customizeColor(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"}},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_customizeColor.displayName="customizeColor",loading_stories_customizeColor.storyName="Customize Color",loading_stories_customizeColor.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd" style={{\n  \'--reactist-spinner-tint\': \'red\'\n}}>\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityAttributes=function accessibilityAttributes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(Loading,{"aria-label":"Loading puppies"}),Object(esm.b)(box.a,{as:"pre"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens"}),Object(esm.b)(box.a,{as:"pre"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress"}),Object(esm.b)(box.a,{as:"pre"},"aria-describedby")))};loading_stories_accessibilityAttributes.displayName="accessibilityAttributes",loading_stories_accessibilityAttributes.storyName="Accessibility Attributes",loading_stories_accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Stack space="xxlarge" align="center">\n                <Loading aria-label="Loading puppies" />\n                <Box as="pre">aria-label</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-kittens" tone="secondary">\n                    Loading kittens...\n                </Text>\n                <Loading aria-labelledby="loading-kittens" />\n                <Box as="pre">aria-labelledby</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-progress" tone="secondary">\n                    50% complete...\n                </Text>\n                <Loading aria-label="loading-progress" />\n                <Box as="pre">aria-describedby</Box>\n            </Stack>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityConsiderations=function accessibilityConsiderations(){return Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"}},Object(esm.b)(Loading,{"aria-describedby":"loading-progress"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete"))};loading_stories_accessibilityConsiderations.displayName="accessibilityConsiderations",loading_stories_accessibilityConsiderations.storyName="Accessibility Considerations",loading_stories_accessibilityConsiderations.parameters=Object.assign({storySource:{source:'<Box alignItems="center" aria-busy={true} display="flex" flexDirection="column" justifyContent="spaceEvenly" style={{\n  background: \'#f3f3f3\',\n  border: \'1px solid #333\',\n  width: \'200px\',\n  height: \'200px\'\n}}>\n            <Loading aria-describedby="loading-progress" />\n            <Text id="loading-progress" tone="secondary">\n                50% complete\n            </Text>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Loading",parameters:{badges:["accessible"]},component:Loading,includeStories:["allSizes","customizeColor","accessibilityAttributes","accessibilityConsiderations"]},mdxStoryNameToKey={"All Sizes":"allSizes","Customize Color":"customizeColor","Accessibility Attributes":"accessibilityAttributes","Accessibility Considerations":"accessibilityConsiderations"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal})),__webpack_require__.d(__webpack_exports__,"autofocus",(function(){return modal_stories_autofocus})),__webpack_require__.d(__webpack_exports__,"stackingModals",(function(){return modal_stories_stackingModals}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),menu=__webpack_require__("./src/components/menu/menu.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return Object(jsx_runtime.jsx)("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26",children:Object(jsx_runtime.jsxs)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:[Object(jsx_runtime.jsx)("circle",{fill:color,cx:"19",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"13",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"7",cy:"13",r:"2"})]})})};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),dist_es2015=__webpack_require__("./node_modules/aria-hidden/dist/es2015/index.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),modal_module=__webpack_require__("./src/new-components/modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function Modal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),setVisible=react.useCallback((function(visible){visible||null==onDismiss||onDismiss()}),[onDismiss]),state=Object(dialog_state.a)({visible:isOpen,setVisible:setVisible}),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]),portalRef=react.useRef(null),dialogRef=react.useRef(null),backdropRef=react.useRef(null),handleBackdropClick=react.useCallback((function(event){var _dialogRef$current,_backdropRef$current;null!==(_dialogRef$current=dialogRef.current)&&void 0!==_dialogRef$current&&_dialogRef$current.contains(event.target)||null===(_backdropRef$current=backdropRef.current)||void 0===_backdropRef$current||!_backdropRef$current.contains(event.target)||(event.stopPropagation(),null==onDismiss||onDismiss())}),[onDismiss]);return react.useLayoutEffect((function disableAccessibilityTreeOutside(){if(isOpen&&portalRef.current)return Object(dist_es2015.a)(portalRef.current)}),[isOpen]),isOpen?Object(jsx_runtime.jsx)(portal.a,{portalRef:portalRef,children:Object(jsx_runtime.jsx)(box.a,{"data-testid":"modal-overlay","data-overlay":!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),onClick:handleBackdropClick,ref:backdropRef,children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(dialog.a,Object.assign({},props,{ref:dialogRef,as:box.a,state:state,hideOnEscape:!0,preventBodyScroll:!0,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}):null}function ModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function ModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(ModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function ModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function ModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function ModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}Modal.displayName="Modal",ModalCloseButton.displayName="ModalCloseButton",ModalBody.displayName="ModalBody",ModalActions.displayName="ModalActions";try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"Modal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/new-components/modal/modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}try{ModalCloseButton.displayName="ModalCloseButton",ModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"ModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalCloseButton"]={docgenInfo:ModalCloseButton.__docgenInfo,name:"ModalCloseButton",path:"src/new-components/modal/modal.tsx#ModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{ModalHeader.displayName="ModalHeader",ModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"ModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see ModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalHeader"]={docgenInfo:ModalHeader.__docgenInfo,name:"ModalHeader",path:"src/new-components/modal/modal.tsx#ModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{ModalBody.displayName="ModalBody",ModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"ModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalBody"]={docgenInfo:ModalBody.__docgenInfo,name:"ModalBody",path:"src/new-components/modal/modal.tsx#ModalBody"})}catch(__react_docgen_typescript_loader_error){}try{ModalFooter.displayName="ModalFooter",ModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"ModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalFooter"]={docgenInfo:ModalFooter.__docgenInfo,name:"ModalFooter",path:"src/new-components/modal/modal.tsx#ModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{ModalActions.displayName="ModalActions",ModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"ModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalActions"]={docgenInfo:ModalActions.__docgenInfo,name:"ModalActions",path:"src/new-components/modal/modal.tsx#ModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,openModal:function openModal(){},closeModal:function closeModal(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var initialState=_ref2.initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],openModal=react.useCallback((function(){setOpen(!0)}),[]),closeModal=react.useCallback((function(){setOpen(!1)}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(Object.assign({},defaultInitialState,initialState)),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,openModal:openModal,closeModal:closeModal,onChange:onChange},props)}),[isOpen,openModal,closeModal,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,_ref5$action=_ref5.action,action=void 0===_ref5$action?"close":_ref5$action,_React$useContext2=react.useContext(ModalStoryContext),openModal=_React$useContext2.openModal,closeModal=_React$useContext2.closeModal;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:"open"===action?openModal:closeModal,children:children})}function modal_stories_components_Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,closeModal=_React$useContext3.closeModal,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(Modal,Object.assign({isOpen:isOpen,onDismiss:closeModal,width:width,height:height},props))}function modal_stories_components_ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(ModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",modal_stories_components_Modal.displayName="Modal",modal_stories_components_ModalHeader.displayName="ModalHeader";var modal_stories_components_ModalBody=ModalBody;function modal_stories_components_ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({withDivider:withScrollableContent},props))}function modal_stories_components_ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalActions,Object.assign({withDivider:withScrollableContent},props))}modal_stories_components_ModalFooter.displayName="ModalFooter",modal_stories_components_ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Modal",component:Modal,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://ariakit.org/components/dialog"},"Ariakit's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:Modal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Modal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:ModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:ModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:ModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:ModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:ModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,{mdxType:"Columns"},Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(menu.a,{mdxType:"Menu"},Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,{mdxType:"ThreeDotsIcon"}),mdxType:"MenuButton"}),Object(esm.b)(menu.e,{"aria-label":"Simple menu",mdxType:"MenuList"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit"),mdxType:"MenuItem"},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate"),mdxType:"MenuItem"},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove"),mdxType:"MenuItem"},"Remove")))),Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(ModalCloseButton,null))),mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Autofocus"),Object(esm.b)("p",null,"By default the ",Object(esm.b)("inlineCode",{parentName:"p"},"autoFocus")," prop is ",Object(esm.b)("inlineCode",{parentName:"p"},"true"),", which shifts the focus onto the first focusable element in the modal. You can further refine this\nby using the ",Object(esm.b)("inlineCode",{parentName:"p"},"data-autofocus")," attribute if you wish to focus on elements other than the first one. This is made possible using React Focus Lock, please see its ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/theKashey/react-focus-lock/tree/v2.9.1#autofocus"},"documentation")," for more details."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Autofocus",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){},mdxType:"TextField"}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0,mdxType:"TextField"}))),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Stacking modals"),Object(esm.b)("p",null,"Modals may be stacked on top of one another, with each of them having their independent states, e.g. ",Object(esm.b)("inlineCode",{parentName:"p"},"width")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"height"),"."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Stacking modals",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"},mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}))))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,null,Object(esm.b)(columns.a,null,Object(esm.b)(menu.a,null,Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,null)}),Object(esm.b)(menu.e,{"aria-label":"Simple menu"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit")},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate")},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove")},"Remove")))),Object(esm.b)(columns.a,null,Object(esm.b)(ModalCloseButton,null)))},Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader button={<Columns>\n                            <Column>\n                                <Menu>\n                                    <MenuButton as={ReactistButton} variant="tertiary" icon={<ThreeDotsIcon />} />\n                                    <MenuList aria-label="Simple menu">\n                                        <MenuItem onSelect={action(\'Edit\')}>Edit</MenuItem>\n                                        <MenuItem onSelect={action(\'Duplicate\')}>\n                                            Duplicate\n                                        </MenuItem>\n                                        <MenuItem onSelect={action(\'Remove\')}>Remove</MenuItem>\n                                    </MenuList>\n                                </Menu>\n                            </Column>\n                            <Column>\n                                <ModalComponents.ModalCloseButton />\n                            </Column>\n                        </Columns>}>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_autofocus=function autofocus(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){}}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0}))),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_autofocus.displayName="autofocus",modal_stories_autofocus.storyName="Autofocus",modal_stories_autofocus.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader>\n                    <Heading level={1}>Update your info</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="large">\n                        <TextField label="Name" value="Bob Odenkirk" onChange={() => undefined} />\n                        <TextField label="Address" data-autofocus />\n                    </Stack>\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Save\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_stackingModals=function stackingModals(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(text_text.a,null,"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,null),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"}},Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)))))))};modal_stories_stackingModals.displayName="stackingModals",modal_stories_stackingModals.storyName="Stacking modals",modal_stories_stackingModals.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal 1">\n                <ModalHeader>\n                    <Heading level={1}>Bottom modal</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Text>\n                        Use the form to customize this modal, or open an additional modal with the\n                        button below.\n                    </Text>\n                    <ModalOptionsForm />\n                    <ModalStoryStateProvider initialState={{\n        width: \'small\',\n        height: \'fitContent\'\n      }}>\n                        <Button variant="primary" action="open">\n                            Open second modal\n                        </Button>\n                        <Modal aria-label="Modal 2">\n                            <ModalHeader>\n                                <Heading level={1}>Top modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                        </Modal>\n                    </ModalStoryStateProvider>\n                </ModalBody>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Modal",parameters:{badges:["accessible"]},component:Modal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal","autofocus","stackingModals"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal",Autofocus:"autofocus","Stacking modals":"stackingModals"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/notice/notice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),box=__webpack_require__("./src/new-components/box/box.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),notice_module=__webpack_require__("./src/new-components/notice/notice.module.css"),notice_module_default=__webpack_require__.n(notice_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notice(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone;return Object(jsx_runtime.jsx)(box.a,{id:id,role:"alert","aria-live":"polite",className:[notice_module_default.a.container,Object(responsive_props.a)(notice_module_default.a,"tone",tone)],children:Object(jsx_runtime.jsxs)(columns.b,{space:"small",alignY:"top",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content",children:Object(jsx_runtime.jsx)(alert_icon.a,{tone:tone})}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsx)(box.a,{paddingY:"xsmall",children:children})})]})})}Notice.displayName="Notice";try{Notice.displayName="Notice",Notice.__docgenInfo={description:"",displayName:"Notice",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/notice/notice.tsx#Notice"]={docgenInfo:Notice.__docgenInfo,name:"Notice",path:"src/new-components/notice/notice.tsx#Notice"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,text=(_ref.closeLabel,"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(esm.b)(text_text.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu.")));return Object(esm.b)(Notice,{tone:tone,mdxType:"Notice"},text)}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Notice",component:Notice,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Notice"),Object(esm.b)("p",null,"A simple Notice component."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Notice,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Notice,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Notice",parameters:{badges:["accessible"]},component:Notice,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/password-field/password-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return password_field_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return password_field_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return password_field_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js")),tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordHiddenIcon(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(jsx_runtime.jsxs)("g",{fill:"gray",fillRule:"evenodd",transform:"translate(2 4)",children:[Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"}),Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"}),Object(jsx_runtime.jsx)("rect",{width:"21",height:"1",x:"-.722",y:"7.778",rx:".5",transform:"rotate(-45 9.778 8.278)"})]})}))}PasswordHiddenIcon.displayName="PasswordHiddenIcon";try{PasswordHiddenIcon.displayName="PasswordHiddenIcon",PasswordHiddenIcon.__docgenInfo={description:"",displayName:"PasswordHiddenIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"]={docgenInfo:PasswordHiddenIcon.__docgenInfo,name:"PasswordHiddenIcon",path:"src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"})}catch(__react_docgen_typescript_loader_error){}var password_field_module=__webpack_require__("./src/new-components/password-field/password-field.module.css"),password_field_module_default=__webpack_require__.n(password_field_module),text_field_module=__webpack_require__("./src/new-components/text-field/text-field.module.css"),text_field_module_default=__webpack_require__.n(text_field_module),_excluded=["variant","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","togglePasswordLabel","hidden","aria-describedby"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var password_field_PasswordField=react.forwardRef((function PasswordField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_ref$togglePasswordLa=_ref.togglePasswordLabel,togglePasswordLabel=void 0===_ref$togglePasswordLa?"Toggle password visibility":_ref$togglePasswordLa,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded),id=Object(common_helpers.b)(props.id),internalRef=react.useRef(null),inputRef=Object(hooks.e)(internalRef,ref),_React$useState2=_slicedToArray(react.useState(!1),2),isPasswordVisible=_React$useState2[0],setPasswordVisible=_React$useState2[1];function togglePasswordVisibility(){var _internalRef$current;setPasswordVisible((function(v){return!v})),null===(_internalRef$current=internalRef.current)||void 0===_internalRef$current||_internalRef$current.focus()}return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(jsx_runtime.jsxs)(box.a,{display:"flex",alignItems:"center",className:[password_field_module_default.a.inputWrapper,text_field_module_default.a.inputWrapper,"error"===tone?text_field_module_default.a.error:null,"bordered"===variant?text_field_module_default.a.bordered:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,extraProps,{ref:inputRef,type:isPasswordVisible?"text":"password"})),Object(jsx_runtime.jsx)(tooltip.a,{content:togglePasswordLabel,children:Object(jsx_runtime.jsx)("button",{type:"button",onClick:togglePasswordVisibility,"aria-label":togglePasswordLabel,tabIndex:-1,children:isPasswordVisible?Object(jsx_runtime.jsx)(password_visible_icon.a,{"aria-hidden":!0}):Object(jsx_runtime.jsx)(PasswordHiddenIcon,{"aria-hidden":!0})})})]})}})}));try{password_field_PasswordField.displayName="PasswordField",password_field_PasswordField.__docgenInfo={description:"",displayName:"PasswordField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:{value:"Toggle password visibility"},description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.tsx#PasswordField"]={docgenInfo:password_field_PasswordField.__docgenInfo,name:"PasswordField",path:"src/new-components/password-field/password-field.tsx#PasswordField"})}catch(__react_docgen_typescript_loader_error){}var password_field_stories_excluded=["label","auxiliaryLabel"];function password_field_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function password_field_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/PasswordField",component:password_field_PasswordField,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var password_field_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=password_field_stories_objectWithoutProperties(_ref,password_field_stories_excluded);return Object(jsx_runtime.jsx)(password_field_PasswordField,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Password"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Forgot your password?"},hint:{control:{type:"text"},defaultValue:"Must be at least 100 characters long, and it should include each letter of the alphabet"},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Type your password"},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge"],"small")};var password_field_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Comparing to original password…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"It does not match the original password",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Matches original password!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};password_field_stories_MessageToneStory.displayName="MessageToneStory";var password_field_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Password field without a built-in label"}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};password_field_stories_WithoutLabelStory.displayName="WithoutLabelStory",password_field_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof PasswordField>) {\n    return (\n        <PasswordField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},password_field_stories_InteractivePropsStory.parameters),password_field_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <PasswordField\n                label="Password confirmation"\n                message="Comparing to original password…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="It does not match the original password"\n                tone="error"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Matches original password!"\n                tone="success"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},password_field_stories_MessageToneStory.parameters),password_field_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <PasswordField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Password field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},password_field_stories_WithoutLabelStory.parameters);try{password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:null,description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"]={docgenInfo:password_field_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/responsive-props.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function getClassNames(styles,property,value){if(!value)return null;var classList=[];return"string"==typeof value?classList.push(styles[property+"-"+value]):(value.mobile&&classList.push(styles[property+"-"+value.mobile]),value.tablet&&classList.push(styles["tablet-"+property+"-"+value.tablet]),value.desktop&&classList.push(styles["desktop-"+property+"-"+value.desktop])),classList}function mapResponsiveProp(fromValue,mapper){if(fromValue)return"object"!=typeof fromValue?mapper(fromValue):{mobile:fromValue.mobile?mapper(fromValue.mobile):void 0,tablet:fromValue.tablet?mapper(fromValue.tablet):void 0,desktop:fromValue.desktop?mapper(fromValue.desktop):void 0}}},"./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/select-field/select-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/select-field/select-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/SelectField",component:___WEBPACK_IMPORTED_MODULE_6__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0,defaultValue:"-",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"-",disabled:!0,children:"Select theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Light themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"default",children:"Default theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"bright",children:"Extra bright"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Dark themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"contrast",children:"High contrast"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"dark",children:"Dark mode"})]})]}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Theme"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"The theme you select will be applied immediately. If you upgrade to premium you will have more themes to choose from."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saving…",tone:"loading",disabled:!0,maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Something went wrong. Please, try again.",tone:"error",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saved successfully!",tone:"success",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the select element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the select element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof SelectField>) {\n    return (\n        <SelectField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n            defaultValue="-"\n        >\n            <option value="-" disabled>\n                Select theme\n            </option>\n            <optgroup label="Light themes">\n                <option value="default">Default theme</option>\n                <option value="bright">Extra bright</option>\n            </optgroup>\n            <optgroup label="Dark themes">\n                <option value="contrast">High contrast</option>\n                <option value="dark">Dark mode</option>\n            </optgroup>\n        </SelectField>\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <SelectField\n                label="Country of residence"\n                message="Saving…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Something went wrong. Please, try again."\n                tone="error"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Saved successfully!"\n                tone="success"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the select element)</em>\n                </Text>\n            </Stack>\n            <SelectField label={null} id="custom-textarea" aria-describedby="custom-description">\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>\n                        (inspect the select element accessibility properties if you are curious)\n                    </em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/select-field/select-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/select-field/select-field.module.css"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","children","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SelectField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function SelectField(_ref,ref){var id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_children=_ref.children,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.selectWrapper,"error"===tone?_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null],children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({},props,extraProps,{ref:ref,children:_children})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(SelectChevron,{"aria-hidden":!0})]})}})}));function SelectChevron(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("svg",Object.assign({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"})}))}SelectChevron.displayName="SelectChevron";try{SelectField.displayName="SelectField",SelectField.__docgenInfo={description:"",displayName:"SelectField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.tsx#SelectField"]={docgenInfo:SelectField.__docgenInfo,name:"SelectField",path:"src/new-components/select-field/select-field.tsx#SelectField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/spinner/spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Spinner}));__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/react/index.js");var _spinner_module_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/spinner/spinner.module.css"),_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_spinner_module_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg",{"aria-hidden":!0,width:size,height:size,viewBox:"0 0 24 24",className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.svg,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g",{fill:"none",fillRule:"nonzero",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})]})})}Spinner.displayName="Spinner";try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/spinner/spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/new-components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/stack/stack.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_heading__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["itemCount"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Stack",component:_stack__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["start","center","end"]),dividers:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["primary","secondary","tertiary"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.e)()),parameters:{badges:["accessible"]}};var widths=[300,360,430,280,600,490,400],heights=[80,40,60,70,90,30,100];function size(index){return{width:widths[index%widths.length],height:heights[index%heights.length]}}var InteractivePropsStory=function InteractivePropsStory(_ref){var itemCount=_ref.itemCount,args=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count",5)};var ResponsiveStory=function ResponsiveStory(_ref2){var itemCount=_ref2.itemCount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,title:"Alignment and spacing changes as the viewport width changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},align:{mobile:"start",tablet:"center",desktop:"end"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))})})]})};ResponsiveStory.argTypes=Object.assign({itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count"),space:{control:!1},align:{control:!1},dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d);var NestedStacksStory=function NestedStacksStory(args){var _args$space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"1",children:["Parent stack with space=“",null!==(_args$space=args.space)&&void 0!==_args$space?_args$space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]})]}))};NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)("xlarge"),dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({\n    itemCount,\n    ...args\n}: PartialProps<typeof Stack> & { itemCount: number }) {\n    return (\n        <Wrapper border={true}>\n            <Stack {...args}>\n                {times(itemCount).map((i) => (\n                    <Placeholder key={i} label={i + 1} {...size(i)} />\n                ))}\n            </Stack>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Wrapper border title=\"Alignment and spacing changes as the viewport width changes\">\n                <Stack\n                    space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}\n                    align={{ mobile: 'start', tablet: 'center', desktop: 'end' }}\n                >\n                    {times(itemCount).map((i) => (\n                        <Placeholder key={i} label={i + 1} {...size(i)} />\n                    ))}\n                </Stack>\n            </Wrapper>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=Object.assign({storySource:{source:'function NestedStacksStory(args: PartialProps<typeof Stack>) {\n    return (\n        <Stack {...args}>\n            <Heading level="1">\n                Parent stack with space=&ldquo;{args.space ?? \'none\'}&rdquo;\n            </Heading>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n        </Stack>\n    )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Stack}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-keyed-flatten-children/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_divider__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/divider/divider.tsx"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/stack/stack.module.css"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_stack_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","dividers","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Stack=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Stack(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"start":_ref$align,_ref$dividers=_ref.dividers,dividers=void 0===_ref$dividers?"none":_ref$dividers,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),alignProps="start"===align?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"start"===align?"flexStart":"end"===align?"flexEnd":"center"}))};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,alignProps,{as:as,className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"space",space)],ref:ref,children:"none"!==dividers?react__WEBPACK_IMPORTED_MODULE_5__.Children.map(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default()(children),(function(child,index){return index>0?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_divider__WEBPACK_IMPORTED_MODULE_10__.a,{weight:dividers}),child]}):child})):children}))}))},"./src/new-components/storybook-helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/box/box.tsx"),_heading__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./src/new-components/default-styles.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function select(options,defaultValue){return{control:{type:"select"},options:options,defaultValue:defaultValue}}function selectWithNone(options){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge","full"]),width:selectWithNone(["auto","maxContent","minContent","fitContent","xsmall","small","medium","large","xlarge","full"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){var _Object$assign;return Object.assign({},accumulator,((_Object$assign={})[key]={control:!1},_Object$assign))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_19__.a,{space:"small",children:[title?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_18__.a,{level:"2",children:title}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{width:"full",style:border?{border:"1px dotted black"}:void 0,children:children})]})}function ResponsiveWidthRef(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{height:"36px"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("div",{style:{position:"fixed",top:0,left:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"},children:"desktop min width"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"},children:"tablet min width"})]})]})}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium",children:label})}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/switch-field/switch-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return accessibilityAttributes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_switch_field__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var label=_ref.label,hint=_ref.hint,disabled=_ref.disabled;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{label:label||"Default label",hint:hint,disabled:disabled,mdxType:"SwitchField"})}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/SwitchField",component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"SwitchField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A checkbox with a built-in label element that visually looks like a toggle switch."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},argTypes:{label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the switch as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"dynamic"}}});var accessibilityAttributes=function accessibilityAttributes(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will describe the switch as "Husky".')))};accessibilityAttributes.displayName="accessibilityAttributes",accessibilityAttributes.storyName="Accessibility Attributes",accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <SwitchField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the switch as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/SwitchField",parameters:{badges:["accessible"]},component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["playground","accessibilityAttributes"]},mdxStoryNameToKey={Playground:"playground","Accessibility Attributes":"accessibilityAttributes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/switch-field/switch-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitchField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_box__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/new-components/box/box.tsx"),_stack__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/text/text.tsx"),_hidden_visually__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),_base_field__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/common-helpers.ts"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/switch-field/switch-field.module.css"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","aria-label","aria-labelledby","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SwitchField=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SwitchField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,hint=_ref.hint,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,hidden=_ref.hidden,defaultChecked=_ref.defaultChecked,originalId=_ref.id,originalAriaDescribedBy=_ref["aria-describedby"],originalAriaLabel=_ref["aria-label"],originalAriaLabelledby=_ref["aria-labelledby"],_onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded),id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(),ariaDescribedBy=null!=originalAriaDescribedBy?originalAriaDescribedBy:hint?hintId:void 0,ariaLabel=null!=originalAriaLabel?originalAriaLabel:void 0,ariaLabelledBy=null!=originalAriaLabelledby?originalAriaLabelledby:void 0,_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_16__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{className:[_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.container,disabled?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.disabled:null,isChecked?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.checked:null,keyFocused?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.keyFocused:null],as:"label",display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.toggle,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_hidden_visually__WEBPACK_IMPORTED_MODULE_18__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("input",Object.assign({},props,{id:id,type:"checkbox",disabled:disabled,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,ref:ref,checked:isChecked,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span",{className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.handle})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_text__WEBPACK_IMPORTED_MODULE_17__.a,{exceptionallySetClassName:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.label,children:label})]}),hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_19__.b,{id:hintId,children:hint}):null]})}));try{SwitchField.displayName="SwitchField",SwitchField.__docgenInfo={description:"",displayName:"SwitchField",props:{"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the switch for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current switch for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current switch for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/switch-field/switch-field.tsx#SwitchField"]={docgenInfo:SwitchField.__docgenInfo,name:"SwitchField",path:"src/new-components/switch-field/switch-field.tsx#SwitchField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/tabs/tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"themedVariant",(function(){return themedVariant})),__webpack_require__.d(__webpack_exports__,"usingTheTabAwareSlotComponent",(function(){return usingTheTabAwareSlotComponent})),__webpack_require__.d(__webpack_exports__,"multipleTabListInstances",(function(){return multipleTabListInstances})),__webpack_require__.d(__webpack_exports__,"polymorphism",(function(){return polymorphism}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_tabs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/tabs/tabs.tsx"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/columns/columns.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(_ref){var variant=_ref.variant,space=_ref.space,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,render=_ref.render,onSelectedIdChange=_ref.onSelectedIdChange,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{variant:variant,selectedId:selectedId,defaultSelectedId:defaultSelectedId,onSelectedIdChange:onSelectedIdChange,mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,space:space,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))))};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Tabs",component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Tabs"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://ariakit.org/examples/tab"},"Ariakit's Tab component"),". For more details of its expected\nbehaviour, see ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role"},"ARIA: tab role"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}},controls:{exclude:["children"]}},args:{"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},argTypes:{selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},name:"Main demo",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tabs>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabList>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tab>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabPanel>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabAwareSlot>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"The following CSS custom properties are available so that the tabs' colors can be customized:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-neutral-background\n--reactist-tab-neutral-foreground\n--reactist-tab-neutral-unselected\n--reactist-tab-neutral-track\n--reactist-tab-neutral-border\n\n--reactist-tab-themed-background\n--reactist-tab-themed-foreground\n--reactist-tab-themed-unselected\n--reactist-tab-themed-track\n--reactist-tab-themed-border\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Their size can also be customized with:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-track-border-width\n--reactist-tab-border-radius\n--reactist-tab-border-width\n--reactist-tab-height\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Themed variant"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},args:{"aria-label":"Tabs with themed variant style",variant:"themed"},name:"Themed variant",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Using the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabAwareSlot>")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Using the TabAwareSlot component",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,{mdxType:"Columns"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content",mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,{mdxType:"TabAwareSlot"},(function(_ref3){var selectedId=_ref3.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3")))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabList>")," instances"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"As long as they exist within the same ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<Tabs>")," component tree, multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<TabList>")," instances can be rendered."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Multiple TabList instances",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"By default, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"TabPanel")," renders an unstyled div. When more control is needed, an element type or component\ncan be specified with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Note that when combined with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},'render="active"')," prop, the entire tabpanel will be affected, including the actual polymorphic component/element passed into ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Polymorphism",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 3"))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=Template.bind({});mainDemo.storyName="Main demo",mainDemo.argTypes={selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},mainDemo.args={"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},mainDemo.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}},controls:{exclude:["children"]}});var themedVariant=Template.bind({});themedVariant.storyName="Themed variant",themedVariant.args={"aria-label":"Tabs with themed variant style",variant:"themed"},themedVariant.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}}});var usingTheTabAwareSlotComponent=function usingTheTabAwareSlotComponent(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,null,(function(_ref4){var selectedId=_ref4.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))))};usingTheTabAwareSlotComponent.displayName="usingTheTabAwareSlotComponent",usingTheTabAwareSlotComponent.storyName="Using the TabAwareSlot component",usingTheTabAwareSlotComponent.parameters=Object.assign({storySource:{source:'<Tabs>\n            <Columns>\n                <Column width="content">\n                    <TabList aria-label="TabAwareSlot example tabs">\n                        <Tab id="tab1">Tab 1</Tab>\n                        <Tab id="tab2">Tab 2</Tab>\n                        <Tab id="tab3">Tab 3</Tab>\n                    </TabList>\n                </Column>\n                <Column>\n                    <TabAwareSlot>\n                        {({\n          selectedId\n        }) => <Box height="full" display="flex" alignItems="center" justifyContent="flexEnd">\n                                <Text>Currently showing the {selectedId} tab</Text>\n                            </Box>}\n                    </TabAwareSlot>\n                </Column>\n            </Columns>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var multipleTabListInstances=function multipleTabListInstances(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")))};multipleTabListInstances.displayName="multipleTabListInstances",multipleTabListInstances.storyName="Multiple TabList instances",multipleTabListInstances.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n            <TabList aria-hidden>\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var polymorphism=function polymorphism(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 3")))};polymorphism.displayName="polymorphism",polymorphism.storyName="Polymorphism",polymorphism.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1" as={Box} paddingX="small" paddingY="xlarge" render="active">\n                <Text>Content of tab 1</Text>\n            </TabPanel>\n            <TabPanel id="tab2" as="section" render="active">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3" as={Columns} paddingX="small" paddingY="xlarge" render="active">\n                <Column>Column 1</Column>\n                <Column>Column 2</Column>\n                <Column>Column 3</Column>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Tabs",parameters:{badges:["accessible"]},component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,includeStories:["mainDemo","themedVariant","usingTheTabAwareSlotComponent","multipleTabListInstances","polymorphism"]},mdxStoryNameToKey={"Main demo":"mainDemo","Themed variant":"themedVariant","Using the TabAwareSlot component":"usingTheTabAwareSlotComponent","Multiple TabList instances":"multipleTabListInstances",Polymorphism:"polymorphism"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/tabs/tabs.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return Tabs})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab})),__webpack_require__.d(__webpack_exports__,"c",(function(){return TabList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return TabPanel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return TabAwareSlot}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),ariakit_tab__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-state.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/ariakit/esm/tab/tab.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-list.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-panel.js"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/utils/polymorphism.ts"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/tabs/tabs.module.css"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__),_box__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","id","exceptionallySetClassName"],_excluded2=["children","space"],_excluded3=["children","id","as","render"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TabsContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext(null);function Tabs(_ref){var children=_ref.children,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,onSelectedIdChange=_ref.onSelectedIdChange,tabState=Object(ariakit_tab__WEBPACK_IMPORTED_MODULE_16__.a)({selectedId:selectedId,setSelectedId:onSelectedIdChange}),previousDefaultSelectedId=Object(_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__.a)(defaultSelectedId),actualSelectedId=tabState.selectedId,select=tabState.select;react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function selectDefaultTab(){selectedId||defaultSelectedId===previousDefaultSelectedId||defaultSelectedId===actualSelectedId||void 0===defaultSelectedId||select(defaultSelectedId)}),[selectedId,defaultSelectedId,actualSelectedId,select,previousDefaultSelectedId]);var memoizedTabState=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function memoizeTabState(){return{tabState:tabState,variant:variant}}),[variant,tabState]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TabsContext.Provider,{value:memoizedTabState,children:children})}Tabs.displayName="Tabs";var Tab=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function Tab(_ref2,ref){var as=_ref2.as,children=_ref2.children,id=_ref2.id,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var variant=tabContextValue.variant,tabState=tabContextValue.tabState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_17__.a,Object.assign({},props,{as:as,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(exceptionallySetClassName,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.tab,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["tab-"+variant]),id:id,state:tabState,ref:ref,children:children}))}));function TabList(_ref3){var children=_ref3.children,_ref3$space=_ref3.space,space=void 0===_ref3$space?"xsmall":_ref3$space,props=_objectWithoutProperties(_ref3,_excluded2),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var tabState=tabContextValue.tabState,variant=tabContextValue.variant;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_tab__WEBPACK_IMPORTED_MODULE_18__.a,Object.assign({state:tabState,as:_box__WEBPACK_IMPORTED_MODULE_24__.a,position:"relative",width:"maxContent"},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.track,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+space],_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+variant])}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:space,children:children})]}))})}TabList.displayName="TabList";var TabPanel=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function TabPanel(_ref4,ref){var children=_ref4.children,id=_ref4.id,as=_ref4.as,_ref4$render=_ref4.render,render=void 0===_ref4$render?"always":_ref4$render,props=_objectWithoutProperties(_ref4,_excluded3),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext),_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),tabRendered=_React$useState2[0],setTabRendered=_React$useState2[1],tabIsActive=(null==tabContextValue?void 0:tabContextValue.tabState.selectedId)===id;if(react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function trackTabRenderedState(){!tabRendered&&tabIsActive&&setTabRendered(!0)}),[tabRendered,tabIsActive]),!tabContextValue)return null;var tabState=tabContextValue.tabState;return"always"===render||"active"===render&&tabIsActive||"lazy"===render&&(tabIsActive||tabRendered)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({tabId:id},props,{state:tabState,as:as,ref:ref,children:children})):null}));function TabAwareSlot(_ref5){var children=_ref5.children,tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);return tabContextValue?children({selectedId:null==tabContextValue?void 0:tabContextValue.tabState.selectedId}):null}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>` components",name:"children",required:!0,type:{name:"ReactNode"}},variant:{defaultValue:{value:"neutral"},description:"Determines the look and feel of the tabs.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"themed"'}]}},selectedId:{defaultValue:null,description:"The id of the selected tab. Assigning a value makes this a\ncontrolled component",name:"selectedId",required:!1,type:{name:"string | null | undefined"}},defaultSelectedId:{defaultValue:null,description:"The tab to initially select. This can be used if the component should not\nbe a controlled component but needs to have a tab selected",name:"defaultSelectedId",required:!1,type:{name:"string | null | undefined"}},onSelectedIdChange:{defaultValue:null,description:"Called with the tab id when a tab is selected",name:"onSelectedIdChange",required:!1,type:{name:"((selectedId: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/new-components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{TabList.displayName="TabList",TabList.__docgenInfo={description:"A component used to group `<Tab>` elements together.",displayName:"TabList",props:{"aria-label":{defaultValue:null,description:"Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted.",name:"aria-label",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"A list of `<Tab>` elements",name:"children",required:!0,type:{name:"ReactNode"}},space:{defaultValue:{value:"xsmall"},description:"Controls the spacing between tabs",name:"space",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},"aria-labelledby":{defaultValue:null,description:"One or more element IDs used to label the tab list for assistive technologies. Required if\n`aria-label` is omitted.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-hidden":{defaultValue:null,description:"For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden",name:"aria-hidden",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/new-components/tabs/tabs.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}try{TabAwareSlot.displayName="TabAwareSlot",TabAwareSlot.__docgenInfo={description:"Allows content to be rendered based on the current tab being selected while outside of the TabPanel\ncomponent. Can be placed freely within the main `<Tabs>` component.",displayName:"TabAwareSlot",props:{children:{defaultValue:null,description:"Render prop used to provide the content to be rendered inside the slot. The render prop will be\ncalled with the current `selectedId`",name:"children",required:!0,type:{name:"(provided: { selectedId?: string | null | undefined; }) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabAwareSlot"]={docgenInfo:TabAwareSlot.__docgenInfo,name:"TabAwareSlot",path:"src/new-components/tabs/tabs.tsx#TabAwareSlot"})}catch(__react_docgen_typescript_loader_error){}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.",displayName:"Tab",props:{children:{defaultValue:null,description:"The content to render inside of the tab button",name:"children",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tab's identifier. This must match its corresponding `<TabPanel>`'s id",name:"id",required:!0,type:{name:"string"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/new-components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The content to be rendered inside the tab",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tabPanel's identifier. This must match its corresponding `<Tab>`'s id",name:"id",required:!0,type:{name:"string"}},render:{defaultValue:null,description:"By default, the tab panel's content is always rendered even when they are not active. This behaviour can be changed to\n'active', which renders only when the tab is active, and 'lazy', meaning while inactive tab panels will not be rendered\ninitially, they will remain mounted once they are active until the entire Tabs tree is unmounted.",name:"render",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"always"'},{value:'"active"'},{value:'"lazy"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/new-components/tabs/tabs.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-area/text-area.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return text_area_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return text_area_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return text_area_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_area_module=__webpack_require__("./src/new-components/text-area/text-area.module.css"),text_area_module_default=__webpack_require__.n(text_area_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function TextArea(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,hidden:hidden,"aria-describedby":ariaDescribedBy,className:[text_area_module_default.a.textAreaContainer,"error"===tone?text_area_module_default.a.error:null,"bordered"===variant?text_area_module_default.a.bordered:null],maxWidth:maxWidth,children:function children(extraProps){return Object(jsx_runtime.jsx)(box.a,{width:"full",display:"flex",children:Object(jsx_runtime.jsx)("textarea",Object.assign({},props,extraProps))})}})}TextArea.displayName="TextArea";try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/new-components/text-area/text-area.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var text_area_stories_excluded=["label","auxiliaryLabel"];function text_area_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function text_area_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/TextArea",component:TextArea,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var text_area_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=text_area_stories_objectWithoutProperties(_ref,text_area_stories_excluded);return Object(jsx_runtime.jsx)(TextArea,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"User bio"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"You’ll have a better experience in our community if others get to know a little bit about you."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Tell us something about yourself. Don’t be shy."},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge","full"],"small")};var text_area_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Saving changes…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Too short. Don't be shy, tell us a bit more.",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Changes saved successfully!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};text_area_stories_MessageToneStory.displayName="MessageToneStory";var text_area_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(TextArea,{label:null,id:"custom-textarea","aria-describedby":"custom-description",rows:8}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the textarea accessibility properties if you are curious)"})})]})]})};text_area_stories_WithoutLabelStory.displayName="WithoutLabelStory",text_area_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextArea>) {\n    return (\n        <TextArea\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},text_area_stories_InteractivePropsStory.parameters),text_area_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextArea\n                label="Profile bio"\n                message="Saving changes…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Too short. Don\'t be shy, tell us a bit more."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Changes saved successfully!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},text_area_stories_MessageToneStory.parameters),text_area_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <TextArea\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                rows={8}\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the textarea accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},text_area_stories_WithoutLabelStory.parameters);try{text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"]={docgenInfo:text_area_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-field/text-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text/text.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text-field/text-field.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/TextField",component:___WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Your name"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"We need your name for billing and shipping purposes. Make sure to enter it correctly."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Enter your name as it appears in your ID"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Verifying code…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Invalid code. Please, try again.",tone:"error",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Code verification successful!",tone:"success",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the input element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Text field without a built-in label"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextField>) {\n    return (\n        <TextField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextField\n                label="Verification code"\n                message="Verifying code…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Invalid code. Please, try again."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Code verification successful!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the input element)</em>\n                </Text>\n            </Stack>\n            <TextField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Text field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text-field/text-field.module.css"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","type","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TextField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function TextField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.inputWrapper,"error"===tone?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input",Object.assign({},props,extraProps,{type:type,ref:ref}))})}})}));try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"src/new-components/text-field/text-field.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text/text.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveTextStory",(function(){return ResponsiveTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return TextPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/text/text.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Text",component:_text__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var TextStory=function TextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"regular",children:"Subtitle Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"secondary",children:"Subtitle Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"danger",children:"Subtitle Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"positive",children:"Subtitle Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"semibold",children:"Subtitle Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"bold",children:"Subtitle Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"regular",children:"Body Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"secondary",children:"Body Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"danger",children:"Body Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"positive",children:"Body Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"semibold",children:"Body Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"bold",children:"Body Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"regular",children:"Copy Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"secondary",children:"Copy Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"danger",children:"Copy Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"positive",children:"Copy Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"semibold",children:"Copy Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"bold",children:"Copy Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"regular",children:"Caption Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"secondary",children:"Caption Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"danger",children:"Caption Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"positive",children:"Caption Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"semibold",children:"Caption Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"bold",children:"Caption Bold"})]})})};TextStory.displayName="TextStory";var TruncatedTextStory=function TruncatedTextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:1,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:4,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."})]})})};TruncatedTextStory.displayName="TruncatedTextStory";var ResponsiveTextStory=function ResponsiveTextStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveTextStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}};var TextPlaygroundStory=function TextPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}},TextStory.parameters=Object.assign({storySource:{source:'function TextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text size="subtitle" weight="regular">\n                    Subtitle Regular\n                </Text>\n                <Text size="subtitle" tone="secondary">\n                    Subtitle Secondary\n                </Text>\n                <Text size="subtitle" tone="danger">\n                    Subtitle Danger\n                </Text>\n                <Text size="subtitle" tone="positive">\n                    Subtitle Positive\n                </Text>\n                <Text size="subtitle" weight="semibold">\n                    Subtitle Semibold\n                </Text>\n                <Text size="subtitle" weight="bold">\n                    Subtitle Bold\n                </Text>\n\n                <Text size="body" weight="regular">\n                    Body Regular\n                </Text>\n                <Text size="body" tone="secondary">\n                    Body Secondary\n                </Text>\n                <Text size="body" tone="danger">\n                    Body Danger\n                </Text>\n                <Text size="body" tone="positive">\n                    Body Positive\n                </Text>\n                <Text size="body" weight="semibold">\n                    Body Semibold\n                </Text>\n                <Text size="body" weight="bold">\n                    Body Bold\n                </Text>\n\n                <Text size="copy" weight="regular">\n                    Copy Regular\n                </Text>\n                <Text size="copy" tone="secondary">\n                    Copy Secondary\n                </Text>\n                <Text size="copy" tone="danger">\n                    Copy Danger\n                </Text>\n                <Text size="copy" tone="positive">\n                    Copy Positive\n                </Text>\n                <Text size="copy" weight="semibold">\n                    Copy Semibold\n                </Text>\n                <Text size="copy" weight="bold">\n                    Copy Bold\n                </Text>\n\n                <Text size="caption" weight="regular">\n                    Caption Regular\n                </Text>\n                <Text size="caption" tone="secondary">\n                    Caption Secondary\n                </Text>\n                <Text size="caption" tone="danger">\n                    Caption Danger\n                </Text>\n                <Text size="caption" tone="positive">\n                    Caption Positive\n                </Text>\n                <Text size="caption" weight="semibold">\n                    Caption Semibold\n                </Text>\n                <Text size="caption" weight="bold">\n                    Caption Bold\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TextStory.parameters),TruncatedTextStory.parameters=Object.assign({storySource:{source:'function TruncatedTextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text lineClamp={1}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n\n                <Text lineClamp={4}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TruncatedTextStory.parameters),ResponsiveTextStory.parameters=Object.assign({storySource:{source:"function ResponsiveTextStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Text {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveTextStory.parameters),TextPlaygroundStory.parameters=Object.assign({storySource:{source:'function TextPlaygroundStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <section className="story playground">\n            <Text {...props} />\n        </section>\n    )\n}'}},TextPlaygroundStory.parameters);try{ResponsiveTextStory.displayName="ResponsiveTextStory",ResponsiveTextStory.__docgenInfo={description:"",displayName:"ResponsiveTextStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#ResponsiveTextStory"]={docgenInfo:ResponsiveTextStory.__docgenInfo,name:"ResponsiveTextStory",path:"src/new-components/text/text.stories.tsx#ResponsiveTextStory"})}catch(__react_docgen_typescript_loader_error){}try{TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Text}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utils/polymorphism.ts"),_text_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/text/text.module.css"),_text_module_css__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_text_module_css__WEBPACK_IMPORTED_MODULE_12__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__.a)((function Text(_ref,ref){var as=_ref.as,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,align=_ref.align,children=_ref.children,lineClamp=_ref.lineClamp,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),lineClampMultipleLines="string"==typeof lineClamp?Number(lineClamp)>1:(null!=lineClamp?lineClamp:1)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{as:as,className:[exceptionallySetClassName,_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.text,"body"!==size?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"size",size):null,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"tone",tone):null,lineClampMultipleLines?_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,ref:ref,children:children}))}))},"./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/toast/toast.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NotificationToastsStory",(function(){return toast_stories_NotificationToastsStory})),__webpack_require__.d(__webpack_exports__,"StaticToastStory",(function(){return toast_stories_StaticToastStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),checkbox_field=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),close_icon=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/new-components/icons/close-icon.tsx")),text_text=__webpack_require__("./src/new-components/text/text.tsx"),toast_module=__webpack_require__("./src/new-components/toast/toast.module.css"),toast_module_default=__webpack_require__.n(toast_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["message","description","icon","action","onDismiss","dismissLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StaticToast=react_default.a.forwardRef((function Toast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,onDismiss=_ref.onDismiss,_ref$dismissLabel=_ref.dismissLabel,dismissLabel=void 0===_ref$dismissLabel?"Close":_ref$dismissLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)(box.a,Object.assign({ref:ref,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:toast_module_default.a.toastContainer},props,{children:[icon?Object(jsx_runtime.jsx)(ToastContentSlot,{children:icon}):null,Object(jsx_runtime.jsx)(box.a,{flexGrow:1,maxWidth:"small",children:description?Object(jsx_runtime.jsxs)(stack.a,{space:"small",children:[Object(jsx_runtime.jsxs)(text_text.a,{weight:"bold",children:[message," "]}),Object(jsx_runtime.jsx)(text_text.a,{children:description})]}):Object(jsx_runtime.jsx)(text_text.a,{children:message})}),action?Object(jsx_runtime.jsx)(ToastContentSlot,{children:isActionObject(action)?Object(jsx_runtime.jsx)(button_button.a,{variant:"tertiary",size:"small",onClick:action.onClick,children:action.label}):action}):null,onDismiss?Object(jsx_runtime.jsx)(ToastContentSlot,{children:Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",size:"small",onClick:onDismiss,"aria-label":dismissLabel,icon:Object(jsx_runtime.jsx)(close_icon.a,{})})}):null]}))}));function isActionObject(action){return null!=action&&"object"==typeof action&&"label"in action&&"onClick"in action&&"string"==typeof action.label&&"function"==typeof action.onClick}function ToastContentSlot(_ref2){var children=_ref2.children;return Object(jsx_runtime.jsx)(box.a,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:toast_module_default.a.slot,children:children})}ToastContentSlot.displayName="ToastContentSlot";try{StaticToast.displayName="StaticToast",StaticToast.__docgenInfo={description:"A toast that shows a message, and an optional action associated with it.\n\nThis component is generally not meant to be used directly. Most of the time you'll want to use\ntoasts generated via `useToasts` instead. However, this component is available in case you need\nto take control of rendering a toast under different circumstances than that of notification-like\nfloating toasts.\n\nThis component makes no assumptions outwardly about how it is positioned on the screen. That is,\nit will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\nprovides the toast look and feel, but you are responsible for positioning it as you want.",displayName:"StaticToast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:{value:"Close"},description:"The label for the button that dismisses the toast.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/static-toast.tsx#StaticToast"]={docgenInfo:StaticToast.__docgenInfo,name:"StaticToast",path:"src/new-components/toast/static-toast.tsx#StaticToast"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts");__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function animate(_ref){var element=_ref.element,transforms=_ref.transforms,transition=_ref.transition,done=_ref.done,fallbackTimeout=setTimeout((function(){null==done||done()}),400);transforms.forEach((function(_ref2){var property=_ref2.property,_ref2$from=_ref2.from,from=void 0===_ref2$from?"":_ref2$from;element.style.setProperty(property,from)})),element.style.setProperty("transition",""),element.addEventListener("transitionend",(function transitionEndHandler(event){event.target===element&&(element.style.setProperty("transition",""),null==done||done(),element.removeEventListener("transitionend",transitionEndHandler),clearTimeout(fallbackTimeout))})),window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){element.style.setProperty("transition",transition),transforms.forEach((function(_ref3){var property=_ref3.property,_ref3$to=_ref3.to,to=void 0===_ref3$to?"":_ref3$to;element.style.setProperty(property,to)}))}))}))}var use_toasts_excluded=["toastId"];function use_toasts_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function use_toasts_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return use_toasts_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||use_toasts_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_slicedToArray(arr,i){return function use_toasts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function use_toasts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||use_toasts_unsupportedIterableToArray(arr,i)||function use_toasts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return use_toasts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?use_toasts_arrayLikeToArray(o,minLen):void 0}}function use_toasts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var use_toasts_InternalToast=react_default.a.forwardRef((function InternalToast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,autoDismissDelay=_ref.autoDismissDelay,dismissLabel=_ref.dismissLabel,_ref$showDismissButto=_ref.showDismissButton,showDismissButton=void 0===_ref$showDismissButto||_ref$showDismissButto,toastId=_ref.toastId,onDismiss=_ref.onDismiss,onRemoveToast=_ref.onRemoveToast,_React$useState2=use_toasts_slicedToArray(react_default.a.useState(Boolean(autoDismissDelay)),2),timeoutRunning=_React$useState2[0],setTimeoutRunning=_React$useState2[1],timeoutRef=react_default.a.useRef(),startTimeout=react_default.a.useCallback((function startTimeout(){setTimeoutRunning(!0)}),[]),stopTimeout=react_default.a.useCallback((function stopTimeout(){setTimeoutRunning(!1),clearTimeout(timeoutRef.current),timeoutRef.current=void 0}),[]);return react_default.a.useEffect((function setupAutoDismiss(){if(timeoutRunning&&autoDismissDelay)return timeoutRef.current=window.setTimeout((function(){onRemoveToast(toastId),null==onDismiss||onDismiss()}),1e3*autoDismissDelay),stopTimeout}),[autoDismissDelay,onDismiss,onRemoveToast,toastId,stopTimeout,timeoutRunning]),Object(jsx_runtime.jsx)(StaticToast,{ref:ref,message:message,description:description,icon:icon,action:action,onDismiss:showDismissButton?function(){null==onDismiss||onDismiss(),onRemoveToast(toastId)}:void 0,dismissLabel:dismissLabel,onMouseEnter:stopTimeout,onMouseLeave:startTimeout})})),ToastsContext=react_default.a.createContext((function(){return function(){}}));function ToastsProvider(_ref2){var children=_ref2.children,_ref2$padding=_ref2.padding,padding=void 0===_ref2$padding?"large":_ref2$padding,_ref2$defaultAutoDism=_ref2.defaultAutoDismissDelay,defaultAutoDismissDelay=void 0===_ref2$defaultAutoDism?10:_ref2$defaultAutoDism,_ref2$defaultDismissL=_ref2.defaultDismissLabel,defaultDismissLabel=void 0===_ref2$defaultDismissL?"Close":_ref2$defaultDismissL,_React$useState4=use_toasts_slicedToArray(react_default.a.useState([]),2),toasts=_React$useState4[0],setToasts=_React$useState4[1],_useToastsAnimation=function useToastsAnimation(){var refs=Object(react.useMemo)((function(){return new Map}),[]),positions=Object(react.useMemo)((function(){return new Map}),[]);Object(react.useLayoutEffect)((function(){var animations=[];Array.from(refs.entries()).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),id=_ref5[0],element=_ref5[1];if(element){var prevTop=positions.get(id),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height;"number"==typeof prevTop&&prevTop!==top?animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+(prevTop-top)+"px)"}]}):"number"!=typeof prevTop&&animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+height+"px)"},{property:"opacity",from:"0"}]}),positions.set(id,element.getBoundingClientRect().top)}else refs.delete(id)})),animations.forEach((function(_ref6){animate({element:_ref6.element,transforms:_ref6.transforms,transition:_ref6.transition})}))}));var animateRemove=Object(react.useCallback)((function animateRemove(id,onAnimationDone){var element=refs.get(id);element&&animate({element:element,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:onAnimationDone})}),[refs]);return{mappedRef:Object(react.useCallback)((function(id){return function(ref){refs.set(id,ref)}}),[refs]),animateRemove:animateRemove}}(),mappedRef=_useToastsAnimation.mappedRef,animateRemove=_useToastsAnimation.animateRemove,removeToast=react_default.a.useCallback((function onRemoveToast(toastId){animateRemove(toastId,(function(){setToasts((function(list){var index=list.findIndex((function(n){return n.toastId===toastId}));if(index<0)return list;var copy=_toConsumableArray(list);return copy.splice(index,1),copy}))}))}),[animateRemove]),showToast=react_default.a.useCallback((function showToast(props){var toastId=Object(common_helpers.a)("toast"),newToast=Object.assign({autoDismissDelay:defaultAutoDismissDelay,dismissLabel:defaultDismissLabel},props,{toastId:toastId});return setToasts((function(list){return[].concat(_toConsumableArray(list),[newToast])})),function(){return removeToast(toastId)}}),[defaultAutoDismissDelay,defaultDismissLabel,removeToast]);return Object(jsx_runtime.jsxs)(ToastsContext.Provider,{value:showToast,children:[children,Object(jsx_runtime.jsx)(portal.a,{children:0===toasts.length?null:Object(jsx_runtime.jsx)(box.a,{className:toast_module_default.a.stackedToastsView,position:"fixed",width:"full",paddingX:padding,paddingBottom:padding,children:Object(jsx_runtime.jsx)(stack.a,{space:"medium",children:toasts.map((function(_ref3){var toastId=_ref3.toastId,props=use_toasts_objectWithoutProperties(_ref3,use_toasts_excluded);return Object(jsx_runtime.jsx)(use_toasts_InternalToast,Object.assign({ref:mappedRef(toastId),toastId:toastId,onRemoveToast:removeToast},props),toastId)}))})})})]})}function useToasts(){return react_default.a.useContext(ToastsContext)}function use_toasts_Toast(props){var showToast=useToasts(),propsRef=react_default.a.useRef(props);return react_default.a.useEffect((function(){return showToast(propsRef.current)}),[showToast]),null}ToastsProvider.displayName="ToastsProvider";try{use_toasts_Toast.displayName="Toast",use_toasts_Toast.__docgenInfo={description:'Adds a toast to be rendered, stacked alongside any other currently active toasts.\n\nFor most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\nThis component is provided for convenience to render toasts in the markup, but it has some\npeculiarities, which are discussed below.\n\nInternally, this calls `showToast`. It is provided for two reasons:\n\n1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n   toasts rendered in this way will be removed from view when the context where it is rendered\n   is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n   by the user or after a delay. They\'ll still be animated on their way out, though.\n2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n   `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when\n   the component ceases to be rendered).\n\nThis is useful for cases when the consumer wants to control when a toast is visible, and to keep\nit visible based on an app-specific condition.\n\nSomething important to note about this component is that it triggers the toast based on the props\npassed when first rendered, and it does not update the toast if these props change on subsequent\nrenders. In this sense, this is an imperative component, more than a descriptive one. This is\ndone to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\ntoast imperatively, and you loose control over it. It remains rendered according to the props you\nfirst passed.',displayName:"Toast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:null,description:"The label for the button that dismisses the toast.\nThe label for the button that dismisses the toast.\n\nIt defaults to the value set in the ToastsProvider, but individual toasts can have a\ndifferent value if needed.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}},autoDismissDelay:{defaultValue:null,description:"The number of seconds the toast is expected to be shown before it is dismissed automatically,\nor false to disable auto-dismiss.\n\nIt defaults to whatever is the autoDismissDelay set in the ToastsProvider.",name:"autoDismissDelay",required:!1,type:{name:"number | false | undefined"}},showDismissButton:{defaultValue:{value:"true"},description:"Whether to show the dismiss button or not.\n\nUse this value with care. If combined with disabling `autoDismissDelay`, it may leave you\nwith toasts that the user won't be able to dismiss at will. It then is your responsibility to\ndismiss the toast by calling the function returned by `showToast`.",name:"showDismissButton",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#Toast"]={docgenInfo:use_toasts_Toast.__docgenInfo,name:"Toast",path:"src/new-components/toast/use-toasts.tsx#Toast"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProvider.displayName="ToastsProvider",ToastsProvider.__docgenInfo={description:"Provides the state management and rendering of the toasts currently active.\n\nYou need to render this near the top of your app components tree, in order to `useToasts`.",displayName:"ToastsProvider",props:{defaultDismissLabel:{defaultValue:{value:"Close"},description:"The default label to apply to toast dismiss buttons.\n\nThis is useful in environments that need locatization, so you do not need to pass the same\ntranslated label every time you trigger a toast.\n\nHowever, you can still apply a different label to a specific toast, by passing a different\nvalue when calling showToast.",name:"defaultDismissLabel",required:!1,type:{name:"string | undefined"}},defaultAutoDismissDelay:{defaultValue:{value:"10"},description:"The default number of seconds after which the toast will be dismissed automatically.\n\nYou can pass a different value to a specific toast when calling `showToast`. You can even\npass `false` if you want a certain toast to never be dismissed automatically.",name:"defaultAutoDismissDelay",required:!1,type:{name:"number | undefined"}},padding:{defaultValue:{value:"large"},description:"The padding used to separate the toasts from the viewport borders.",name:"padding",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},children:{defaultValue:null,description:"The app wrapped by the provider.",name:"children",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProvider"]={docgenInfo:ToastsProvider.__docgenInfo,name:"ToastsProvider",path:"src/new-components/toast/use-toasts.tsx#ToastsProvider"})}catch(__react_docgen_typescript_loader_error){}try{useToasts.displayName="useToasts",useToasts.__docgenInfo={description:"Provides a function `showToast` that shows a new toast every time you call it.\n\n```jsx\nconst showToast = useToasts()\n\n<button onClick={() => showToast({ message: 'Hello' })}>\n  Say hello\n</button>\n```\n\nAll toasts fired via this function are rendered in a global fixed location, and stacked one on\ntop of the other.\n\nWhen called, `showToast` returns a function that dismisses the toast when called.",displayName:"useToasts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#useToasts"]={docgenInfo:useToasts.__docgenInfo,name:"useToasts",path:"src/new-components/toast/use-toasts.tsx#useToasts"})}catch(__react_docgen_typescript_loader_error){}try{ToastProps.displayName="ToastProps",ToastProps.__docgenInfo={description:"The props needed to fire up a new notification toast.",displayName:"ToastProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastProps"]={docgenInfo:ToastProps.__docgenInfo,name:"ToastProps",path:"src/new-components/toast/use-toasts.tsx#ToastProps"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProviderProps.displayName="ToastsProviderProps",ToastsProviderProps.__docgenInfo={description:"The props needed by the ToastsProvider component.",displayName:"ToastsProviderProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProviderProps"]={docgenInfo:ToastsProviderProps.__docgenInfo,name:"ToastsProviderProps",path:"src/new-components/toast/use-toasts.tsx#ToastsProviderProps"})}catch(__react_docgen_typescript_loader_error){}function toast_stories_slicedToArray(arr,i){return function toast_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function toast_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function toast_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return toast_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return toast_stories_arrayLikeToArray(o,minLen)}(arr,i)||function toast_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function toast_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Design system/Toast",parameters:{badges:["accessible"],layout:"fullscreen"},decorators:[function(Story){return Object(jsx_runtime.jsx)(ToastsProvider,{children:Object(jsx_runtime.jsx)(Story,{})})}]};var toast_stories_message=["Task was successfully deleted","Message was sent","Someone invited you to collaborate on a project","The project could not be deleted because there are other members collaborating on it","Your invitation could not be sent. Please try again.","There was an error trying to delete the channel. Please, try again.","An unknown error happened. If the issue persist, contact our support team."],actions=["Undo","Retry","Details"];function getRandom(list){return list[Math.floor(Math.random()*list.length)]}var toast_stories_NotificationToastsStory=function NotificationToastsStory(){var showToast=useToasts(),count=react.useRef(0),_React$useState2=toast_stories_slicedToArray(react.useState(!1),2),showSticky=_React$useState2[0],setShowSticky=_React$useState2[1];return Object(jsx_runtime.jsxs)(box.a,{padding:"large",children:[Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"useToast"})," hook to fire notification-like toasts."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return showToast({message:count.current+++": "+getRandom(toast_stories_message)})},children:"Show toast"}),Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){var actionLabel=getRandom(actions);showToast({message:count.current+++": "+getRandom(toast_stories_message),action:{label:actionLabel,onClick:Object(esm.action)(actionLabel)}})},children:"Show toast with action"})]})}),Object(jsx_runtime.jsx)(switch_field.a,{label:"Show sticky toast?",checked:showSticky,onChange:function onChange(event){return setShowSticky(event.target.checked)},hint:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Using the ",Object(jsx_runtime.jsx)("code",{children:"<Toast/>"})," component, you can achieve having a toast that remains in view, and you control when it goes away."]})})]}),showSticky?Object(jsx_runtime.jsx)(use_toasts_Toast,{message:"This is a sticky toast",showDismissButton:!1,autoDismissDelay:!1}):null]})};toast_stories_NotificationToastsStory.displayName="NotificationToastsStory";var toast_stories_StaticToastStory=function StaticToastStory(){var _React$useState4=toast_stories_slicedToArray(react.useState(!1),2),showIcon=_React$useState4[0],setShowIcon=_React$useState4[1],_React$useState6=toast_stories_slicedToArray(react.useState(!1),2),showDismiss=_React$useState6[0],setShowDismiss=_React$useState6[1],_React$useState8=toast_stories_slicedToArray(react.useState("none"),2),actionVariant=_React$useState8[0],setActionVariant=_React$useState8[1],onClick=Object(esm.action)("Toast action"),action="default"===actionVariant?{label:"Accept invitation",onClick:onClick}:"loading"===actionVariant?Object(jsx_runtime.jsx)(spinner.a,{size:16}):"icon-button"===actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",icon:Object(jsx_runtime.jsx)(password_visible_icon.a,{}),"aria-label":"Done",size:"small",onClick:onClick}):"none"!==actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:actionVariant,onClick:onClick,children:"Accept invitation"}):void 0,commonProps={icon:showIcon?Object(jsx_runtime.jsx)(alert_icon.a,{tone:"info"}):void 0,onDismiss:showDismiss?function(){}:void 0,action:action};return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",padding:"large",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Statically-rendered toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"StaticToast"})," component to render a toast in custom positions."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show icon?",checked:showIcon,onChange:function onChange(event){return setShowIcon(event.target.checked)}}),Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show dismiss button?",checked:showDismiss,onChange:function onChange(event){return setShowDismiss(event.target.checked)}})]})}),Object(jsx_runtime.jsxs)(select_field.a,{label:"Action button variant",value:actionVariant,onChange:function onChange(event){setActionVariant(event.target.value)},maxWidth:"xsmall",children:[Object(jsx_runtime.jsx)("option",{value:"none",children:"none"}),Object(jsx_runtime.jsx)("option",{value:"default",children:"default"}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom button",children:[Object(jsx_runtime.jsx)("option",{value:"primary",children:"primary"}),Object(jsx_runtime.jsx)("option",{value:"secondary",children:"secondary"}),Object(jsx_runtime.jsx)("option",{value:"tertiary",children:"tertiary"}),Object(jsx_runtime.jsx)("option",{value:"quaternary",children:"quaternary"})]}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom element",children:[Object(jsx_runtime.jsx)("option",{value:"icon-button",children:"icon-button"}),Object(jsx_runtime.jsx)("option",{value:"loading",children:"loading"})]})]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message only"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project"},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message and description"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project",description:"You need to accept the invitation in order to collaborate."},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Very long content"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"The project you were invited to could not be loaded into your workspace at this time",description:"Please, try to access the project again in a few minutes. If the problem persists, contact our support team"},commonProps))]})]})};toast_stories_StaticToastStory.displayName="StaticToastStory",toast_stories_NotificationToastsStory.parameters=Object.assign({storySource:{source:'function NotificationToastsStory() {\n    const showToast = useToasts()\n    const count = React.useRef(0)\n    const [showSticky, setShowSticky] = React.useState(false)\n    return (\n        <Box padding="large">\n            <Stack space="xlarge">\n                <Heading level={1} size="larger">\n                    Toasts\n                </Heading>\n                <Text>\n                    Use the <code>useToast</code> hook to fire notification-like toasts.\n                </Text>\n                <Box>\n                    <Inline space="large">\n                        <Button\n                            variant="primary"\n                            onClick={() =>\n                                showToast({ message: `${count.current++}: ${getRandom(message)}` })\n                            }\n                        >\n                            Show toast\n                        </Button>\n                        <Button\n                            variant="primary"\n                            onClick={() => {\n                                const actionLabel = getRandom(actions)\n                                showToast({\n                                    message: `${count.current++}: ${getRandom(message)}`,\n                                    action: {\n                                        label: actionLabel,\n                                        onClick: storybookAction(actionLabel),\n                                    },\n                                })\n                            }}\n                        >\n                            Show toast with action\n                        </Button>\n                    </Inline>\n                </Box>\n                <SwitchField\n                    label="Show sticky toast?"\n                    checked={showSticky}\n                    onChange={(event) => setShowSticky(event.target.checked)}\n                    hint={\n                        <>\n                            Using the <code>&lt;Toast/&gt;</code> component, you can achieve having\n                            a toast that remains in view, and you control when it goes away.\n                        </>\n                    }\n                />\n            </Stack>\n            {showSticky ? (\n                <Toast\n                    message="This is a sticky toast"\n                    showDismissButton={false}\n                    autoDismissDelay={false}\n                />\n            ) : null}\n        </Box>\n    )\n}'}},toast_stories_NotificationToastsStory.parameters),toast_stories_StaticToastStory.parameters=Object.assign({storySource:{source:'function StaticToastStory() {\n    const [showIcon, setShowIcon] = React.useState(false)\n    const [showDismiss, setShowDismiss] = React.useState(false)\n    const [actionVariant, setActionVariant] = React.useState<\n        ButtonProps[\'variant\'] | \'default\' | \'loading\' | \'icon-button\' | \'none\'\n    >(\'none\')\n\n    const onClick = storybookAction(\'Toast action\')\n    const action: StaticToastProps[\'action\'] =\n        actionVariant === \'default\' ? (\n            { label: \'Accept invitation\', onClick }\n        ) : actionVariant === \'loading\' ? (\n            <Spinner size={16} />\n        ) : actionVariant === \'icon-button\' ? (\n            <Button\n                variant="quaternary"\n                icon={<PasswordVisibleIcon />}\n                aria-label="Done"\n                size="small"\n                onClick={onClick}\n            />\n        ) : actionVariant !== \'none\' ? (\n            <Button variant={actionVariant} onClick={onClick}>\n                Accept invitation\n            </Button>\n        ) : undefined\n\n    const commonProps = {\n        icon: showIcon ? <AlertIcon tone="info" /> : undefined,\n        onDismiss: showDismiss ? () => undefined : undefined,\n        action,\n    }\n\n    return (\n        <Stack space="xlarge" padding="large">\n            <Heading level={1} size="larger">\n                Statically-rendered toasts\n            </Heading>\n            <Text>\n                Use the <code>StaticToast</code> component to render a toast in custom positions.\n            </Text>\n            <Box>\n                <Inline space="large">\n                    <CheckboxField\n                        label="Show icon?"\n                        checked={showIcon}\n                        onChange={(event) => setShowIcon(event.target.checked)}\n                    />\n                    <CheckboxField\n                        label="Show dismiss button?"\n                        checked={showDismiss}\n                        onChange={(event) => setShowDismiss(event.target.checked)}\n                    />\n                </Inline>\n            </Box>\n            <SelectField\n                label="Action button variant"\n                value={actionVariant}\n                onChange={(event) => {\n                    // @ts-expect-error\n                    setActionVariant(event.target.value)\n                }}\n                maxWidth="xsmall"\n            >\n                <option value="none">none</option>\n                <option value="default">default</option>\n                <optgroup label="Custom button">\n                    <option value="primary">primary</option>\n                    <option value="secondary">secondary</option>\n                    <option value="tertiary">tertiary</option>\n                    <option value="quaternary">quaternary</option>\n                </optgroup>\n                <optgroup label="Custom element">\n                    <option value="icon-button">icon-button</option>\n                    <option value="loading">loading</option>\n                </optgroup>\n            </SelectField>\n\n            <Stack space="medium">\n                <Heading level="2">Message only</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Message and description</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    description="You need to accept the invitation in order to collaborate."\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Very long content</Heading>\n                <StaticToast\n                    message="The project you were invited to could not be loaded into your workspace at this time"\n                    description="Please, try to access the project again in a few minutes. If the problem persists, contact our support team"\n                    {...commonProps}\n                />\n            </Stack>\n        </Stack>\n    )\n}'}},toast_stories_StaticToastStory.parameters)},"./src/utils/polymorphism.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return polymorphicComponent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function polymorphicComponent(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}},"./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":"./stories/components/Avatar.stories.tsx","./components/ColorPicker.stories.tsx":"./stories/components/ColorPicker.stories.tsx","./components/Dropdown.stories.tsx":"./stories/components/Dropdown.stories.tsx","./components/Input.stories.tsx":"./stories/components/Input.stories.tsx","./components/KeyCapturer.stories.mdx":"./stories/components/KeyCapturer.stories.mdx","./components/KeyboardShortcut.stories.tsx":"./stories/components/KeyboardShortcut.stories.tsx","./components/Notification.stories.tsx":"./stories/components/Notification.stories.tsx","./components/ProgressBar.stories.tsx":"./stories/components/ProgressBar.stories.tsx","./components/Select.stories.tsx":"./stories/components/Select.stories.tsx","./components/Time.stories.tsx":"./stories/components/Time.stories.tsx","./components/Tooltip.stories.tsx":"./stories/components/Tooltip.stories.tsx","./components/color.stories.tsx":"./stories/components/color.stories.tsx","./reactist/Reactist.stories.mdx":"./stories/reactist/Reactist.stories.mdx","./reactist/nesting-vs-polymorphism.stories.mdx":"./stories/reactist/nesting-vs-polymorphism.stories.mdx","./reactist/simplified-nested-markup.stories.mdx":"./stories/reactist/simplified-nested-markup.stories.mdx","./reactist/single-child-stack-columns.stories.mdx":"./stories/reactist/single-child-stack-columns.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},"./stories/components/Avatar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/avatar_story.less"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/avatar/avatar.tsx"),_src__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/inline/inline.tsx"),_src__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Avatar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.withKnobs],component:_src__WEBPACK_IMPORTED_MODULE_5__.a};var exampleData=[{size:"xxs",user:{name:"Henning Mu",email:"henning@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xs",user:{name:"João Va",email:"joao@foo.com"},image:"https://loremflickr.com/320/320"},{size:"s",user:{name:"Amir Sa",email:"amir@foo.com"},image:"https://loremflickr.com/320/320"},{size:"m",user:{name:"Alex Mu",email:"alex@foo.com"},image:"https://loremflickr.com/320/320"},{size:"l",user:{name:"Julia",email:"julia@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xl",user:{name:"Janusz Gr",email:"janusz@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxl",user:{name:"Jaime Az",email:"jaime@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxxl",user:{name:"Igor Kh",email:"igor@foo.com"},image:"https://loremflickr.com/320/320"}],InitialsAvatarStory=function InitialsAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user},index)}))})};InitialsAvatarStory.displayName="InitialsAvatarStory";var CustomColorAvatarStory=function CustomColorAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{colorList:["palevioletred","palegoldenrod","palegreen","paleturquoise"],size:data.size,user:data.user},index)}))})};CustomColorAvatarStory.displayName="CustomColorAvatarStory";var PictureAvatarStory=function PictureAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user,avatarUrl:data.image},index)}))})};PictureAvatarStory.displayName="PictureAvatarStory";var AvatarPlaygroundStory=function AvatarPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_7__.a,{className:"story Avatar",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{user:{name:args.userName,email:args.email}}))})};AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.args={size:"l",avatarUrl:"https://loremflickr.com/320/320",userName:"",email:""},AvatarPlaygroundStory.argTypes={size:{type:"select",options:["xxs","xs","s","m","l","xl","xxl","xxxl"]},avatarUrl:{control:{type:"text"}},userName:{control:{type:"text"}},email:{control:{type:"text"}},className:{control:{type:null}},user:{control:{type:null}},colorList:{control:{type:null}}},InitialsAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} />\n        ))}\n    </Inline>\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=Object.assign({storySource:{source:"() => (\n    <Inline space=\"small\">\n        {exampleData.map((data, index) => (\n            <Avatar\n                colorList={['palevioletred', 'palegoldenrod', 'palegreen', 'paleturquoise']}\n                key={index}\n                size={data.size}\n                user={data.user}\n            />\n        ))}\n    </Inline>\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} avatarUrl={data.image} />\n        ))}\n    </Inline>\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <Box className="story Avatar">\n            <Avatar\n                {...args}\n                user={{\n                    name: args.userName,\n                    email: args.email,\n                }}\n            />\n        </Box>\n    )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ColorPicker.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),deprecated_dropdown=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/color-picker/color-picker.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),COLORS=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return Object(jsx_runtime.jsxs)(deprecated_dropdown.a.Box,{right:!0,className:"reactist_color_picker",children:[Object(jsx_runtime.jsx)(deprecated_dropdown.a.Trigger,{children:(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),Object(jsx_runtime.jsx)("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor},children:Object(jsx_runtime.jsx)("span",{className:"color_trigger--inner_ring"})}))}),Object(jsx_runtime.jsx)(deprecated_dropdown.a.Body,{children:Object(jsx_runtime.jsx)("div",{className:"color_options",children:colorList.reduce((function(items,currentColor,currentIndex){return items.push(Object(jsx_runtime.jsx)(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null},currentIndex)),items}),[])})})]})}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=Object(jsx_runtime.jsx)("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)},children:Object(jsx_runtime.jsx)("span",{className:"color_item--inner_ring"})});return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:item}):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:{value:"[\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]"},description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/ColorPicker",component:components_color_picker,parameters:{badges:["notAccessible"]}};var ColorPicker_stories_ColorPickersStory=function ColorPickersStory(){var _React$useState2=_slicedToArray(react.useState(0),2),color=_React$useState2[0],setColor=_React$useState2[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor})]})};ColorPicker_stories_ColorPickersStory.displayName="ColorPickersStory";var ColorPicker_stories_CustomColorPickersStory=function CustomColorPickersStory(){var _React$useState4=_slicedToArray(react.useState(0),2),color=_React$useState4[0],setColor=_React$useState4[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:["red","green","palegoldenrod","#FF00FF"]})]})};ColorPicker_stories_CustomColorPickersStory.displayName="CustomColorPickersStory";var ColorPicker_stories_NamedColorPickersStory=function NamedColorPickersStory(){var _React$useState6=_slicedToArray(react.useState(0),2),color=_React$useState6[0],setColor=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Named Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:[{color:"red",name:"Red"},{color:"green",name:"Green"},{color:"palegoldenrod",name:"Gold"},{color:"#FF00FF",name:"Pink"},{color:"#ABCDEF",name:"Blue-Gray-ish"}]})]})};ColorPicker_stories_NamedColorPickersStory.displayName="NamedColorPickersStory";var ColorPicker_stories_SmallColorPickerStory=function SmallColorPickerStory(){var _React$useState8=_slicedToArray(react.useState(0),2),color=_React$useState8[0],setColor=_React$useState8[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Small Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{small:!0,color:color,onChange:setColor})]})};ColorPicker_stories_SmallColorPickerStory.displayName="SmallColorPickerStory",ColorPicker_stories_ColorPickersStory.parameters=Object.assign({storySource:{source:'function ColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Color Picker</p>\n            <ColorPicker color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=Object.assign({storySource:{source:"function CustomColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Custom Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={['red', 'green', 'palegoldenrod', '#FF00FF']}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=Object.assign({storySource:{source:"function NamedColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Named Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={[\n                    { color: 'red', name: 'Red' },\n                    { color: 'green', name: 'Green' },\n                    { color: 'palegoldenrod', name: 'Gold' },\n                    { color: '#FF00FF', name: 'Pink' },\n                    { color: '#ABCDEF', name: 'Blue-Gray-ish' },\n                ]}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=Object.assign({storySource:{source:'function SmallColorPickerStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Small Color Picker</p>\n            <ColorPicker small color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},"./stories/components/Dropdown.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/deprecated-button/index.ts"),_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/alert/alert.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Dropdown",component:_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["notAccessible","deprecated"]}};var DropdownStory=function DropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__.a,{tone:"critical",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"Deprecated:"})," While not a 1:1 replacement, consider using"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"/?path=/docs/components-menu",children:"Menu"})," as an alternative"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show dropdown"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{children:"Dropdown Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"You can add anything"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"you want to a dropdown"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"(e.g. lists and headings)"})]})]})})]})]})})};DropdownStory.displayName="DropdownStory";var InteractiveDropdownStory=function InteractiveDropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{allowBodyInteractions:!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show interactive dropdown (will not close when clicking on it)"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{children:"Wow this is interactive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"Click outside"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"to close this"})]})]})})]})})};InteractiveDropdownStory.displayName="InteractiveDropdownStory",DropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{\' \'}\n                <a href="/?path=/docs/components-menu">Menu</a> as an alternative\n            </Alert>\n\n            <Dropdown.Box>\n                <Dropdown.Trigger>\n                    <Button variant="primary">Trigger: Click to show dropdown</Button>\n                </Dropdown.Trigger>\n                <Dropdown.Body>\n                    <div>\n                        <h2>Dropdown Content</h2>\n                        <ul>\n                            <li>You can add anything</li>\n                            <li>you want to a dropdown</li>\n                            <li>(e.g. lists and headings)</li>\n                        </ul>\n                    </div>\n                </Dropdown.Body>\n            </Dropdown.Box>\n        </Stack>\n    </section>\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Dropdown.Box allowBodyInteractions>\n            <Dropdown.Trigger>\n                <Button variant="primary">\n                    Trigger: Click to show interactive dropdown (will not close when clicking on it)\n                </Button>\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div>\n                    <h1>Wow this is interactive</h1>\n                    <ul>\n                        <li>Click outside</li>\n                        <li>to close this</li>\n                    </ul>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    </section>\n)'}},InteractiveDropdownStory.parameters)},"./stories/components/Input.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-input/input.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Input=react.forwardRef((function(props,ref){var className=classnames_default()("reactist_input",props.className);return Object(jsx_runtime.jsx)("input",Object.assign({},props,{className:className,ref:ref}))}));Input.displayName="Input";try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{className:{defaultValue:null,description:"Additional css class applied to the input.",name:"className",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/deprecated-input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var deprecated_input=Input,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),Input_stories_InputStory=(__webpack_require__("./stories/components/styles/input_story.less"),__webpack_exports__.default={title:"Components/Input",component:deprecated_input,parameters:{badges:["deprecated"]}},function InputStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsxs)("div",{className:"story-info",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-textfield",children:"TextField"})," instead"]}),Object(jsx_runtime.jsxs)("p",{children:["This component is a dumb wrapper around the",Object(jsx_runtime.jsx)("code",{children:" <input />"})," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",Object(jsx_runtime.jsx)("code",{children:"<input />"})," element."]})]}),Object(jsx_runtime.jsx)(deprecated_input,{placeholder:"Simple input wrapper"})]})});Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_input,Object.assign({},args))})};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <div className="story-info">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-textfield">TextField</a> instead\n            </Alert>\n            <p>\n                This component is a dumb wrapper around the\n                <code> &lt;input /&gt;</code> element which justs add a class name to give it is\n                unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n                directly applied onto the underlying <code>&lt;input /&gt;</code> element.\n            </p>\n        </div>\n        <Input placeholder="Simple input wrapper" />\n    </section>\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <Input {...args} />\n    </section>\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/KeyCapturer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"<input>"))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"<KeyCapturer\n    onEnter={ this._handleEnter }\n    onBackspace={ this._handleBackspace }\n    propagateBackspace\n>\n    <input value={ value } onChange={ this._handleChange } />\n</KeyCapturer>\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/components/KeyboardShortcut.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/components/keyboard-shortcut/keyboard-shortcut.less"),__webpack_require__("./src/components/keyboard-shortcut/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/KeyboardShortcut",parameters:{badges:["accessible"]}};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("pre",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("code",{children:["<KeyboardShortcut>",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"  ","string"==typeof shortcut?shortcut:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:["{",JSON.stringify(shortcut),"}"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"</KeyboardShortcut>"]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"On macOS:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!0,children:shortcut})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"Elsewhere:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!1,children:shortcut})]})]})};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.text)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=Object.assign({storySource:{source:"(args) => {\n    const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n    return (\n        <section className=\"story\">\n            <pre>\n                <code>\n                    &lt;KeyboardShortcut&gt;\n                    <br />\n                    &nbsp;&nbsp;\n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        </>\n                    )}\n                    <br />\n                    &lt;/KeyboardShortcut&gt;\n                </code>\n            </pre>\n            <p>\n                <strong>On macOS:</strong>\n                <KeyboardShortcut isMac={true}>{shortcut}</KeyboardShortcut>\n            </p>\n            <p>\n                <strong>Elsewhere:</strong>\n                <KeyboardShortcut isMac={false}>{shortcut}</KeyboardShortcut>\n            </p>\n        </section>\n    )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Notification.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory})),__webpack_require__.d(__webpack_exports__,"AccessibilityExample",(function(){return Notification_stories_AccessibilityExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),avatar=__webpack_require__("./src/new-components/avatar/avatar.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CloseIcon_svg_CloseIcon=function CloseIcon(){return Object(jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:Object(jsx_runtime.jsx)("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"})})};CloseIcon_svg_CloseIcon.displayName="CloseIcon";var CloseIcon_svg=CloseIcon_svg_CloseIcon,_excluded=(__webpack_require__("./src/components/deprecated-notification/deprecated-notification.less"),["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","aria-live"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DeprecatedNotification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,_ref$ariaLive=_ref["aria-live"],ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,rest=_objectWithoutProperties(_ref,_excluded),titleId=title?id+"-title":null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?id+"-subtitle":null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?id+"-content":null,contentIdAttribute=children?{id:id+"-content"}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=Object(jsx_runtime.jsx)("div",Object.assign({className:"reactist-notification__content"},contentIdAttribute,{children:null!=children?children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?Object(jsx_runtime.jsx)("h3",Object.assign({className:"reactist-notification__title"},titleIdAttribute,{children:title})):null,subtitle?Object(jsx_runtime.jsx)("p",Object.assign({className:"reactist-notification__subtitle"},subtitleIdAttribute,{children:subtitle})):null]})})),notificationBody=Object(jsx_runtime.jsxs)("div",{className:"reactist-notification__icon-content-group",children:[null!=icon?icon:null,notificationContent]});return Object(jsx_runtime.jsxs)("div",Object.assign({id:id,role:"alert",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)}),"aria-live":ariaLive},ariaLabelledBy,ariaDescribedBy,rest,{children:[onClick?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__button",onClick:onClick,children:notificationBody}):notificationBody,onClose?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText,children:null!=customCloseButton?customCloseButton:Object(jsx_runtime.jsx)(CloseIcon_svg,{})}):null]}))}DeprecatedNotification.displayName="DeprecatedNotification";try{DeprecatedNotification.displayName="DeprecatedNotification",DeprecatedNotification.__docgenInfo={description:"",displayName:"DeprecatedNotification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<HTMLDivElement>) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"]={docgenInfo:DeprecatedNotification.__docgenInfo,name:"DeprecatedNotification",path:"src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./stories/components/styles/notification_story.less");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/DeprecatedNotification",component:DeprecatedNotification,parameters:{badges:["accessible","deprecated"]}};var Notification_stories_StandardNotificationStory=function StandardNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Standard Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"standard-notification",icon:Object(jsx_runtime.jsx)("span",{className:"notification-story-notification-dot"}),title:"You have a new message!",subtitle:"Click here to view.",onClose:Object(esm.action)("onClose"),onClick:Object(esm.action)("onClick")})]})};Notification_stories_StandardNotificationStory.displayName="StandardNotificationStory";var Notification_stories_NonClickableNotificationStory=function NonClickableNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Non-clickable Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"non-clickable-notification",title:"Your task is due in 5 hours",subtitle:"Keep going!",onClose:Object(esm.action)("onClose")})]})};Notification_stories_NonClickableNotificationStory.displayName="NonClickableNotificationStory";var Notification_stories_CustomContentNotificationStory=function CustomContentNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Content Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"custom-content-notification",icon:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Brock Lesnar",email:"brock@twist.com"}}),onClose:Object(esm.action)("onClose"),className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("div",{className:"notification-story-content",children:[Object(jsx_runtime.jsx)("p",{className:"notification-story-text",children:"You received a message from Brock"}),Object(jsx_runtime.jsx)("h4",{className:"notification-story-heading",children:"Better not leave him hanging"})]})})]})};Notification_stories_CustomContentNotificationStory.displayName="CustomContentNotificationStory";var Notification_stories_NotificationPlaygroundStory=function NotificationPlaygroundStory(args){var onClose=args.onClose?Object(esm.action)("onClose"):void 0,onClick=args.onClick?Object(esm.action)("onClick"):void 0,icon=args.icon?Object(jsx_runtime.jsx)("div",{className:"notification-story-avatar-container",children:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Ada bot",email:"adabot@twist.com"}})}):null,children=args.children?Object(jsx_runtime.jsx)("div",{className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("p",{className:"notification-story-text",children:["If children is provided, then"," ",Object(jsx_runtime.jsx)("strong",{children:"it will be rendered instead of the title and subtitle"})]})}):null;return Object(jsx_runtime.jsx)("section",{className:"story playground",children:Object(jsx_runtime.jsx)(DeprecatedNotification,Object.assign({id:"playground-notification"},args,{onClose:onClose,onClick:onClick,icon:icon,children:children}))})};Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory";var Notification_stories_AccessibilityExample=function AccessibilityExample(){var _React$useState2=_slicedToArray(react.useState("Test message"),2),textContent=_React$useState2[0],setTextContent=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(textContent),2),notificationContent=_React$useState4[0],setNotificationContent=_React$useState4[1],_React$useState6=_slicedToArray(react.useState("assertive"),2),currentAriaLive=_React$useState6[0],setCurrentAriaLive=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"notification-off","aria-live":currentAriaLive,title:notificationContent,onClose:Object(esm.action)("onClose")}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceBetween",marginTop:"xlarge",children:[Object(jsx_runtime.jsxs)(box.a,{children:[Object(jsx_runtime.jsxs)(box.a,{marginTop:"medium",display:"flex",flexDirection:"row",alignItems:"center",onChange:function onChangeValue(event){setCurrentAriaLive(event.target.value)},children:[Object(jsx_runtime.jsx)("input",{type:"radio",id:"off",name:"aria-live",value:"off",checked:"off"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"off",children:'aria-live="off"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"polite",name:"aria-live",value:"polite",checked:"polite"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"polite",children:'aria-live="polite"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"assertive",name:"aria-live",value:"assertive",checked:"assertive"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"assertive",children:'aria-live="assertive"'})]}),Object(jsx_runtime.jsx)("br",{}),"off"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will not be announced by a screen reader."}):null,"polite"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader after the current content."}):null,"assertive"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader immediately."}):null]}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",alignItems:"flexEnd",children:[Object(jsx_runtime.jsx)(text_field.a,{label:"Content",value:textContent,onChange:function onChange(event){return setTextContent(event.currentTarget.value)}})," ",Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return setNotificationContent(textContent)},children:"Submit"})]})]})]})};Notification_stories_AccessibilityExample.displayName="AccessibilityExample",Notification_stories_NotificationPlaygroundStory.args={title:"You have a new notification",subtitle:"Click to open",closeAltText:"Close me!",icon:!0,children:!1,onClose:!0,onClick:!0},Notification_stories_NotificationPlaygroundStory.argTypes={icon:{control:{type:"boolean"}},onClose:{control:{type:"boolean"}},onClick:{control:{type:"boolean"}},className:{control:{type:null}},customCloseButton:{control:{type:null}},id:{control:{type:null}}},Notification_stories_StandardNotificationStory.parameters=Object.assign({storySource:{source:'function StandardNotificationStory() {\n    return (\n        <section className="story">\n            <p>Standard Notification</p>\n            <DeprecatedNotification\n                id="standard-notification"\n                icon={<span className="notification-story-notification-dot" />}\n                title="You have a new message!"\n                subtitle="Click here to view."\n                onClose={action(\'onClose\')}\n                onClick={action(\'onClick\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=Object.assign({storySource:{source:'function NonClickableNotificationStory() {\n    return (\n        <section className="story">\n            <p>Non-clickable Notification</p>\n            <DeprecatedNotification\n                id="non-clickable-notification"\n                title="Your task is due in 5 hours"\n                subtitle="Keep going!"\n                onClose={action(\'onClose\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=Object.assign({storySource:{source:'function CustomContentNotificationStory() {\n    return (\n        <section className="story">\n            <p>Custom Content Notification</p>\n            <DeprecatedNotification\n                id="custom-content-notification"\n                icon={<Avatar size="s" user={{ name: \'Brock Lesnar\', email: \'brock@twist.com\' }} />}\n                onClose={action(\'onClose\')}\n                className="notification-story-notification-container"\n            >\n                <div className="notification-story-content">\n                    <p className="notification-story-text">You received a message from Brock</p>\n                    <h4 className="notification-story-heading">Better not leave him hanging</h4>\n                </div>\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=Object.assign({storySource:{source:'function NotificationPlaygroundStory(args) {\n    const onClose = args.onClose ? action(\'onClose\') : undefined\n    const onClick = args.onClick ? action(\'onClick\') : undefined\n    const icon = args.icon ? (\n        <div className="notification-story-avatar-container">\n            <Avatar size="s" user={{ name: \'Ada bot\', email: \'adabot@twist.com\' }} />\n        </div>\n    ) : null\n    const children = args.children ? (\n        <div className="notification-story-notification-container">\n            <p className="notification-story-text">\n                If children is provided, then{\' \'}\n                <strong>it will be rendered instead of the title and subtitle</strong>\n            </p>\n        </div>\n    ) : null\n\n    return (\n        <section className="story playground">\n            <DeprecatedNotification\n                id="playground-notification"\n                {...args}\n                onClose={onClose}\n                onClick={onClick}\n                icon={icon}\n            >\n                {children}\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters),Notification_stories_AccessibilityExample.parameters=Object.assign({storySource:{source:'function AccessibilityExample() {\n    const [textContent, setTextContent] = React.useState(\'Test message\')\n    const [notificationContent, setNotificationContent] = React.useState(textContent)\n    const [currentAriaLive, setCurrentAriaLive] = React.useState<\'off\' | \'polite\' | \'assertive\'>(\n        \'assertive\',\n    )\n\n    function onChangeValue(event: React.FormEvent<HTMLInputElement>) {\n        setCurrentAriaLive(\n            (event.target as HTMLInputElement).value as \'off\' | \'polite\' | \'assertive\',\n        )\n    }\n\n    return (\n        <section className="story">\n            <DeprecatedNotification\n                id="notification-off"\n                aria-live={currentAriaLive}\n                title={notificationContent}\n                onClose={action(\'onClose\')}\n            />\n\n            <Box\n                display="flex"\n                flexDirection="row"\n                justifyContent="spaceBetween"\n                marginTop="xlarge"\n            >\n                <Box>\n                    <Box\n                        marginTop="medium"\n                        display="flex"\n                        flexDirection="row"\n                        alignItems="center"\n                        onChange={onChangeValue}\n                    >\n                        <input\n                            type="radio"\n                            id="off"\n                            name="aria-live"\n                            value="off"\n                            checked={currentAriaLive === \'off\'}\n                        />\n                        <label htmlFor="off">aria-live="off"</label>\n                        <input\n                            type="radio"\n                            id="polite"\n                            name="aria-live"\n                            value="polite"\n                            checked={currentAriaLive === \'polite\'}\n                        />\n                        <label htmlFor="polite">aria-live="polite"</label>\n                        <input\n                            type="radio"\n                            id="assertive"\n                            name="aria-live"\n                            value="assertive"\n                            checked={currentAriaLive === \'assertive\'}\n                        />\n                        <label htmlFor="assertive">aria-live="assertive"</label>\n                    </Box>\n\n                    <br />\n\n                    {currentAriaLive === \'off\' ? (\n                        <Text tone="secondary">\n                            Changes will not be announced by a screen reader.\n                        </Text>\n                    ) : null}\n                    {currentAriaLive === \'polite\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader after the current content.\n                        </Text>\n                    ) : null}\n\n                    {currentAriaLive === \'assertive\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader immediately.\n                        </Text>\n                    ) : null}\n                </Box>\n\n                <Box display="flex" flexDirection="row" alignItems="flexEnd">\n                    <TextField\n                        label="Content"\n                        value={textContent}\n                        onChange={(event) => setTextContent(event.currentTarget.value)}\n                    />\n                    &nbsp;\n                    <Button variant="primary" onClick={() => setNotificationContent(textContent)}>\n                        Submit\n                    </Button>\n                </Box>\n            </Box>\n        </section>\n    )\n}'}},Notification_stories_AccessibilityExample.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ProgressBar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/progressbar_story.less"),__webpack_require__("./node_modules/react/index.js");var hidden_visually=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/progress-bar/progress-bar.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,ariaValuetext=_ref["aria-valuetext"],finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return Object(jsx_runtime.jsxs)("div",{className:finalClassName,children:[Object(jsx_runtime.jsx)("div",{className:"inner",style:{width:width+"%"}}),Object(jsx_runtime.jsx)(hidden_visually.a,{children:Object(jsx_runtime.jsx)("progress",{value:width,max:100,"aria-valuetext":null!=ariaValuetext?ariaValuetext:void 0})})]})}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative for assitive technologies.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar,ProgressBar_stories_ProgressBarStory=(__webpack_exports__.default={title:"Components/ProgressBar",component:components_progress_bar,parameters:{badges:["accessible"]}},function ProgressBarStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Progress Bars"}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:0}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:25}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:50}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:75}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:100})]})});ProgressBar_stories_ProgressBarStory.displayName="ProgressBarStory";var ProgressBar_stories_ProgressBarPlaygroundStory=function ProgressBarPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(components_progress_bar,Object.assign({},args))})};ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.args={fillPercentage:50},ProgressBar_stories_ProgressBarPlaygroundStory.argTypes={fillPercentage:{control:{type:"number"}},className:{control:{type:null}}},ProgressBar_stories_ProgressBarStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <p>Progress Bars</p>\n        <ProgressBar fillPercentage={0} />\n        <ProgressBar fillPercentage={25} />\n        <ProgressBar fillPercentage={50} />\n        <ProgressBar fillPercentage={75} />\n        <ProgressBar fillPercentage={100} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <ProgressBar {...args} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Select.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-select/select.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["value","options","onChange","disabled","className","defaultValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,_excluded),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return Object(jsx_runtime.jsx)("select",Object.assign({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps,{children:null==options?void 0:options.map((function(option){return Object(jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.text},option.key||option.value)}))}))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/deprecated-select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var deprecated_select=Select,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Select_stories_options=[{value:"intro",text:"Select a fruit",disabled:!0},{value:"apple",text:"🍎 Apple"},{value:"pear",text:"🍐 Pear"},{value:"fish",text:"🐟 Fish",disabled:!0},{value:"banana",text:"🍌 Banana"},{value:"grapes",text:"🍇 Grapes"}],Select_stories_SelectStory=(__webpack_exports__.default={title:"Components/Select",component:deprecated_select,parameters:{badges:["deprecated"]}},function SelectStory(){var _React$useState2=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState2[0],setValue=_React$useState2[1];return Object(jsx_runtime.jsxs)(stack.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-selectfield",children:"SelectField"})," instead"]}),Object(jsx_runtime.jsx)(deprecated_select,{value:value,options:Select_stories_options,onChange:setValue})]})});Select_stories_SelectStory.displayName="SelectStory";var Select_stories_SelectPlaygroundStory=function SelectPlaygroundStory(args){var _React$useState4=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState4[0],setValue=_React$useState4[1];return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_select,Object.assign({},args,{value:value,options:Select_stories_options,onChange:setValue}))})};Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.args={disabled:!1},Select_stories_SelectPlaygroundStory.argTypes={disabled:{control:{type:"boolean"}},value:{control:{type:null}},defaultValue:{control:{type:null}},className:{control:{type:null}},options:{control:{type:null}}},Select_stories_SelectStory.parameters=Object.assign({storySource:{source:'function SelectStory() {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead\n            </Alert>\n\n            <Select value={value} options={options} onChange={setValue} />\n        </Stack>\n    )\n}'}},Select_stories_SelectStory.parameters),Select_stories_SelectPlaygroundStory.parameters=Object.assign({storySource:{source:'function SelectPlaygroundStory(args) {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <section className="story">\n            <Select {...args} value={value} options={options} onChange={setValue} />\n        </section>\n    )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Time.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/time_story.less");var react=__webpack_require__("./node_modules/react/index.js"),dayjs_min=__webpack_require__("./node_modules/dayjs/dayjs.min.js"),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./src/components/tooltip/tooltip.tsx")),localizedFormat=__webpack_require__("./node_modules/dayjs/plugin/localizedFormat.js"),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?""+diffDays+daysSuffix:diffHours>0&&diffHours<=23?""+diffHours+hoursSuffix:diffMinutes>0&&diffMinutes<=59?""+diffMinutes+minutesSuffix:momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}},jsx_runtime=(__webpack_require__("./src/components/time/time.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var time_Time=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Time,_React$Component);var _super=_createSuper(Time);function Time(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Time),(_this=_super.call(this,props)).refreshInterval=void 0,_this.refreshInterval=void 0,_this.state={hovered:!1,mouseX:void 0,mouseY:void 0},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Time,[{key:"componentDidMount",value:function componentDidMount(){this.props.refresh&&this._refresh()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){!prevProps.refresh&&this.props.refresh&&this._refresh(),prevProps.refresh&&!this.props.refresh&&this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"_setHovered",value:function _setHovered(hovered,event){var _this$state=this.state,mouseX=_this$state.mouseX,mouseY=_this$state.mouseY,clientX=event.clientX,clientY=event.clientY;clientX===mouseX&&clientY===mouseY||this.setState((function(){return{hovered:hovered,mouseX:clientX,mouseY:clientY}}))}},{key:"_renderTime",value:function _renderTime(config){if(this.props.time){if(this.state.hovered){if(this.props.expandFullyOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTimeLong(this.props.time,config);if(this.props.expandOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTime(this.props.time,config)}return TimeUtils.timeAgo(this.props.time,config)}}},{key:"_refresh",value:function _refresh(){var _this2=this;this.refreshInterval=setInterval((function(){_this2.forceUpdate()}),6e4)}},{key:"render",value:function render(){var _this3=this,className="reactist_time";this.props.className&&(className=this.props.className);var timeComponent=this._renderTime(this.props.config);return Object(jsx_runtime.jsx)("time",{className:className,onMouseEnter:function onMouseEnter(event){return _this3._setHovered(!0,event)},onMouseLeave:function onMouseLeave(event){return _this3._setHovered(!1,event)},children:this.props.tooltipOnHover?Object(jsx_runtime.jsx)(tooltip.a,{content:this.props.tooltip||this.props.time&&TimeUtils.formatTimeLong(this.props.time,this.props.config),children:Object(jsx_runtime.jsx)("span",{children:timeComponent})}):timeComponent})}}]),Time}(react.Component);time_Time.displayName=void 0,time_Time.defaultProps=void 0,time_Time.displayName="Time",time_Time.defaultProps={expandOnHover:!1,expandFullyOnHover:!1,tooltipOnHover:!1,refresh:!0,config:{locale:"en",daysSuffix:"d",hoursSuffix:"h",minutesSuffix:"m",momentsAgo:"moments ago"}};try{time_Time.displayName="Time",time_Time.__docgenInfo={description:"",displayName:"Time",props:{time:{defaultValue:null,description:"UNIX timestamp of the time to display.",name:"time",required:!1,type:{name:"number | undefined"}},config:{defaultValue:{value:"{\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    }"},description:"Configuration for localization.",name:"config",required:!1,type:{name:"TimeConfig | undefined"}},className:{defaultValue:null,description:"Additional css class applied to the time element.",name:"className",required:!1,type:{name:"string | undefined"}},tooltipOnHover:{defaultValue:{value:"false"},description:"",name:"tooltipOnHover",required:!1,type:{name:"boolean | undefined"}},refresh:{defaultValue:{value:"true"},description:"Refresh the component every DELAY seconds.",name:"refresh",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"If you don't want to use the default time format on the tooltip use this prop to supply a custom text",name:"tooltip",required:!1,type:{name:"ReactNode"}},expandOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to short absolute version.",name:"expandOnHover",required:!1,type:{name:"boolean | undefined"}},expandFullyOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to the full absolute version.",name:"expandFullyOnHover",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/time/time.tsx#Time"]={docgenInfo:time_Time.__docgenInfo,name:"Time",path:"src/components/time/time.tsx#Time"})}catch(__react_docgen_typescript_loader_error){}var components_time=time_Time,exampleTimes=(__webpack_exports__.default={title:"Components/Time",component:components_time,parameters:{badges:["accessible"]}},[{title:"Now",time:dayjs_min_default()().unix()},{title:"Now - 2 Minutes",time:dayjs_min_default()().subtract(2,"minutes").unix()},{title:"Now - 2 Hours",time:dayjs_min_default()().subtract(2,"hours").unix()},{title:"Now - 18 Hours",time:dayjs_min_default()().subtract(18,"hours").unix()},{title:"Now - 2 Days",time:dayjs_min_default()().subtract(2,"days").unix()},{title:"Now - 2 Weeks",time:dayjs_min_default()().subtract(2,"weeks").unix()},{title:"Now - 2 Years",time:dayjs_min_default()().subtract(2,"years").unix()}]),Time_stories_NoHoverEffectStory=function NoHoverEffectStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Normal Time (no hover effect)"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{time:time.time})]},index)}))]})};Time_stories_NoHoverEffectStory.displayName="NoHoverEffectStory";var Time_stories_ExpandTimeStory=function ExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandOnHover:!0,time:time.time})]},index)}))]})};Time_stories_ExpandTimeStory.displayName="ExpandTimeStory";var Time_stories_FullyExpandTimeStory=function FullyExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Fully expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,time:time.time})]},index)}))]})};Time_stories_FullyExpandTimeStory.displayName="FullyExpandTimeStory";var Time_stories_TooltipTimeStory=function TooltipTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Show full time in tooltip on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{tooltipOnHover:!0,time:time.time})]},index)}))]})};Time_stories_TooltipTimeStory.displayName="TooltipTimeStory";var Time_stories_TranslatedTimeStory=function TranslatedTimeStory(){var i18nConfig={locale:"de",hoursSuffix:"Std",minutesSuffix:"min",momentsAgo:"Gerade eben"};return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Translated times"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,config:i18nConfig,time:time.time})]},index)}))]})};Time_stories_TranslatedTimeStory.displayName="TranslatedTimeStory";var Time_stories_TimePlaygroundStory=function TimePlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story time",children:Object(jsx_runtime.jsx)(components_time,Object.assign({},args))})};Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.args={time:exampleTimes[0].time,expandOnHover:!1,expandFullyOnHover:!1,refresh:!0},Time_stories_TimePlaygroundStory.argTypes={expandOnHover:{control:{type:"boolean"}},expandFullyOnHover:{control:{type:"boolean"}},refresh:{control:{type:"boolean"}},config:{control:{type:null}},className:{control:{type:null}},tooltipOnHover:{control:{type:null}},tooltip:{control:{type:null}}},Time_stories_NoHoverEffectStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Normal Time (no hover effect)</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Fully expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandFullyOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Show full time in tooltip on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time tooltipOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=Object.assign({storySource:{source:"() => {\n    const i18nConfig = {\n        locale: 'de',\n        hoursSuffix: 'Std',\n        minutesSuffix: 'min',\n        momentsAgo: 'Gerade eben',\n    }\n\n    return (\n        <section className=\"story time\">\n            <p>Translated times</p>\n            {exampleTimes.map((time, index) => (\n                <div key={index}>\n                    <span>{time.title}</span>\n                    <Time expandFullyOnHover config={i18nConfig} time={time.time} />\n                </div>\n            ))}\n        </section>\n    )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story time">\n        <Time {...args} />\n    </section>\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Tooltip.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/tooltip_story.less");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/deprecated-button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Tooltip",parameters:{badges:["accessible"]}};var ExampleButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function ExampleButton(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({ref:ref},props,{children:["I am a button.",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),"Hover or focus me to see a tooltip."]}))})),TooltipPlaygroundStory=function TooltipPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story tooltip",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{autoFocus:!0,placeholder:"Focus here so you can press Tab to test focusing the button below"}),Object(react__WEBPACK_IMPORTED_MODULE_2__.createElement)(_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{key:String(args.position)+String(args.gapSize)}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ExampleButton,{}))]})};TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.args={content:"Very helpful content in this tooltip",gapSize:5},TooltipPlaygroundStory.argTypes={position:{control:{type:"select",options:["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],title:"test"}}},TooltipPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <section className="story tooltip">\n            <input\n                autoFocus\n                placeholder="Focus here so you can press Tab to test focusing the button below"\n            />\n            <Tooltip\n                // Tooltip does not react to dynamic changes of some props so we force a new\n                // component re-render every time these change.\n                {...args}\n                key={String(args.position) + String(args.gapSize)}\n            >\n                <ExampleButton />\n            </Tooltip>\n        </section>\n    )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/color.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/heading/heading.tsx"),_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./stories/components/styles/color-story.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-background","--reactist-framework-fill-crest","--reactist-framework-fill-selected","--reactist-framework-fill-summit"],frameworkBorderColors=["--reactist-divider-primary","--reactist-divider-secondary","--reactist-divider-tertiary"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-toast"];function Swatch(_ref){var color=_ref.color;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.b,{alignY:"center",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__.a,{style:{background:"var("+color+")"},className:"color_swatch"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("code",{className:"color_swatch__css_variable",children:color})})]},color)}Swatch.displayName="Swatch";var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",exceptionallySetClassName:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Framework"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Fill"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkFillColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Border"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkBorderColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:contentColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))})]})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:'function Colors() {\n    return (\n        <Stack space="xlarge" exceptionallySetClassName="story">\n            <Heading level={1} size="larger">\n                Framework\n            </Heading>\n\n            <Heading level={2}>Framework-Fill</Heading>\n            <Stack space="small">\n                {frameworkFillColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={2}>Framework-Border</Heading>\n            <Stack space="small">\n                {frameworkBorderColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={1} size="larger">\n                Content\n            </Heading>\n            <Stack space="small">\n                {contentColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n        </Stack>\n    )\n}'}},Colors.parameters)},"./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/reactist/Reactist.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),"\nIf you prefer to include static files, download the latest tarball from the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/packages/60435"},"package page")," and include the following files in your project:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/dist/reactist.cjs.production.min.js"),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/styles/reactist.css")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),"\nWe identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),"\nThis boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),"\nFirst run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),"\nthis will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json)\nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/nesting-vs-polymorphism.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Nesting vs combining via polymorphism",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Nesting vs. combining via polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The design system components have this ability where you can render one component as a certain HTML tag:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack as="ul">\n  {tasks.map((task) => (\n    <Box as="li" key={task.id}>{task.content}</Box>\n  )}\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The main purpose is to be able to take advantage of the new components while at the same time not dropping the ball on using semantic HTML."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, it can also be used to render as another React component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// Link below can be thought of as the Link component in react-router\n<ButtonLink as={Link}>Click me</ButtonLink>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is useful to be able to get the functionality of one component with the visuals and functionality of another component. In the example above, we render a link that has the visual look and feel of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," from our design system; but the link functionality is provided by react-router, allowing this link to perform ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("abbr",{title:"Single-Page Application"},"SPA"),"-like navigation on the client-side instead of a full server round trip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Caveats"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"With great power, comes great responsibility. You should not abuse this feature for markup optimization purposes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"What's markup optimization? Take the following example, for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column>\n        <Stack space="small">\n            <One />\n            <Two />\n        </Stack>\n    </Column>\n    <Column>\n        <Stack space="small">\n            <Three />\n            <Four />\n        </Stack>\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We could be tempted to say that each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," could also be the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", thus removing one extra container element and simplifying your markup."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column as={Stack} space="small">\n        <One />\n        <Two />\n    </Column>\n    <Column as={Stack} space="small">\n        <Three />\n        <Four />\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is not guaranteed to work 100% of the time because styles could clash."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In the example above, for instance, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," element will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="medium"')," effect. While the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="small"')," effect of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"At first, you might think there's no problem because the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," child elements is applied in the vertical direction (top and bottom) to keep a vertical space between them. While the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," elements is applied in the horizontal direction (left and right) to keep columns separated. So, in theory, these margins should not clash. However, columns add vertical spacing also, for when they show in collapsed form due to the viewport getting narrower (i.e. responsive design)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You may think: what if I have not instructed a particular ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element to collapse on responsive viewport sizes? The styles are there all the same, just in case. We could think of optimizing this and not applying the styles except to collapsible columns, but the main caveat warned about here remains: in general, combining two React components into one via polymorphism may break things, especially if both components have similar responsibilities regarding style and/or functionality."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Nesting vs combining via polymorphism",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/simplified-nested-markup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Simplified markup of the Stack and Inline components",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Simplified markup of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Inline")," components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It's no secret that our layout components are inspired by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://seek-oss.github.io/braid-design-system/foundations/layout"},"the ones in the Braid Design System"),". One key difference in some of these components is that we simplified them to privilege simpler markup by default."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, for instance, ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," elements automatically generate an extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," wrapping each of its child elements. This allows them to achieve a full level of separation of concerns. You see, part of the layout duties of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," component relies on applying certain styles to its child elements (e.g. to achieve the spacing they apply margin to the child elements). So they add this extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," around each child to make sure these styles are applied to these divs, and do not collide with the styles that the actual child element has."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is all better illustrated by an example. Take this ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Inline>\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</Inline>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, this component will render roughly the following markup:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <div class="css classes for the inline child wrapper">\n        <button type="button">Cancel</button>\n    </div>\n    <div class="css classes for the inline child wrapper">\n        <button type="submit">Save</button>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In our design system, however, this is the markup that we'll generate:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Originally, our components were like that of Braid, but this issue was brought up internally, and we decided to make it simpler, even if it adds a burden to the consumer of these components. A burden that we need to be aware of. You can find more information about this change in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/pull/497"},"the PR that introduced it"),". The concern is not ours alone, as it ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/seek-oss/braid-design-system/issues/386"},"was raised in Braid's own repo as well"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We explain below why this change made sense."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why we made the change"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A good deal of the time, what we nest inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is already a block element. Also, we favour having components without outward margin in the out-most container. So ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"there's no concern that the margin that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"Stack")," applies to its child elements will clash with the margin that the child elements themselves may have"),". So it seems a waste of resources to have a UI language that could potentially generate lots of useless extra containers around a relatively simple UI."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like with the extra container in place"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Take, for instance, this example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack space="xlarge">\n    <Stack space="small">\n        <label>Username</label>\n        <input name="username" />\n    </Stack>\n    <Stack space="small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </Stack>\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If we generated extra containers for each child, this would generate a markup similar to what's shown below:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Username</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="username" />\n            </div>\n        </div>\n    </div>\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Password</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="password" type="password" />\n            </div>\n        </div>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"And just imagine if inside the inner stack we rendered a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," element, which also did the same for its child elements."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like without the extra container element"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack space-small">\n        <label>Username</label>\n        <input name="username" />\n    </div>\n    <div class="stack space-small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why do you need to know all this"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This change comes with a caveat: depending on what child element you use, this way in which it all works may cause trouble."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The exact situations are not fully documented yet. But if you find yourself having trouble with some elements inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", consider wrapping them manually in a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<div>")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Box>")," yourself, and see if it fixes your issue. As we find concrete examples, we can add them to this documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For instance, this could happen if you pass to a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," a component that renders a fragment with more than one child in it. Depending on what you expect, you may not get what you want. For instance, given this component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"function List() {\n    return (\n        <>\n            <header>List</header>\n            <ul>…</ul>\n        </>\n    )\n}\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you pass this element into a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", it will consider each of the two child elements (the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"header")," and the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ul"),") to be individual items in the stack, and will apply spacing into it. This is arguably not what you want. Technically, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is reaching out into the internals of this component and possibly breaking its own layout."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"There are easy ways around this. Either do not return a fragment, or wrap this element in an extra container manually when put inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),". Or maybe this is what you wanted in a particular case, in which case you got what you wanted."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Simplified markup of the Stack and Inline components",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/single-child-stack-columns.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/About Stack or Columns with a single child",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Columns")," with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Avoid having single-child ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Columns")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Columns />")," with a single ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Column />")," inside makes no sense most of the time. The same applies to having ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Stack />")," elements with a single child. It can happen when we remove stuff from the UI. So be aware that if you remove something from inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element and a single child remains, then you might be able to remove them altogether and render that single child directly in place."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Stack>\n  <Something />\n</Stack>\n\n// …or this…\n<Columns>\n  <Column>\n    <Something />\n  </Column>\n</Columns>\n\n// …can probably be just this\n<Something />\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About conditionally-rendered child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, sometimes the second child element is rendered conditionally. Those cases are OK, of course:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// This is ok\n<Stack>\n  <Header />\n  {showBody ? <Body /> : null}\n</Stack>\n\n// And this too\n<Columns>\n  <Column width="content">\n    <Sidebar />\n  </Column>\n  {showContent ? (\n    <Column>\n      <Content />\n    </Column>\n  ) : null}\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Inline")," elements with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You might wonder why not say the same about ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),". We've found that ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," can be useful with a single child. It has the effect of making that child element not expand its full height, because it how behaves like an inline element rather than a block one. In reality, it still behaves like a block element, but a block element inside an inline context. So you might still want to leave it in place, but you should also check if you can remove it when removing other children of the inline element."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/About Stack or Columns with a single child",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);
\ No newline at end of file
diff --git a/docs/project.json b/docs/project.json
index 5594bec8d..e9665733b 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1668170297049,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.19.2"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}
+{"generatedAt":1668432021836,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.15.0"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}
diff --git a/docs/vendors~main.f9e1586a.iframe.bundle.js b/docs/vendors~main.9bbf73b4.iframe.bundle.js
similarity index 99%
rename from docs/vendors~main.f9e1586a.iframe.bundle.js
rename to docs/vendors~main.9bbf73b4.iframe.bundle.js
index 5f4792bdf..ef48eb5c0 100644
--- a/docs/vendors~main.f9e1586a.iframe.bundle.js
+++ b/docs/vendors~main.9bbf73b4.iframe.bundle.js
@@ -1,3 +1,3 @@
-/*! For license information please see vendors~main.f9e1586a.iframe.bundle.js.LICENSE.txt */
+/*! For license information please see vendors~main.9bbf73b4.iframe.bundle.js.LICENSE.txt */
 (window.webpackJsonp=window.webpackJsonp||[]).push([[5],{"./node_modules/@base2/pretty-print-object/dist/index.js":function(module,exports,__webpack_require__){"use strict";var __assign=this&&this.__assign||function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t},__assign.apply(this,arguments)},__spreadArrays=this&&this.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++)s+=arguments[i].length;var r=Array(s),k=0;for(i=0;i<il;i++)for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++)r[k]=a[j];return r};Object.defineProperty(exports,"__esModule",{value:!0});var seen=[];exports.prettyPrint=function prettyPrint(input,options,pad){void 0===pad&&(pad="");var tokens,combinedOptions=__assign(__assign({},{indent:"\t",singleQuotes:!0}),options);tokens=void 0===combinedOptions.inlineCharacterLimit?{newLine:"\n",newLineOrSpace:"\n",pad:pad,indent:pad+combinedOptions.indent}:{newLine:"@@__PRETTY_PRINT_NEW_LINE__@@",newLineOrSpace:"@@__PRETTY_PRINT_NEW_LINE_OR_SPACE__@@",pad:"@@__PRETTY_PRINT_PAD__@@",indent:"@@__PRETTY_PRINT_INDENT__@@"};var expandWhiteSpace=function(string){if(void 0===combinedOptions.inlineCharacterLimit)return string;var oneLined=string.replace(new RegExp(tokens.newLine,"g"),"").replace(new RegExp(tokens.newLineOrSpace,"g")," ").replace(new RegExp(tokens.pad+"|"+tokens.indent,"g"),"");return oneLined.length<=combinedOptions.inlineCharacterLimit?oneLined:string.replace(new RegExp(tokens.newLine+"|"+tokens.newLineOrSpace,"g"),"\n").replace(new RegExp(tokens.pad,"g"),pad).replace(new RegExp(tokens.indent,"g"),pad+combinedOptions.indent)};if(-1!==seen.indexOf(input))return'"[Circular]"';if(null==input||"number"==typeof input||"boolean"==typeof input||"function"==typeof input||"symbol"==typeof input||function isRegexp(value){return"[object RegExp]"===Object.prototype.toString.call(value)}(input))return String(input);if(input instanceof Date)return"new Date('"+input.toISOString()+"')";if(Array.isArray(input)){if(0===input.length)return"[]";seen.push(input);var ret="["+tokens.newLine+input.map((function(el,i){var eol=input.length-1===i?tokens.newLine:","+tokens.newLineOrSpace,value=prettyPrint(el,combinedOptions,pad+combinedOptions.indent);return combinedOptions.transform&&(value=combinedOptions.transform(input,i,value)),tokens.indent+value+eol})).join("")+tokens.pad+"]";return seen.pop(),expandWhiteSpace(ret)}if(function isObj(value){var type=typeof value;return null!==value&&("object"===type||"function"===type)}(input)){var objKeys_1=__spreadArrays(Object.keys(input),function getOwnEnumPropSymbols(object){return Object.getOwnPropertySymbols(object).filter((function(keySymbol){return Object.prototype.propertyIsEnumerable.call(object,keySymbol)}))}(input));if(combinedOptions.filter&&(objKeys_1=objKeys_1.filter((function(el){return combinedOptions.filter&&combinedOptions.filter(input,el)}))),0===objKeys_1.length)return"{}";seen.push(input);ret="{"+tokens.newLine+objKeys_1.map((function(el,i){var eol=objKeys_1.length-1===i?tokens.newLine:","+tokens.newLineOrSpace,isSymbol="symbol"==typeof el,isClassic=!isSymbol&&/^[a-z$_][a-z$_0-9]*$/i.test(el.toString()),key=isSymbol||isClassic?el:prettyPrint(el,combinedOptions),value=prettyPrint(input[el],combinedOptions,pad+combinedOptions.indent);return combinedOptions.transform&&(value=combinedOptions.transform(input,el,value)),tokens.indent+String(key)+": "+value+eol})).join("")+tokens.pad+"}";return seen.pop(),expandWhiteSpace(ret)}return input=String(input).replace(/[\r\n]/g,(function(x){return"\n"===x?"\\n":"\\r"})),combinedOptions.singleQuotes?"'"+(input=input.replace(/\\?'/g,"\\'"))+"'":'"'+(input=input.replace(/"/g,'\\"'))+'"'}},"./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var provider_namespaceObject={};__webpack_require__.r(provider_namespaceObject),__webpack_require__.d(provider_namespaceObject,"init",(function(){return provider_init}));var addons_namespaceObject={};__webpack_require__.r(addons_namespaceObject),__webpack_require__.d(addons_namespaceObject,"types",(function(){return addons_types})),__webpack_require__.d(addons_namespaceObject,"ensurePanel",(function(){return ensurePanel})),__webpack_require__.d(addons_namespaceObject,"init",(function(){return addons_init}));var channel_namespaceObject={};__webpack_require__.r(channel_namespaceObject),__webpack_require__.d(channel_namespaceObject,"init",(function(){return channel_init}));var notifications_namespaceObject={};__webpack_require__.r(notifications_namespaceObject),__webpack_require__.d(notifications_namespaceObject,"init",(function(){return notifications_init}));var settings_namespaceObject={};__webpack_require__.r(settings_namespaceObject),__webpack_require__.d(settings_namespaceObject,"init",(function(){return settings_init}));var release_notes_namespaceObject={};__webpack_require__.r(release_notes_namespaceObject),__webpack_require__.d(release_notes_namespaceObject,"init",(function(){return release_notes_init}));var refs_namespaceObject={};__webpack_require__.r(refs_namespaceObject),__webpack_require__.d(refs_namespaceObject,"getSourceType",(function(){return getSourceType})),__webpack_require__.d(refs_namespaceObject,"defaultStoryMapper",(function(){return defaultStoryMapper})),__webpack_require__.d(refs_namespaceObject,"init",(function(){return refs_init}));var modules_stories_namespaceObject={};__webpack_require__.r(modules_stories_namespaceObject),__webpack_require__.d(modules_stories_namespaceObject,"init",(function(){return stories_init}));var layout_namespaceObject={};__webpack_require__.r(layout_namespaceObject),__webpack_require__.d(layout_namespaceObject,"ActiveTabs",(function(){return ActiveTabs})),__webpack_require__.d(layout_namespaceObject,"focusableUIElements",(function(){return focusableUIElements})),__webpack_require__.d(layout_namespaceObject,"init",(function(){return layout_init}));var shortcuts_namespaceObject={};__webpack_require__.r(shortcuts_namespaceObject),__webpack_require__.d(shortcuts_namespaceObject,"isMacLike",(function(){return shortcuts_isMacLike})),__webpack_require__.d(shortcuts_namespaceObject,"controlOrMetaKey",(function(){return shortcuts_controlOrMetaKey})),__webpack_require__.d(shortcuts_namespaceObject,"keys",(function(){return keys})),__webpack_require__.d(shortcuts_namespaceObject,"defaultShortcuts",(function(){return defaultShortcuts})),__webpack_require__.d(shortcuts_namespaceObject,"init",(function(){return shortcuts_init}));var url_namespaceObject={};__webpack_require__.r(url_namespaceObject),__webpack_require__.d(url_namespaceObject,"init",(function(){return url_init}));var versions_namespaceObject={};__webpack_require__.r(versions_namespaceObject),__webpack_require__.d(versions_namespaceObject,"init",(function(){return versions_init}));var globals_namespaceObject={};__webpack_require__.r(globals_namespaceObject),__webpack_require__.d(globals_namespaceObject,"init",(function(){return globals_init}));var _,esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),types=__webpack_require__("./node_modules/@storybook/addons/dist/esm/types.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=(__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/react/index.js")),react_default=__webpack_require__.n(react),mergeWith=__webpack_require__("./node_modules/lodash/mergeWith.js"),mergeWith_default=__webpack_require__.n(mergeWith),dist_esm=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),store2=(__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/store2/dist/store2.js")),store2_default=__webpack_require__.n(store2),telejson_dist_esm=__webpack_require__("./node_modules/@storybook/api/node_modules/telejson/dist/esm/index.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}(_=store2_default.a._).fn("set",(function(key,data){return _.set(this._area,this._in(key),Object(telejson_dist_esm.b)(data,{maxDepth:50}))})),_.fn("get",(function(key,alt){var value=_.get(this._area,this._in(key));return null!==value?Object(telejson_dist_esm.a)(value):alt||value}));function get(storage){return storage.get("@storybook/ui/store")||{}}function store_update(storage,patch){var previous=get(storage);return function set(storage,value){return storage.set("@storybook/ui/store",value)}(storage,Object.assign({},previous,patch))}var _templateObject,_templateObject2,_templateObject3,store_Store=function(){function Store(_ref){var setState=_ref.setState,getState=_ref.getState;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Store),this.upstreamGetState=void 0,this.upstreamSetState=void 0,this.upstreamSetState=setState,this.upstreamGetState=getState}var _setState;return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Store,[{key:"getInitialState",value:function getInitialState(base){return Object.assign({},base,get(store2_default.a.local),get(store2_default.a.session))}},{key:"getState",value:function getState(){return this.upstreamGetState()}},{key:"setState",value:(_setState=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(inputPatch,cbOrOptions,inputOptions){var callback,options,_ref2$persistence,persistence,patch,delta,newState,storage,_this=this;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return"function"==typeof cbOrOptions?(callback=cbOrOptions,options=inputOptions):options=cbOrOptions,_ref2$persistence=(options||{}).persistence,persistence=void 0===_ref2$persistence?"none":_ref2$persistence,patch={},delta={},"function"==typeof inputPatch?patch=function patch(state){return delta=inputPatch(state)}:delta=patch=inputPatch,_context.next=7,new Promise((function(resolve){_this.upstreamSetState(patch,resolve)}));case 7:if(newState=_context.sent,"none"===persistence){_context.next=12;break}return storage="session"===persistence?store2_default.a.session:store2_default.a.local,_context.next=12,store_update(storage,delta);case 12:return callback&&callback(newState),_context.abrupt("return",newState);case 14:case"end":return _context.stop()}}),_callee)}))),function setState(_x,_x2,_x3){return _setState.apply(this,arguments)})}]),Store}(),isEqual=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/lodash/isEqual.js")),isEqual_default=__webpack_require__.n(isEqual),client_logger_dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),merge=function(a,b){return mergeWith_default()({},a,b,(function(objValue,srcValue){return Array.isArray(srcValue)&&Array.isArray(objValue)?(srcValue.forEach((function(s){objValue.find((function(o){return o===s||isEqual_default()(o,s)}))||objValue.push(s)})),objValue):Array.isArray(objValue)?(client_logger_dist_esm.a.log(["the types mismatch, picking",objValue]),objValue):void 0}))},initial_state=function main(){for(var _len=arguments.length,additions=new Array(_len),_key=0;_key<_len;_key++)additions[_key]=arguments[_key];return additions.reduce((function(acc,item){return merge(acc,item)}),{})},memoizerific=(__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/memoizerific/memoizerific.js")),memoizerific_default=__webpack_require__.n(memoizerific),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),ts_dedent_esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),countBy=__webpack_require__("./node_modules/lodash/countBy.js"),countBy_default=__webpack_require__.n(countBy),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),dist=__webpack_require__("./node_modules/@storybook/api/node_modules/@storybook/csf/dist/index.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var FEATURES=window_default.a.FEATURES,warnLegacyShowRoots=browser_default()((function(){}),Object(ts_dedent_esm.a)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    The 'showRoots' config option is deprecated and will be removed in Storybook 7.0. Use 'sidebar.showRoots' instead.\n    Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md\n  "])))),warnChangedDefaultHierarchySeparators=browser_default()((function(){}),Object(ts_dedent_esm.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    The default hierarchy separators changed in Storybook 6.0.\n    '|' and '.' will no longer create a hierarchy, but codemods are available.\n    Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md\n  "])))),stories_denormalizeStoryParameters=function denormalizeStoryParameters(_ref){var globalParameters=_ref.globalParameters,kindParameters=_ref.kindParameters,stories=_ref.stories;return mapValues_default()(stories,(function(storyData){return Object.assign({},storyData,{parameters:esm_combineParameters(globalParameters,kindParameters[storyData.kind],storyData.parameters)})}))},STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,stories_transformStoryIndexToStoriesHash=function transformStoryIndexToStoriesHash(index,_ref2){var provider=_ref2.provider,countByTitle=countBy_default()(Object.values(index.stories),"title"),input=Object.entries(index.stories).reduce((function(acc,_ref3){var _ref4=_slicedToArray(_ref3,2),id=_ref4[0],_ref4$=_ref4[1],title=_ref4$.title,name=_ref4$.name,importPath=_ref4$.importPath,docsOnly="Page"===name&&1===countByTitle[title];return acc[id]={id:id,kind:title,name:name,parameters:{fileName:importPath,options:{},docsOnly:docsOnly}},acc}),{});return stories_transformStoriesRawToStoriesHash(input,{provider:provider,prepared:!1})},stories_transformStoriesRawToStoriesHash=function transformStoriesRawToStoriesHash(input,_ref5){var provider=_ref5.provider,_ref5$prepared=_ref5.prepared,prepared=void 0===_ref5$prepared||_ref5$prepared,values=Object.values(input).filter(Boolean),usesOldHierarchySeparator=values.some((function(_ref6){return _ref6.kind.match(/\.|\|/)})),storiesHashOutOfOrder=values.reduce((function(acc,item){var _item$parameters,kind=item.kind,parameters=item.parameters,_provider$getConfig=provider.getConfig(),_provider$getConfig$s=_provider$getConfig.sidebar,sidebar=void 0===_provider$getConfig$s?{}:_provider$getConfig$s,deprecatedShowRoots=_provider$getConfig.showRoots,_sidebar$showRoots=sidebar.showRoots,showRoots=void 0===_sidebar$showRoots?deprecatedShowRoots:_sidebar$showRoots,_sidebar$collapsedRoo=sidebar.collapsedRoots,collapsedRoots=void 0===_sidebar$collapsedRoo?[]:_sidebar$collapsedRoo,renderLabel=sidebar.renderLabel;void 0!==deprecatedShowRoots&&warnLegacyShowRoots();var setShowRoots=void 0!==showRoots;usesOldHierarchySeparator&&!setShowRoots&&null!=FEATURES&&FEATURES.warnOnLegacyHierarchySeparator&&warnChangedDefaultHierarchySeparators();var groups=kind.trim().split(STORY_KIND_PATH_SEPARATOR),root=(!setShowRoots||showRoots)&&groups.length>1?[groups.shift()]:[],rootAndGroups=[].concat(root,_toConsumableArray(groups)).reduce((function(list,name,index){var parent=index>0&&list[index-1].id,id=Object(dist.sanitize)(parent?"".concat(parent,"-").concat(name):name);if(parent===id)throw new Error(Object(ts_dedent_esm.a)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              Invalid part '","', leading to id === parentId ('","'), inside kind '","'\n\n              Did you create a path that uses the separator char accidentally, such as 'Vue <docs/>' where '/' is a separator char? See https://github.com/storybookjs/storybook/issues/6128\n            "])),name,id,kind));return root.length&&0===index?list.push({type:"root",id:id,name:name,depth:index,children:[],isComponent:!1,isLeaf:!1,isRoot:!0,renderLabel:renderLabel,startCollapsed:collapsedRoots.includes(id)}):list.push({type:"group",id:id,name:name,parent:parent,depth:index,children:[],isComponent:!1,isLeaf:!1,isRoot:!1,renderLabel:renderLabel,parameters:{docsOnly:null==parameters?void 0:parameters.docsOnly,viewMode:null==parameters?void 0:parameters.viewMode}}),list}),[]),paths=[].concat(_toConsumableArray(rootAndGroups.map((function(_ref7){return _ref7.id}))),[item.id]);return rootAndGroups.forEach((function(group,index){var child=paths[index+1],id=group.id;acc[id]=merge(acc[id]||{},Object.assign({},group,child&&{children:[child]}))})),acc[item.id]=Object.assign({type:null!==(_item$parameters=item.parameters)&&void 0!==_item$parameters&&_item$parameters.docsOnly?"docs":"story"},item,{depth:rootAndGroups.length,parent:rootAndGroups[rootAndGroups.length-1].id,isLeaf:!0,isComponent:!1,isRoot:!1,renderLabel:renderLabel,prepared:prepared}),acc}),{});return Object.values(storiesHashOutOfOrder).reduce((function addItem(acc,item){if(!acc[item.id]){acc[item.id]=item;var children=item.children;if(children){var childNodes=children.map((function(id){return storiesHashOutOfOrder[id]}));childNodes.every((function(childNode){return childNode.isLeaf}))&&(acc[item.id].isComponent=!0,acc[item.id].type="component"),childNodes.forEach((function(childNode){return addItem(acc,childNode)}))}}return acc}),{})};function isRoot(item){return!!item&&item.isRoot}function isStory(item){return!!item&&item.isLeaf}var addons_templateObject,getComponentLookupList=memoizerific_default()(1)((function(hash){return Object.entries(hash).reduce((function(acc,i){return i[1].isComponent&&acc.push(_toConsumableArray(i[1].children)),acc}),[])})),getStoriesLookupList=memoizerific_default()(1)((function(hash){return Object.keys(hash).filter((function(k){return!(hash[k].children||Array.isArray(hash[k]))}))})),provider_init=function init(_ref){var provider=_ref.provider,fullAPI=_ref.fullAPI;return{api:provider.renderPreview?{renderPreview:provider.renderPreview}:{},init:function init(){provider.handleAPI(fullAPI)}}};function addons_slicedToArray(arr,i){return function addons_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function addons_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function addons_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return addons_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return addons_arrayLikeToArray(o,minLen)}(arr,i)||function addons_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function addons_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var addons_types,warnDisabledDeprecated=browser_default()((function(){}),Object(ts_dedent_esm.a)(addons_templateObject||(addons_templateObject=function addons_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Use 'parameters.key.disable' instead of 'parameters.key.disabled'.\n    \n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-disabled-parameter\n  "]))));function ensurePanel(panels,selectedPanel,currentPanel){var keys=Object.keys(panels);return keys.indexOf(selectedPanel)>=0?selectedPanel:keys.length?keys[0]:currentPanel}!function(types){types.TAB="tab",types.PANEL="panel",types.TOOL="tool",types.PREVIEW="preview",types.NOTES_ELEMENT="notes-element"}(addons_types||(addons_types={}));var addons_init=function init(_ref){var provider=_ref.provider,store=_ref.store,fullAPI=_ref.fullAPI,api={getElements:function getElements(type){return provider.getElements(type)},getPanels:function getPanels(){return api.getElements(addons_types.PANEL)},getStoryPanels:function getStoryPanels(){var allPanels=api.getPanels(),storyId=store.getState().storyId,story=fullAPI.getData(storyId);if(!allPanels||!story||!isStory(story))return allPanels;var parameters=story.parameters,filteredPanels={};return Object.entries(allPanels).forEach((function(_ref2){var _ref3=addons_slicedToArray(_ref2,2),id=_ref3[0],panel=_ref3[1],paramKey=panel.paramKey;paramKey&&parameters&&parameters[paramKey]&&(parameters[paramKey].disabled||parameters[paramKey].disable)?parameters[paramKey].disabled&&warnDisabledDeprecated():filteredPanels[id]=panel})),filteredPanels},getSelectedPanel:function getSelectedPanel(){var selectedPanel=store.getState().selectedPanel;return ensurePanel(api.getPanels(),selectedPanel,selectedPanel)},setSelectedPanel:function setSelectedPanel(panelName){store.setState({selectedPanel:panelName},{persistence:"session"})},setAddonState:function setAddonState(addonId,newStateOrMerger,options){var nextState,obj,key,value,existing=store.getState().addons;"function"==typeof newStateOrMerger?nextState=newStateOrMerger(api.getAddonState(addonId)):nextState=newStateOrMerger;return store.setState({addons:Object.assign({},existing,(obj={},key=addonId,value=nextState,key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj))},options).then((function(){return api.getAddonState(addonId)}))},getAddonState:function getAddonState(addonId){return store.getState().addons[addonId]}};return{api:api,state:{selectedPanel:ensurePanel(api.getPanels(),store.getState().selectedPanel),addons:{}}}},channel_init=function init(_ref){var provider=_ref.provider,api={getChannel:function getChannel(){return provider.channel},on:function on(type,cb){return provider.channel.addListener(type,cb),function(){return provider.channel.removeListener(type,cb)}},off:function off(type,cb){return provider.channel.removeListener(type,cb)},once:function once(type,cb){return provider.channel.once(type,cb)},emit:function emit(type){for(var _provider$channel,_len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return(_provider$channel=provider.channel).emit.apply(_provider$channel,[type].concat(args))},collapseAll:function collapseAll(){provider.channel.emit(dist_esm.STORIES_COLLAPSE_ALL,{})},expandAll:function expandAll(){api.emit(dist_esm.STORIES_EXPAND_ALL)}};return{api:api}};function notifications_toConsumableArray(arr){return function notifications_arrayWithoutHoles(arr){if(Array.isArray(arr))return notifications_arrayLikeToArray(arr)}(arr)||function notifications_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function notifications_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return notifications_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return notifications_arrayLikeToArray(o,minLen)}(arr)||function notifications_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function notifications_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var notifications_init=function init(_ref){var store=_ref.store,api={addNotification:function addNotification(notification){api.clearNotification(notification.id);var notifications=store.getState().notifications;store.setState({notifications:[].concat(notifications_toConsumableArray(notifications),[notification])})},clearNotification:function clearNotification(id){var notifications=store.getState().notifications;store.setState({notifications:notifications.filter((function(n){return n.id!==id}))});var notification=notifications.find((function(n){return n.id===id}));notification&&notification.onClear&&notification.onClear()}};return{api:api,state:{notifications:[]}}};function settings_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function settings_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){settings_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){settings_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}var settings_init=function init(_ref){var _navigateToSettingsPage,store=_ref.store,navigate=_ref.navigate,fullAPI=_ref.fullAPI,isSettingsScreenActive=function isSettingsScreenActive(){return!!(fullAPI.getUrlState().path||"").match(/^\/settings/)},api={closeSettings:function closeSettings(){var lastTrackedStoryId=store.getState().settings.lastTrackedStoryId;lastTrackedStoryId?fullAPI.selectStory(lastTrackedStoryId):fullAPI.selectFirstStory()},changeSettingsTab:function changeSettingsTab(tab){navigate("/settings/".concat(tab))},isSettingsScreenActive:isSettingsScreenActive,navigateToSettingsPage:(_navigateToSettingsPage=settings_asyncToGenerator(regeneratorRuntime.mark((function _callee(path){var _store$getState2,settings,storyId;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(isSettingsScreenActive()){_context.next=4;break}return _store$getState2=store.getState(),settings=_store$getState2.settings,storyId=_store$getState2.storyId,_context.next=4,store.setState({settings:Object.assign({},settings,{lastTrackedStoryId:storyId})});case 4:navigate(path);case 5:case"end":return _context.stop()}}),_callee)}))),function navigateToSettingsPage(_x){return _navigateToSettingsPage.apply(this,arguments)})},initModule=function(){var _ref2=settings_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,store.setState({settings:{lastTrackedStoryId:null}});case 2:case"end":return _context2.stop()}}),_callee2)})));return function initModule(){return _ref2.apply(this,arguments)}}();return{init:initModule,api:api}};function release_notes_toConsumableArray(arr){return function release_notes_arrayWithoutHoles(arr){if(Array.isArray(arr))return release_notes_arrayLikeToArray(arr)}(arr)||function release_notes_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function release_notes_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return release_notes_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return release_notes_arrayLikeToArray(o,minLen)}(arr)||function release_notes_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function release_notes_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var RELEASE_NOTES_DATA=window_default.a.RELEASE_NOTES_DATA,getReleaseNotesData=memoizerific_default()(1)((function(){try{return Object.assign({},JSON.parse(RELEASE_NOTES_DATA)||{})}catch(e){return{}}})),release_notes_init=function init(_ref){var store=_ref.store,releaseNotesData=getReleaseNotesData(),getReleaseNotesViewed=function getReleaseNotesViewed(){return store.getState().releaseNotesViewed||[]};return{init:function initModule(){},api:{releaseNotesVersion:function releaseNotesVersion(){return releaseNotesData.currentVersion},setDidViewReleaseNotes:function setDidViewReleaseNotes(){var releaseNotesViewed=getReleaseNotesViewed();releaseNotesViewed.includes(releaseNotesData.currentVersion)||store.setState({releaseNotesViewed:[].concat(release_notes_toConsumableArray(releaseNotesViewed),[releaseNotesData.currentVersion])},{persistence:"permanent"})},showReleaseNotesOnLaunch:function showReleaseNotesOnLaunch(){if(!releaseNotesData.currentVersion)return!1;var didViewReleaseNotes=getReleaseNotesViewed().includes(releaseNotesData.currentVersion),showReleaseNotesOnLaunch=releaseNotesData.showOnFirstLaunch&&!didViewReleaseNotes;return showReleaseNotesOnLaunch}}}};__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var refs_templateObject,_excluded=["stories","v"];function refs_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}function refs_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function refs_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){refs_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){refs_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function refs_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function refs_slicedToArray(arr,i){return function refs_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function refs_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function refs_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return refs_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return refs_arrayLikeToArray(o,minLen)}(arr,i)||function refs_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function refs_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var refs_location=window_default.a.location,fetch=window_default.a.fetch,findFilename=/(\/((?:[^\/]+?)\.[^\/]+?)|\/)$/,getSourceType=function getSourceType(source,refId){var localOrigin=refs_location.origin,localPathname=refs_location.pathname,_URL=new URL(source),sourceOrigin=_URL.origin,sourcePathname=_URL.pathname,localFull="".concat(localOrigin+localPathname).replace(findFilename,""),sourceFull="".concat(sourceOrigin+sourcePathname).replace(findFilename,"");return localFull===sourceFull?["local",sourceFull]:refId||source?["external",sourceFull]:[null,null]},defaultStoryMapper=function defaultStoryMapper(b,a){return Object.assign({},a,{kind:a.kind.replace("|","/")})},addRefIds=function addRefIds(input,ref){return Object.entries(input).reduce((function(acc,_ref){var _ref2=refs_slicedToArray(_ref,2),id=_ref2[0],item=_ref2[1];return Object.assign({},acc,refs_defineProperty({},id,Object.assign({},item,{refId:ref.id})))}),{})},handle=function(){var _ref3=refs_asyncToGenerator(regeneratorRuntime.mark((function _callee(request){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!request){_context.next=2;break}return _context.abrupt("return",Promise.resolve(request).then((function(response){return response.ok?response.json():{}})).catch((function(error){return{error:error}})));case 2:return _context.abrupt("return",{});case 3:case"end":return _context.stop()}}),_callee)})));return function handle(_x){return _ref3.apply(this,arguments)}}(),map=function map(input,ref,options){var storyMapper=options.storyMapper;return storyMapper?Object.entries(input).reduce((function(acc,_ref4){var _ref5=refs_slicedToArray(_ref4,2),id=_ref5[0],item=_ref5[1];return Object.assign({},acc,refs_defineProperty({},id,storyMapper(ref,item)))}),{}):input},refs_init=function init(_ref6){var _checkRef,store=_ref6.store,provider=_ref6.provider,singleStory=_ref6.singleStory,_ref7=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_ref7$runCheck=_ref7.runCheck,runCheck=void 0===_ref7$runCheck||_ref7$runCheck,api={findRef:function findRef(source){var refs=api.getRefs();return Object.values(refs).find((function(_ref8){return _ref8.url.match(source)}))},changeRefVersion:function changeRefVersion(id,url){var _api$getRefs$id=api.getRefs()[id],ref={id:id,url:url,versions:_api$getRefs$id.versions,title:_api$getRefs$id.title,stories:{}};api.checkRef(ref)},changeRefState:function changeRefState(id,ready){var _api$getRefs=api.getRefs(),ref=_api$getRefs[id],updated=_objectWithoutProperties(_api$getRefs,[id].map(_toPropertyKey));updated[id]=Object.assign({},ref,{ready:ready}),store.setState({refs:updated})},checkRef:(_checkRef=refs_asyncToGenerator(regeneratorRuntime.mark((function _callee2(ref){var id,url,version,type,isPublic,loadedData,query,credentials,storiesFetch,_yield$Promise$all,_yield$Promise$all2,stories,metadata,versions;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return id=ref.id,url=ref.url,version=ref.version,type=ref.type,isPublic="server-checked"===type,loadedData={},query=version?"?version=".concat(version):"",credentials=isPublic?"omit":"include",_context2.next=7,fetch("".concat(url,"/stories.json").concat(query),{headers:{Accept:"application/json"},credentials:credentials});case 7:if((storiesFetch=_context2.sent).ok||isPublic){_context2.next=12;break}loadedData.error={message:Object(ts_dedent_esm.a)(refs_templateObject||(refs_templateObject=refs_taggedTemplateLiteral(["\n            Error: Loading of ref failed\n              at fetch (lib/api/src/modules/refs.ts)\n\n            URL: ","\n\n            We weren't able to load the above URL,\n            it's possible a CORS error happened.\n\n            Please check your dev-tools network tab.\n          "])),url)},_context2.next=20;break;case 12:if(!storiesFetch.ok){_context2.next=20;break}return _context2.next=15,Promise.all([handle(storiesFetch),handle(fetch("".concat(url,"/metadata.json").concat(query),{headers:{Accept:"application/json"},credentials:credentials,cache:"no-cache"}).catch((function(){return!1})))]);case 15:_yield$Promise$all=_context2.sent,_yield$Promise$all2=refs_slicedToArray(_yield$Promise$all,2),stories=_yield$Promise$all2[0],metadata=_yield$Promise$all2[1],Object.assign(loadedData,Object.assign({},stories,metadata));case 20:return versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions,_context2.next=23,api.setRef(id,Object.assign({id:id,url:url},loadedData,versions?{versions:versions}:{},{error:loadedData.error,type:loadedData.stories?"lazy":"auto-inject"}));case 23:case"end":return _context2.stop()}}),_callee2)}))),function checkRef(_x2){return _checkRef.apply(this,arguments)}),getRefs:function getRefs(){var _store$getState$refs=store.getState().refs;return void 0===_store$getState$refs?{}:_store$getState$refs},setRef:function setRef(id,_ref9){var ready=arguments.length>2&&void 0!==arguments[2]&&arguments[2],stories=_ref9.stories,v=_ref9.v,rest=_objectWithoutProperties(_ref9,_excluded);if(!singleStory){var storiesHash,_provider$getConfig=provider.getConfig(),_provider$getConfig$s=_provider$getConfig.storyMapper,storyMapper=void 0===_provider$getConfig$s?defaultStoryMapper:_provider$getConfig$s,ref=api.getRefs()[id];if(stories){if(2===v)storiesHash=stories_transformStoriesRawToStoriesHash(map(stories,ref,{storyMapper:storyMapper}),{provider:provider});else{if(!v)throw new Error("Composition: Missing stories.json version");var index=stories;storiesHash=stories_transformStoryIndexToStoriesHash({v:v,stories:index},{provider:provider})}storiesHash=addRefIds(storiesHash,ref)}api.updateRef(id,Object.assign({stories:storiesHash},rest,{ready:ready}))}},updateRef:function updateRef(id,data){var _api$getRefs2=api.getRefs(),ref=_api$getRefs2[id],updated=_objectWithoutProperties(_api$getRefs2,[id].map(_toPropertyKey));updated[id]=Object.assign({},ref,data);var ordered=Object.keys(initialState).reduce((function(obj,key){return obj[key]=updated[key],obj}),{});store.setState({refs:ordered})}},refs=!singleStory&&provider.getConfig().refs||{},initialState=refs;return runCheck&&Object.entries(refs).forEach((function(_ref10){var _ref11=refs_slicedToArray(_ref10,2),v=(_ref11[0],_ref11[1]);api.checkRef(v)})),{api:api,state:{refs:initialState}}};function events_slicedToArray(arr,i){return function events_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function events_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function events_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return events_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return events_arrayLikeToArray(o,minLen)}(arr,i)||function events_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function events_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var events_getEventMetadata=function getEventMetadata(context,fullAPI){var source=context.source,refId=context.refId,type=context.type,_getSourceType2=events_slicedToArray(getSourceType(source,refId),2),sourceType=_getSourceType2[0],sourceLocation=_getSourceType2[1],meta={source:source,sourceType:sourceType,sourceLocation:sourceLocation,refId:refId,ref:refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),type:type};switch(!0){case"string"==typeof refId:case"local"===sourceType:case"external"===sourceType:return meta;default:return client_logger_dist_esm.a.warn("Received a ".concat(type," frame that was not configured as a ref")),null}},stories_excluded=["id"],_excluded2=["kind","story","storyId"];function stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function stories_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function stories_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){stories_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){stories_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}var DOCS_MODE=window_default.a.DOCS_MODE,stories_FEATURES=window_default.a.FEATURES,stories_fetch=window_default.a.fetch,deprecatedOptionsParameterWarnings=["enableShortcuts","theme","showRoots"].reduce((function(acc,option){return acc[option]=browser_default()((function(){}),"parameters.options.".concat(option," is deprecated and will be removed in Storybook 7.0.\nTo change this setting, use `addons.setConfig`. See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-immutable-options-parameters\n  ")),acc}),{});function checkDeprecatedOptionParameters(options){options&&Object.keys(options).forEach((function(option){deprecatedOptionsParameterWarnings[option]&&deprecatedOptionsParameterWarnings[option]()}))}var layout_templateObject,stories_init=function init(_ref){var _updateStory,_setStoryList,_fetchStoryList,_setStories,fullAPI=_ref.fullAPI,store=_ref.store,navigate=_ref.navigate,provider=_ref.provider,initialStoryId=_ref.storyId,initialViewMode=_ref.viewMode,api={storyId:dist.toId,getData:function getData(storyId,refId){var result=api.resolveStory(storyId,refId);return isRoot(result)?void 0:result},isPrepared:function isPrepared(storyId,refId){var data=api.getData(storyId,refId);return!data.isLeaf||data.prepared},resolveStory:function resolveStory(storyId,refId){var _store$getState=store.getState(),refs=_store$getState.refs,storiesHash=_store$getState.storiesHash;return refId?refs[refId].stories?refs[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:function getCurrentStoryData(){var _store$getState2=store.getState(),storyId=_store$getState2.storyId,refId=_store$getState2.refId;return api.getData(storyId,refId)},getParameters:function getParameters(storyIdOrCombo,parameterName){var _ref2="string"==typeof storyIdOrCombo?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,storyId=_ref2.storyId,refId=_ref2.refId,data=api.getData(storyId,refId);if(isStory(data)){var parameters=data.parameters;return parameters?parameterName?parameters[parameterName]:parameters:{}}return null},getCurrentParameter:function getCurrentParameter(parameterName){var _store$getState3=store.getState(),storyId=_store$getState3.storyId,refId=_store$getState3.refId;return api.getParameters({storyId:storyId,refId:refId},parameterName)||void 0},jumpToComponent:function jumpToComponent(direction){var _store$getState4=store.getState(),storiesHash=_store$getState4.storiesHash,storyId=_store$getState4.storyId,refs=_store$getState4.refs,refId=_store$getState4.refId;if(api.getData(storyId,refId)){var hash=refId?refs[refId].stories||{}:storiesHash,result=api.findSiblingStoryId(storyId,hash,direction,!0);result&&api.selectStory(result,void 0,{ref:refId})}},jumpToStory:function jumpToStory(direction){var _store$getState5=store.getState(),storiesHash=_store$getState5.storiesHash,storyId=_store$getState5.storyId,refs=_store$getState5.refs,refId=_store$getState5.refId,story=api.getData(storyId,refId);if(DOCS_MODE)api.jumpToComponent(direction);else if(story){var hash=story.refId?refs[story.refId].stories:storiesHash,result=api.findSiblingStoryId(storyId,hash,direction,!1);result&&api.selectStory(result,void 0,{ref:refId})}},setStories:(_setStories=stories_asyncToGenerator(regeneratorRuntime.mark((function _callee(input,error){var hash;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return hash=stories_transformStoriesRawToStoriesHash(input,{provider:provider}),_context.next=3,store.setState({storiesHash:hash,storiesConfigured:!0,storiesFailed:error});case 3:case"end":return _context.stop()}}),_callee)}))),function setStories(_x,_x2){return _setStories.apply(this,arguments)}),selectFirstStory:function selectFirstStory(){var storiesHash=store.getState().storiesHash,firstStory=Object.keys(storiesHash).find((function(k){return!(storiesHash[k].children||Array.isArray(storiesHash[k]))}));firstStory?api.selectStory(firstStory):navigate("/")},selectStory:function selectStory(){var kindOrId=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,story=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,options=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},ref=options.ref,viewModeFromArgs=options.viewMode,_store$getState7=store.getState(),_store$getState7$view=_store$getState7.viewMode,viewModeFromState=void 0===_store$getState7$view?"story":_store$getState7$view,storyId=_store$getState7.storyId,storiesHash=_store$getState7.storiesHash,refs=_store$getState7.refs,hash=ref?refs[ref].stories:storiesHash,kindSlug=null==storyId?void 0:storyId.split("--",2)[0];if(story)if(kindOrId){var _id2=ref?"".concat(ref,"_").concat(Object(dist.toId)(kindOrId,story)):Object(dist.toId)(kindOrId,story);if(hash[_id2])api.selectStory(_id2,void 0,options);else{var _k=hash[Object(dist.sanitize)(kindOrId)];if(_k&&_k.children){var foundId=_k.children.find((function(childId){return hash[childId].name===story}));foundId&&api.selectStory(foundId,void 0,options)}}}else{var _id=Object(dist.toId)(kindSlug,story);api.selectStory(_id,void 0,options)}else{var s=kindOrId?hash[kindOrId]||hash[Object(dist.sanitize)(kindOrId)]:hash[kindSlug],id=s?s.children?s.children[0]:s.id:kindOrId,viewMode=s&&!isRoot(s)&&(viewModeFromArgs||s.parameters.viewMode)?s.parameters.viewMode:viewModeFromState;["settings","about","release"].includes(viewMode)&&(viewMode="story");var p=s&&s.refId?"/".concat(viewMode,"/").concat(s.refId,"_").concat(id):"/".concat(viewMode,"/").concat(id);navigate(p)}},findLeafStoryId:function findLeafStoryId(storiesHash,storyId){if(storiesHash[storyId].isLeaf)return storyId;var childStoryId=storiesHash[storyId].children[0];return api.findLeafStoryId(storiesHash,childStoryId)},findSiblingStoryId:function findSiblingStoryId(storyId,hash,direction,toSiblingGroup){if(toSiblingGroup){var _lookupList=getComponentLookupList(hash),_index=_lookupList.findIndex((function(i){return i.includes(storyId)}));if(_index===_lookupList.length-1&&direction>0)return;if(0===_index&&direction<0)return;return _lookupList[_index+direction]?_lookupList[_index+direction][0]:void 0}var lookupList=getStoriesLookupList(hash),index=lookupList.indexOf(storyId);if(!(index===lookupList.length-1&&direction>0||0===index&&direction<0))return lookupList[index+direction]},updateStoryArgs:function updateStoryArgs(story,updatedArgs){var storyId=story.id,refId=story.refId;fullAPI.emit(dist_esm.UPDATE_STORY_ARGS,{storyId:storyId,updatedArgs:updatedArgs,options:{target:refId?"storybook-ref-".concat(refId):"storybook-preview-iframe"}})},resetStoryArgs:function resetStoryArgs(story,argNames){var storyId=story.id,refId=story.refId;fullAPI.emit(dist_esm.RESET_STORY_ARGS,{storyId:storyId,argNames:argNames,options:{target:refId?"storybook-ref-".concat(refId):"storybook-preview-iframe"}})},fetchStoryList:(_fetchStoryList=stories_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var result,storyIndex;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.prev=0,_context2.next=3,stories_fetch("./stories.json");case 3:if(200===(result=_context2.sent).status){_context2.next=10;break}return _context2.t0=Error,_context2.next=8,result.text();case 8:throw _context2.t1=_context2.sent,new _context2.t0(_context2.t1);case 10:return _context2.next=12,result.json();case 12:if(3===(storyIndex=_context2.sent).v){_context2.next=16;break}return client_logger_dist_esm.a.warn("Skipping story index with version v".concat(storyIndex.v,", awaiting SET_STORIES.")),_context2.abrupt("return");case 16:return _context2.next=18,fullAPI.setStoryList(storyIndex);case 18:_context2.next=23;break;case 20:_context2.prev=20,_context2.t2=_context2.catch(0),store.setState({storiesConfigured:!0,storiesFailed:_context2.t2});case 23:case"end":return _context2.stop()}}),_callee2,null,[[0,20]])}))),function fetchStoryList(){return _fetchStoryList.apply(this,arguments)}),setStoryList:(_setStoryList=stories_asyncToGenerator(regeneratorRuntime.mark((function _callee3(storyIndex){var hash;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return hash=stories_transformStoryIndexToStoriesHash(storyIndex,{provider:provider}),_context3.next=3,store.setState({storiesHash:hash,storiesConfigured:!0,storiesFailed:null});case 3:case"end":return _context3.stop()}}),_callee3)}))),function setStoryList(_x3){return _setStoryList.apply(this,arguments)}),updateStory:(_updateStory=stories_asyncToGenerator(regeneratorRuntime.mark((function _callee4(storyId,update,ref){var _store$getState8,storiesHash,_refId,_stories;return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:if(ref){_context4.next=7;break}return _store$getState8=store.getState(),(storiesHash=_store$getState8.storiesHash)[storyId]=Object.assign({},storiesHash[storyId],update),_context4.next=5,store.setState({storiesHash:storiesHash});case 5:_context4.next=11;break;case 7:return _refId=ref.id,(_stories=ref.stories)[storyId]=Object.assign({},_stories[storyId],update),_context4.next=11,fullAPI.updateRef(_refId,{stories:_stories});case 11:case"end":return _context4.stop()}}),_callee4)}))),function updateStory(_x4,_x5,_x6){return _updateStory.apply(this,arguments)})},initModule=function(){var _ref3=stories_asyncToGenerator(regeneratorRuntime.mark((function _callee5(){var _provider$serverChann;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:if(fullAPI.on(dist_esm.STORY_SPECIFIED,(function handler(_ref4){var storyId=_ref4.storyId,viewMode=_ref4.viewMode,sourceType=events_getEventMetadata(this,fullAPI).sourceType;if(!fullAPI.isSettingsScreenActive()&&"local"===sourceType){var state=store.getState();state.storyId===storyId&&state.viewMode===viewMode||navigate("/".concat(viewMode,"/").concat(storyId))}})),fullAPI.on(dist_esm.STORY_CHANGED,(function handler(){if("local"===events_getEventMetadata(this,fullAPI).sourceType){var options=fullAPI.getCurrentParameter("options");options&&(checkDeprecatedOptionParameters(options),fullAPI.setOptions(options))}})),fullAPI.on(dist_esm.STORY_PREPARED,(function handler(_ref5){var id=_ref5.id,update=stories_objectWithoutProperties(_ref5,stories_excluded),_getEventMetadata3=events_getEventMetadata(this,fullAPI),ref=_getEventMetadata3.ref,sourceType=_getEventMetadata3.sourceType;if(fullAPI.updateStory(id,Object.assign({},update,{prepared:!0}),ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store.getState().hasCalledSetOptions){var options=update.parameters.options;checkDeprecatedOptionParameters(options),fullAPI.setOptions(options),store.setState({hasCalledSetOptions:!0})}if("local"===sourceType){var _store$getState9=store.getState(),_storyId=_store$getState9.storyId,storiesHash=_store$getState9.storiesHash,toBePreloaded=Array.from(new Set([api.findSiblingStoryId(_storyId,storiesHash,1,!0),api.findSiblingStoryId(_storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(dist_esm.PRELOAD_STORIES,toBePreloaded)}})),fullAPI.on(dist_esm.SET_STORIES,(function handler(data){var ref=events_getEventMetadata(this,fullAPI).ref,stories=data.v?stories_denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,Object.assign({},ref,data,{stories:stories}),!0);else{if(!data.v)throw new Error("Unexpected legacy SET_STORIES event from local source");fullAPI.setStories(stories);var options=fullAPI.getCurrentParameter("options");checkDeprecatedOptionParameters(options),fullAPI.setOptions(options)}})),fullAPI.on(dist_esm.SELECT_STORY,(function handler(_ref6){var kind=_ref6.kind,story=_ref6.story,storyId=_ref6.storyId,rest=stories_objectWithoutProperties(_ref6,_excluded2),ref=events_getEventMetadata(this,fullAPI).ref;ref?fullAPI.selectStory(storyId||kind,story,Object.assign({},rest,{ref:ref.id})):fullAPI.selectStory(storyId||kind,story,rest)})),fullAPI.on(dist_esm.STORY_ARGS_UPDATED,(function handleStoryArgsUpdated(_ref7){var storyId=_ref7.storyId,args=_ref7.args,ref=events_getEventMetadata(this,fullAPI).ref;fullAPI.updateStory(storyId,{args:args},ref)})),fullAPI.on(dist_esm.CONFIG_ERROR,(function handleConfigError(err){store.setState({storiesConfigured:!0,storiesFailed:err})})),null==stories_FEATURES||!stories_FEATURES.storyStoreV7){_context5.next=11;break}return null===(_provider$serverChann=provider.serverChannel)||void 0===_provider$serverChann||_provider$serverChann.on(dist_esm.STORY_INDEX_INVALIDATED,(function(){return fullAPI.fetchStoryList()})),_context5.next=11,fullAPI.fetchStoryList();case 11:case"end":return _context5.stop()}}),_callee5)})));return function initModule(){return _ref3.apply(this,arguments)}}();return{api:api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:initModule}},pick=__webpack_require__("./node_modules/lodash/pick.js"),pick_default=__webpack_require__.n(pick),fast_deep_equal=__webpack_require__("./node_modules/fast-deep-equal/index.js"),fast_deep_equal_default=__webpack_require__.n(fast_deep_equal),theming_dist_esm=__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js"),layout_excluded=["theme","selectedPanel"];function layout_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function layout_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layout_DOCS_MODE=window_default.a.DOCS_MODE,layout_document=window_default.a.document,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},layout_defaultState={ui:{enableShortcuts:!0,docsMode:!1},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!layout_DOCS_MODE,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:theming_dist_esm.k.light},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},layout_init=function init(_ref){var store=_ref.store,provider=_ref.provider,singleStory=_ref.singleStory,api={toggleFullscreen:function toggleFullscreen(toggled){return store.setState((function(state){var showNav=state.layout.showNav,value="boolean"==typeof toggled?toggled:!state.layout.isFullscreen,shouldShowNav=!1===showNav&&!1===value;return{layout:Object.assign({},state.layout,{isFullscreen:value,showNav:!(singleStory||!shouldShowNav)||showNav})}}),{persistence:"session"})},togglePanel:function togglePanel(toggled){return store.setState((function(state){var _state$layout=state.layout,showNav=_state$layout.showNav,isFullscreen=_state$layout.isFullscreen,value=void 0!==toggled?toggled:!state.layout.showPanel,shouldToggleFullScreen=!1===showNav&&!1===value;return{layout:Object.assign({},state.layout,{showPanel:value,isFullscreen:!!shouldToggleFullScreen||isFullscreen})}}),{persistence:"session"})},togglePanelPosition:function togglePanelPosition(position){return void 0!==position?store.setState((function(state){return{layout:Object.assign({},state.layout,{panelPosition:position})}}),{persistence:"permanent"}):store.setState((function(state){return{layout:Object.assign({},state.layout,{panelPosition:"right"===state.layout.panelPosition?"bottom":"right"})}}),{persistence:"permanent"})},toggleNav:function toggleNav(toggled){return store.setState((function(state){if(singleStory)return{layout:state.layout};var _state$layout2=state.layout,showPanel=_state$layout2.showPanel,isFullscreen=_state$layout2.isFullscreen,showNav=void 0!==toggled?toggled:!state.layout.showNav,shouldToggleFullScreen=!1===showPanel&&!1===showNav;return{layout:Object.assign({},state.layout,{showNav:showNav,isFullscreen:!!shouldToggleFullScreen||!showNav&&isFullscreen})}}),{persistence:"session"})},toggleToolbar:function toggleToolbar(toggled){return store.setState((function(state){var value=void 0!==toggled?toggled:!state.layout.showToolbar;return{layout:Object.assign({},state.layout,{showToolbar:value})}}),{persistence:"session"})},resetLayout:function resetLayout(){return store.setState((function(state){return{layout:Object.assign({},state.layout,{showNav:!1,showPanel:!1,isFullscreen:!1})}}),{persistence:"session"})},focusOnUIElement:function focusOnUIElement(elementId,select){if(elementId){var element=layout_document.getElementById(elementId);element&&(element.focus(),select&&element.select())}},getInitialOptions:function getInitialOptions(){var _options$layout,_provider$getConfig=provider.getConfig(),theme=_provider$getConfig.theme,selectedPanel=_provider$getConfig.selectedPanel,options=layout_objectWithoutProperties(_provider$getConfig,layout_excluded);return void 0!==(null==options||null===(_options$layout=options.layout)||void 0===_options$layout?void 0:_options$layout.isToolshown)&&(client_logger_dist_esm.b.warn(Object(ts_dedent_esm.a)(layout_templateObject||(layout_templateObject=function layout_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(['\n          The "isToolshown" option is deprecated. Please use "showToolbar" instead.\n\n          See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#renamed-istoolshown-to-showtoolbar\n        '])))),options.layout.showToolbar=options.layout.isToolshown),Object.assign({},layout_defaultState,{layout:Object.assign({},layout_defaultState.layout,pick_default()(options,Object.keys(layout_defaultState.layout)),singleStory&&{showNav:!1}),ui:Object.assign({},layout_defaultState.ui,pick_default()(options,Object.keys(layout_defaultState.ui))),selectedPanel:selectedPanel||layout_defaultState.selectedPanel,theme:theme||layout_defaultState.theme})},setOptions:function setOptions(options){var _store$getState=store.getState(),layout=_store$getState.layout,ui=_store$getState.ui,selectedPanel=_store$getState.selectedPanel,theme=_store$getState.theme;if(options){var updatedLayout=Object.assign({},layout,pick_default()(options,Object.keys(layout)),singleStory&&{showNav:!1}),updatedUi=Object.assign({},ui,pick_default()(options,Object.keys(ui))),updatedTheme=Object.assign({},theme,options.theme),modification={};fast_deep_equal_default()(ui,updatedUi)||(modification.ui=updatedUi),fast_deep_equal_default()(layout,updatedLayout)||(modification.layout=updatedLayout),options.selectedPanel&&!fast_deep_equal_default()(selectedPanel,options.selectedPanel)&&(modification.selectedPanel=options.selectedPanel),Object.keys(modification).length&&store.setState(modification,{persistence:"permanent"}),fast_deep_equal_default()(theme,updatedTheme)||store.setState({theme:updatedTheme})}}},persisted=pick_default()(store.getState(),"layout","ui","selectedPanel");return{api:api,state:merge(api.getInitialOptions(),persisted)}},eventToShortcut=(__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),window_default.a.navigator,function eventToShortcut(e){if(["Meta","Alt","Control","Shift"].includes(e.key))return null;var keys=[];return e.altKey&&keys.push("alt"),e.ctrlKey&&keys.push("control"),e.metaKey&&keys.push("meta"),e.shiftKey&&keys.push("shift"),e.key&&1===e.key.length&&" "!==e.key&&keys.push(e.key.toUpperCase())," "===e.key&&keys.push("space"),"Escape"===e.key&&keys.push("escape"),"ArrowRight"===e.key&&keys.push("ArrowRight"),"ArrowDown"===e.key&&keys.push("ArrowDown"),"ArrowUp"===e.key&&keys.push("ArrowUp"),"ArrowLeft"===e.key&&keys.push("ArrowLeft"),keys.length>0?keys:null}),shortcutMatchesShortcut=function shortcutMatchesShortcut(inputShortcut,shortcut){return!(!inputShortcut||!shortcut)&&("shift/"===inputShortcut.join("")&&inputShortcut.shift(),inputShortcut.length===shortcut.length&&!inputShortcut.find((function(key,i){return key!==shortcut[i]})))};function shortcuts_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function shortcuts_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function shortcuts_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){shortcuts_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){shortcuts_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function shortcuts_slicedToArray(arr,i){return function shortcuts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function shortcuts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function shortcuts_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return shortcuts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return shortcuts_arrayLikeToArray(o,minLen)}(arr,i)||function shortcuts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function shortcuts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var shortcuts_navigator=window_default.a.navigator,shortcuts_document=window_default.a.document,shortcuts_isMacLike=function isMacLike(){return!(!shortcuts_navigator||!shortcuts_navigator.platform)&&!!shortcuts_navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i)},shortcuts_controlOrMetaKey=function controlOrMetaKey(){return shortcuts_isMacLike()?"meta":"control"};function keys(o){return Object.keys(o)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[shortcuts_controlOrMetaKey(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[shortcuts_controlOrMetaKey(),"shift","ArrowUp"],expandAll:[shortcuts_controlOrMetaKey(),"shift","ArrowDown"]}),addonsShortcuts={};var url_templateObject,url_templateObject2,url_templateObject3,_templateObject4,shortcuts_init=function init(_ref){var store=_ref.store,fullAPI=_ref.fullAPI,api={getShortcutKeys:function getShortcutKeys(){return store.getState().shortcuts},getDefaultShortcuts:function getDefaultShortcuts(){return Object.assign({},defaultShortcuts,api.getAddonsShortcutDefaults())},getAddonsShortcuts:function getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels:function getAddonsShortcutLabels(){var labels={};return Object.entries(api.getAddonsShortcuts()).forEach((function(_ref2){var _ref3=shortcuts_slicedToArray(_ref2,2),actionName=_ref3[0],label=_ref3[1].label;labels[actionName]=label})),labels},getAddonsShortcutDefaults:function getAddonsShortcutDefaults(){var defaults={};return Object.entries(api.getAddonsShortcuts()).forEach((function(_ref4){var _ref5=shortcuts_slicedToArray(_ref4,2),actionName=_ref5[0],defaultShortcut=_ref5[1].defaultShortcut;defaults[actionName]=defaultShortcut})),defaults},setShortcuts:function setShortcuts(shortcuts){return shortcuts_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,store.setState({shortcuts:shortcuts},{persistence:"permanent"});case 2:return _context.abrupt("return",shortcuts);case 3:case"end":return _context.stop()}}),_callee)})))()},restoreAllDefaultShortcuts:function restoreAllDefaultShortcuts(){return shortcuts_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.abrupt("return",api.setShortcuts(api.getDefaultShortcuts()));case 1:case"end":return _context2.stop()}}),_callee2)})))()},setShortcut:function setShortcut(action,value){return shortcuts_asyncToGenerator(regeneratorRuntime.mark((function _callee3(){var shortcuts;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return shortcuts=api.getShortcutKeys(),_context3.next=3,api.setShortcuts(Object.assign({},shortcuts,shortcuts_defineProperty({},action,value)));case 3:return _context3.abrupt("return",value);case 4:case"end":return _context3.stop()}}),_callee3)})))()},setAddonShortcut:function setAddonShortcut(addon,shortcut){return shortcuts_asyncToGenerator(regeneratorRuntime.mark((function _callee4(){var shortcuts;return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return shortcuts=api.getShortcutKeys(),_context4.next=3,api.setShortcuts(Object.assign({},shortcuts,shortcuts_defineProperty({},"".concat(addon,"-").concat(shortcut.actionName),shortcut.defaultShortcut)));case 3:return addonsShortcuts["".concat(addon,"-").concat(shortcut.actionName)]=shortcut,_context4.abrupt("return",shortcut);case 5:case"end":return _context4.stop()}}),_callee4)})))()},restoreDefaultShortcut:function restoreDefaultShortcut(action){return shortcuts_asyncToGenerator(regeneratorRuntime.mark((function _callee5(){var defaultShortcut;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return defaultShortcut=api.getDefaultShortcuts()[action],_context5.abrupt("return",api.setShortcut(action,defaultShortcut));case 2:case"end":return _context5.stop()}}),_callee5)})))()},handleKeydownEvent:function handleKeydownEvent(event){var shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find((function(feature){return shortcutMatchesShortcut(shortcut,shortcuts[feature])}));matchedFeature&&(null!=event&&event.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature:function handleShortcutFeature(feature){var _store$getState=store.getState(),_store$getState$layou=_store$getState.layout,isFullscreen=_store$getState$layou.isFullscreen,showNav=_store$getState$layou.showNav,showPanel=_store$getState$layou.showPanel;if(_store$getState.ui.enableShortcuts)switch(feature){case"escape":isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break;case"focusNav":isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break;case"search":isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout((function(){fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)}),0);break;case"focusIframe":var element=shortcuts_document.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch(e){}break;case"focusPanel":isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break;case"nextStory":fullAPI.jumpToStory(1);break;case"prevStory":fullAPI.jumpToStory(-1);break;case"nextComponent":fullAPI.jumpToComponent(1);break;case"prevComponent":fullAPI.jumpToComponent(-1);break;case"fullScreen":fullAPI.toggleFullscreen();break;case"togglePanel":isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break;case"toggleNav":isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break;case"toolbar":fullAPI.toggleToolbar();break;case"panelPosition":isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break;case"aboutPage":fullAPI.navigate("/settings/about");break;case"shortcutsPage":fullAPI.navigate("/settings/shortcuts");break;case"collapseAll":fullAPI.collapseAll();break;case"expandAll":fullAPI.expandAll();break;default:addonsShortcuts[feature].action()}}},_store$getState2$shor=store.getState().shortcuts,persistedShortcuts=void 0===_store$getState2$shor?defaultShortcuts:_store$getState2$shor,state={shortcuts:keys(defaultShortcuts).reduce((function(acc,key){return Object.assign({},acc,shortcuts_defineProperty({},key,persistedShortcuts[key]||defaultShortcuts[key]))}),defaultShortcuts)};return{api:api,state:state,init:function initModule(){shortcuts_document.addEventListener("keydown",(function(event){(function focusInInput(event){return/input|textarea/i.test(event.target.tagName)||null!==event.target.getAttribute("contenteditable")})(event)||fullAPI.handleKeydownEvent(event)})),fullAPI.on(dist_esm.PREVIEW_KEYDOWN,(function(data){fullAPI.handleKeydownEvent(data.event)}))}}},router_dist_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/@storybook/router/dist/esm/index.js")),url_excluded=["full","panel","nav","shortcuts","addonPanel","tabs","addons","panelRight","stories","selectedKind","selectedStory","path"],url_excluded2=["store","navigate","state","provider","fullAPI"];function url_toConsumableArray(arr){return function url_arrayWithoutHoles(arr){if(Array.isArray(arr))return url_arrayLikeToArray(arr)}(arr)||function url_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||url_unsupportedIterableToArray(arr)||function url_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function url_slicedToArray(arr,i){return function url_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function url_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||url_unsupportedIterableToArray(arr,i)||function url_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function url_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return url_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?url_arrayLikeToArray(o,minLen):void 0}}function url_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function url_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function url_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function url_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var prevParams,globalWindow=window_default.a.window,parseBoolean=function parseBoolean(value){return"true"===value||"1"===value||"false"!==value&&"0"!==value&&void 0},url_initialUrlSupport=function initialUrlSupport(_ref){var _ref$state=_ref.state,location=_ref$state.location,path=_ref$state.path,viewMode=_ref$state.viewMode,storyIdFromUrl=_ref$state.storyId,singleStory=_ref.singleStory,_queryFromLocation=Object(router_dist_esm.b)(location),full=_queryFromLocation.full,panel=_queryFromLocation.panel,nav=_queryFromLocation.nav,shortcuts=_queryFromLocation.shortcuts,addonPanel=_queryFromLocation.addonPanel,tabs=_queryFromLocation.tabs,addons=_queryFromLocation.addons,panelRight=_queryFromLocation.panelRight,stories=_queryFromLocation.stories,selectedKind=_queryFromLocation.selectedKind,selectedStory=_queryFromLocation.selectedStory,otherParams=(_queryFromLocation.path,url_objectWithoutProperties(_queryFromLocation,url_excluded)),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0;"0"===addons&&(client_logger_dist_esm.b.warn(Object(ts_dedent_esm.a)(url_templateObject||(url_templateObject=url_taggedTemplateLiteral(["\n      The 'addons' query param is deprecated and will be removed in Storybook 7.0. Use 'panel=false' instead.\n\n      More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-layout-url-params\n    "])))),layout.showPanel=!1),"1"===panelRight&&(client_logger_dist_esm.b.warn(Object(ts_dedent_esm.a)(url_templateObject2||(url_templateObject2=url_taggedTemplateLiteral(["\n      The 'panelRight' query param is deprecated and will be removed in Storybook 7.0. Use 'panel=right' instead.\n\n      More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-layout-url-params\n    "])))),layout.panelPosition="right"),"0"===stories&&(client_logger_dist_esm.b.warn(Object(ts_dedent_esm.a)(url_templateObject3||(url_templateObject3=url_taggedTemplateLiteral(["\n      The 'stories' query param is deprecated and will be removed in Storybook 7.0. Use 'nav=false' instead.\n\n      More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-layout-url-params\n    "])))),layout.showNav=!1);var storyId=storyIdFromUrl;!storyId&&selectedKind&&(client_logger_dist_esm.b.warn(Object(ts_dedent_esm.a)(_templateObject4||(_templateObject4=url_taggedTemplateLiteral(["\n      The 'selectedKind' and 'selectedStory' query params are deprecated and will be removed in Storybook 7.0. Use 'path' instead.\n\n      More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-layout-url-params\n    "])))),storyId=selectedStory?Object(dist.toId)(selectedKind,selectedStory):Object(dist.sanitize)(selectedKind));var customQueryParams=fast_deep_equal_default()(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode:viewMode,layout:layout,ui:ui,selectedPanel:selectedPanel,location:location,path:path,customQueryParams:customQueryParams,storyId:storyId}},url_init=function init(_ref2){var store=_ref2.store,navigate=_ref2.navigate,state=_ref2.state,provider=_ref2.provider,fullAPI=_ref2.fullAPI,rest=url_objectWithoutProperties(_ref2,url_excluded2),navigateTo=function navigateTo(path){var queryParams=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},options=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},params=Object.entries(queryParams).filter((function(_ref3){return url_slicedToArray(_ref3,2)[1]})).sort((function(_ref5,_ref6){return url_slicedToArray(_ref5,1)[0]<url_slicedToArray(_ref6,1)[0]?-1:1})).map((function(_ref9){var _ref10=url_slicedToArray(_ref9,2),k=_ref10[0],v=_ref10[1];return"".concat(k,"=").concat(v)})),to=[path].concat(url_toConsumableArray(params)).join("&");return navigate(to,options)},api={getQueryParam:function getQueryParam(key){var customQueryParams=store.getState().customQueryParams;return customQueryParams?customQueryParams[key]:void 0},getUrlState:function getUrlState(){var _store$getState2=store.getState();return{path:_store$getState2.path,queryParams:_store$getState2.customQueryParams,storyId:_store$getState2.storyId,url:_store$getState2.url,viewMode:_store$getState2.viewMode}},setQueryParams:function setQueryParams(input){var customQueryParams=store.getState().customQueryParams,update=Object.assign({},customQueryParams,Object.entries(input).reduce((function(acc,_ref11){var _ref12=url_slicedToArray(_ref11,2),key=_ref12[0],value=_ref12[1];return null!==value&&(acc[key]=value),acc}),{}));fast_deep_equal_default()(customQueryParams,update)||(store.setState({customQueryParams:update}),fullAPI.emit(dist_esm.UPDATE_QUERY_PARAMS,update))},navigateUrl:function navigateUrl(url,options){navigate(url,Object.assign({},options,{plain:!0}))}};return{api:api,state:url_initialUrlSupport(Object.assign({store:store,navigate:navigate,state:state,provider:provider,fullAPI:fullAPI},rest)),init:function initModule(){var handleOrId,updateArgsParam=function updateArgsParam(){var _fullAPI$getUrlState=fullAPI.getUrlState(),path=_fullAPI$getUrlState.path,queryParams=_fullAPI$getUrlState.queryParams;if("story"===_fullAPI$getUrlState.viewMode){var currentStory=fullAPI.getCurrentStoryData();if(isStory(currentStory)){var args=currentStory.args,initialArgs=currentStory.initialArgs,argsString=Object(router_dist_esm.a)(initialArgs,args);navigateTo(path,Object.assign({},queryParams,{args:argsString}),{replace:!0}),api.setQueryParams({args:argsString})}}};fullAPI.on(dist_esm.SET_CURRENT_STORY,(function(){return updateArgsParam()})),fullAPI.on(dist_esm.STORY_ARGS_UPDATED,(function(){"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))})),fullAPI.on(dist_esm.GLOBALS_UPDATED,(function(_ref13){var globals=_ref13.globals,initialGlobals=_ref13.initialGlobals,_fullAPI$getUrlState2=fullAPI.getUrlState(),path=_fullAPI$getUrlState2.path,queryParams=_fullAPI$getUrlState2.queryParams,globalsString=Object(router_dist_esm.a)(initialGlobals,globals);navigateTo(path,Object.assign({},queryParams,{globals:globalsString}),{replace:!0}),api.setQueryParams({globals:globalsString})})),fullAPI.on(dist_esm.NAVIGATE_URL,(function(url,options){fullAPI.navigateUrl(url,options)})),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")}}},semver=__webpack_require__("./node_modules/@storybook/semver/index.js"),semver_default=__webpack_require__.n(semver);function versions_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}var VERSIONCHECK=window_default.a.VERSIONCHECK,getVersionCheckData=memoizerific_default()(1)((function(){try{return Object.assign({},JSON.parse(VERSIONCHECK).data||{})}catch(e){return{}}})),versions_init=function init(_ref){var store=_ref.store,mode=_ref.mode,fullAPI=_ref.fullAPI,dismissedVersionNotification=store.getState().dismissedVersionNotification,state={versions:Object.assign({current:{version:"6.5.3"}},getVersionCheckData()),dismissedVersionNotification:dismissedVersionNotification},api={getCurrentVersion:function getCurrentVersion(){return store.getState().versions.current},getLatestVersion:function getLatestVersion(){var _store$getState3$vers=store.getState().versions,latest=_store$getState3$vers.latest,next=_store$getState3$vers.next,current=_store$getState3$vers.current;return current&&semver_default.a.prerelease(current.version)&&next?latest&&semver_default.a.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:function versionUpdateAvailable(){var latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version)return!0;if(!current.version)return!0;var actualCurrent=!!semver_default.a.prerelease(current.version)?"".concat(semver_default.a.major(current.version),".").concat(semver_default.a.minor(current.version),".").concat(semver_default.a.patch(current.version)):current.version,diff=semver_default.a.diff(actualCurrent,latest.version);return semver_default.a.gt(latest.version,actualCurrent)&&"patch"!==diff&&!diff.includes("pre")}return!1}},initModule=function(){var _ref2=function versions_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){versions_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){versions_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(){var _store$getState4,_store$getState4$vers,versions,_getVersionCheckData,latest,next,latestVersion,diff;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _store$getState4=store.getState(),_store$getState4$vers=_store$getState4.versions,versions=void 0===_store$getState4$vers?{}:_store$getState4$vers,_getVersionCheckData=getVersionCheckData(),latest=_getVersionCheckData.latest,next=_getVersionCheckData.next,_context.next=4,store.setState({versions:Object.assign({},versions,{latest:latest,next:next})});case 4:api.versionUpdateAvailable()&&(latestVersion=api.getLatestVersion().version,diff=semver_default.a.diff(versions.current.version,versions.latest.version),latestVersion===dismissedVersionNotification||"patch"===diff||semver_default.a.prerelease(latestVersion)||"production"===mode||fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:"Storybook ".concat(latestVersion," is available!"),subHeadline:"Your current version is: ".concat(versions.current.version)},icon:{name:"book"},onClear:function onClear(){store.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}}));case 5:case"end":return _context.stop()}}),_callee)})));return function initModule(){return _ref2.apply(this,arguments)}}();return{init:initModule,state:state,api:api}},globals_init=function init(_ref){var store=_ref.store,fullAPI=_ref.fullAPI,api={getGlobals:function getGlobals(){return store.getState().globals},getGlobalTypes:function getGlobalTypes(){return store.getState().globalTypes},updateGlobals:function updateGlobals(newGlobals){fullAPI.emit(dist_esm.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}};return{api:api,state:{globals:{},globalTypes:{}},init:function initModule(){fullAPI.on(dist_esm.GLOBALS_UPDATED,(function handleGlobalsUpdated(_ref2){var globals=_ref2.globals;events_getEventMetadata(this,fullAPI).ref?client_logger_dist_esm.a.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):function updateGlobals(globals){var _store$getState,currentGlobals=null===(_store$getState=store.getState())||void 0===_store$getState?void 0:_store$getState.globals;fast_deep_equal_default()(globals,currentGlobals)||store.setState({globals:globals})}(globals)})),fullAPI.on(dist_esm.SET_GLOBALS,(function handleSetStories(_ref3){var _store$getState2,globals=_ref3.globals,globalTypes=_ref3.globalTypes,ref=events_getEventMetadata(this,fullAPI).ref,currentGlobals=null===(_store$getState2=store.getState())||void 0===_store$getState2?void 0:_store$getState2.globals;ref?Object.keys(globals).length>0&&client_logger_dist_esm.a.warn("received globals from a non-local ref. This is not currently supported."):store.setState({globals:globals,globalTypes:globalTypes}),currentGlobals&&0!==Object.keys(currentGlobals).length&&!fast_deep_equal_default()(globals,currentGlobals)&&api.updateGlobals(currentGlobals)}))}}};function esm_typeof(obj){return esm_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},esm_typeof(obj)}function esm_toConsumableArray(arr){return function esm_arrayWithoutHoles(arr){if(Array.isArray(arr))return esm_arrayLikeToArray(arr)}(arr)||function esm_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||esm_unsupportedIterableToArray(arr)||function esm_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function esm_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return esm_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?esm_arrayLikeToArray(o,minLen):void 0}}function esm_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function esm_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===esm_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var ManagerContext=function createContext(_ref){var api=_ref.api,state=_ref.state;return Object(react.createContext)({api:api,state:state})}({api:void 0,state:initial_state({})}),esm_combineParameters=function combineParameters(){for(var _len=arguments.length,parameterSets=new Array(_len),_key=0;_key<_len;_key++)parameterSets[_key]=arguments[_key];return mergeWith_default.a.apply(void 0,[{}].concat(parameterSets,[function(objValue,srcValue){if(Array.isArray(srcValue))return srcValue}]))},esm_ManagerProvider=function(_Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ManagerProvider,_Component);var _super=_createSuper(ManagerProvider);function ManagerProvider(props){var _this;!function esm_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ManagerProvider),(_this=_super.call(this,props)).api={},_this.modules=void 0,_this.initModules=function(){_this.modules.forEach((function(_ref){var init=_ref.init;init&&init()}))};var location=props.location,path=props.path,refId=props.refId,_props$viewMode=props.viewMode,viewMode=void 0===_props$viewMode?props.docsMode?"docs":"story":_props$viewMode,singleStory=props.singleStory,storyId=props.storyId,docsMode=props.docsMode,navigate=props.navigate,store=new store_Store({getState:function getState(){return _this.state},setState:function setState(stateChange,callback){return _this.setState(stateChange,callback)}}),routeData={location:location,path:path,viewMode:viewMode,singleStory:singleStory,storyId:storyId,refId:refId};_this.state=store.getInitialState(initial_state(Object.assign({},routeData,docsMode?{layout:{showToolbar:!1,showPanel:!1},ui:{docsMode:!0}}:null)));var apiData={navigate:navigate,store:store,provider:props.provider};_this.modules=[provider_namespaceObject,channel_namespaceObject,addons_namespaceObject,layout_namespaceObject,notifications_namespaceObject,settings_namespaceObject,release_notes_namespaceObject,shortcuts_namespaceObject,modules_stories_namespaceObject,refs_namespaceObject,globals_namespaceObject,url_namespaceObject,versions_namespaceObject].map((function(m){return m.init(Object.assign({},routeData,apiData,{state:_this.state,fullAPI:_this.api}))}));var state=initial_state.apply(void 0,[_this.state].concat(esm_toConsumableArray(_this.modules.map((function(m){return m.state}))))),api=Object.assign.apply(Object,[_this.api,{navigate:navigate}].concat(esm_toConsumableArray(_this.modules.map((function(m){return m.api})))));return _this.state=state,_this.api=api,_this}return function esm_createClass(Constructor,protoProps,staticProps){return protoProps&&esm_defineProperties(Constructor.prototype,protoProps),staticProps&&esm_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ManagerProvider,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps,nextState){var prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}},{key:"render",value:function render(){var children=this.props.children,value={state:this.state,api:this.api};return react_default.a.createElement(esm_EffectOnMount,{effect:this.initModules},react_default.a.createElement(ManagerContext.Provider,{value:value},react_default.a.createElement(ManagerConsumer,null,children)))}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return state.path!==props.path?Object.assign({},state,{location:props.location,path:props.path,refId:props.refId,viewMode:"story"===(props.docsMode&&props.viewMode)?"docs":props.viewMode,storyId:props.storyId}):null}}]),ManagerProvider}(react.Component);esm_ManagerProvider.displayName="ManagerProvider",esm_ManagerProvider.displayName="Manager";var esm_EffectOnMount=function EffectOnMount(_ref2){var children=_ref2.children,effect=_ref2.effect;return react_default.a.useEffect(effect,[]),children},defaultFilter=function defaultFilter(c){return c};function ManagerConsumer(_ref3){var _ref3$filter=_ref3.filter,filter=void 0===_ref3$filter?defaultFilter:_ref3$filter,children=_ref3.children,c=Object(react.useContext)(ManagerContext),renderer=Object(react.useRef)(children),filterer=Object(react.useRef)(filter);if("function"!=typeof renderer.current)return react_default.a.createElement(react.Fragment,null,renderer.current);var data=filterer.current(c),l=Object(react.useMemo)((function(){return esm_toConsumableArray(Object.entries(data).reduce((function(acc,keyval){return acc.concat(keyval)}),[]))}),[c.state]);return Object(react.useMemo)((function(){var Child=renderer.current;return react_default.a.createElement(Child,data)}),l)}var _defaultBadgesConfig,BADGE,index_3ae04fda=__webpack_require__("./node_modules/@storybook/components/dist/esm/index-3ae04fda.js"),ADDON_ID="@geometricpanda/storybook-addon-badges";!function(BADGE){BADGE.DEFAULT="default",BADGE.BETA="beta",BADGE.STABLE="stable",BADGE.NEEDS_REVISION="needs-revision",BADGE.OBSOLETE="obsolete",BADGE.EXPERIMENTAL="experimental",BADGE.DEPRECATED="deprecated"}(BADGE||(BADGE={}));var defaultBadgesConfig=((_defaultBadgesConfig={})[BADGE.DEFAULT]={title:"Badge"},_defaultBadgesConfig[BADGE.BETA]={title:"Beta",styles:{backgroundColor:"#D6E0FF",borderColor:"#2952CC",color:"#2952CC"}},_defaultBadgesConfig[BADGE.STABLE]={title:"Stable",styles:{backgroundColor:"#DCF2EA",borderColor:"#317159",color:"#317159"}},_defaultBadgesConfig[BADGE.NEEDS_REVISION]={title:"Needs Revision",styles:{backgroundColor:"#FFEFD2",borderColor:"#66460D",color:"#66460D"}},_defaultBadgesConfig[BADGE.OBSOLETE]={title:"Obsolete",styles:{backgroundColor:"#F9DADA",borderColor:"#7D2828",color:"#7D2828"}},_defaultBadgesConfig[BADGE.EXPERIMENTAL]={title:"Experimental",styles:{backgroundColor:"#E7E4F9",borderColor:"#6E62B6",color:"#6E62B6"}},_defaultBadgesConfig[BADGE.DEPRECATED]={title:"Deprecated",styles:{backgroundColor:"#F8E3DA",borderColor:"#85462B",color:"#85462B"}},_defaultBadgesConfig),defaultBadgeConfig=defaultBadgesConfig[BADGE.DEFAULT];var getBadgeConfig=function getBadgeConfig(badge,config){return Object.assign(Object.assign(Object.assign({},defaultBadgeConfig),{title:badge}),config)},getTitle=function getTitle(badge,config){return getBadgeConfig(badge,config).title},getBadgeCustomProperty=function getBadgeCustomProperty(name,suffix){return"--badge-"+name.replace(/[^a-z0-9]/g,(function(str){var _char=str.charCodeAt(0);return 32==_char?"-":_char>=65&&_char<=90?"_"+str.toLowerCase():"__"+("000"+_char.toString(16)).slice(-4)}))+"-"+suffix},BadgeWrapper=theming_dist_esm.j.span((function(_ref){return{display:"flex",paddingInline:_ref.theme.layoutMargin/2}})),BadgeInnerWithTooltip=function WithBadgeTooltip(Component){return function(_a){var tooltipMessageProps,badge=_a.badge,config=_a.config,rest=function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}(_a,["badge","config"]),tooltipData=function getTooltip(badge,config){return getBadgeConfig(badge,config).tooltip}(badge,config);return tooltipMessageProps="string"==typeof tooltipData?{desc:tooltipData}:tooltipData,tooltipData?Object(jsx_runtime.jsx)(index_3ae04fda.l,Object.assign({tooltip:Object(jsx_runtime.jsx)(index_3ae04fda.C,Object.assign({},tooltipMessageProps),void 0)},{children:Object(jsx_runtime.jsx)(Component,Object.assign({badge:badge},rest),void 0)}),void 0):Object(jsx_runtime.jsx)(Component,Object.assign({badge:badge},rest),void 0)}}(theming_dist_esm.j.span((function(_ref2){var badge=_ref2.badge;return{borderColor:"var("+getBadgeCustomProperty(badge,"border-color")+")",borderRadius:"var("+getBadgeCustomProperty(badge,"border-radius")+")",borderStyle:"var("+getBadgeCustomProperty(badge,"border-style")+")",borderWidth:"var("+getBadgeCustomProperty(badge,"border-width")+")",color:"var("+getBadgeCustomProperty(badge,"color")+")",backgroundColor:"var("+getBadgeCustomProperty(badge,"background-color")+")",fontSize:"var("+getBadgeCustomProperty(badge,"font-size")+")",fontFamily:"var("+getBadgeCustomProperty(badge,"font-family")+")",fontWeight:"var("+getBadgeCustomProperty(badge,"font-weight")+")",lineHeight:"var("+getBadgeCustomProperty(badge,"line-height")+")",textTransform:"var("+getBadgeCustomProperty(badge,"text-transform")+")",paddingInline:"var("+getBadgeCustomProperty(badge,"padding-inline")+")",paddingBlock:"var("+getBadgeCustomProperty(badge,"padding-block")+")",display:"block"}}))),storybook_addon_badges_esm_Badge=function Badge(_ref3){var badge=_ref3.badge,config=_ref3.config;return Object(jsx_runtime.jsx)(BadgeWrapper,{children:Object(jsx_runtime.jsx)(BadgeInnerWithTooltip,Object.assign({badge:badge,config:config},{children:getTitle(badge,config)}),void 0)},void 0)},BadgesWrapper=theming_dist_esm.j.div((function(_ref2){var theme=_ref2.theme,badgesConfig=_ref2.badgesConfig;return Object.assign(Object.assign({},function getCustomProperties(config){return Object.entries(config).reduce((function(acc,_ref){var _Object$assign,name=_ref[0],_ref$=_ref[1],color=_ref$.color,contrast=_ref$.contrast,styles=_ref$.styles;return Object.assign(Object.assign({},acc),((_Object$assign={})[getBadgeCustomProperty(name,"background-color")]=(null==styles?void 0:styles.backgroundColor)||contrast||"#EDEFF5",_Object$assign[getBadgeCustomProperty(name,"border-color")]=(null==styles?void 0:styles.borderColor)||color||"#474D66",_Object$assign[getBadgeCustomProperty(name,"color")]=(null==styles?void 0:styles.color)||color||"#474D66",_Object$assign[getBadgeCustomProperty(name,"border-width")]=(null==styles?void 0:styles.borderWidth)||"1px",_Object$assign[getBadgeCustomProperty(name,"border-style")]=(null==styles?void 0:styles.borderStyle)||"solid",_Object$assign[getBadgeCustomProperty(name,"border-radius")]=(null==styles?void 0:styles.borderRadius)||"3px",_Object$assign[getBadgeCustomProperty(name,"font-family")]=(null==styles?void 0:styles.fontFamily)||"inherit",_Object$assign[getBadgeCustomProperty(name,"font-size")]=(null==styles?void 0:styles.fontSize)||"0.625rem",_Object$assign[getBadgeCustomProperty(name,"font-weight")]=(null==styles?void 0:styles.fontWeight)||"bold",_Object$assign[getBadgeCustomProperty(name,"line-height")]=(null==styles?void 0:styles.lineHeight)||"1",_Object$assign[getBadgeCustomProperty(name,"padding-block")]=(null==styles?void 0:styles.paddingBlock)||"2px",_Object$assign[getBadgeCustomProperty(name,"padding-inline")]=(null==styles?void 0:styles.paddingInline)||"5px",_Object$assign[getBadgeCustomProperty(name,"text-transform")]=(null==styles?void 0:styles.textTransform)||"uppercase",_Object$assign))}),{})}(badgesConfig)),{marginInline:theme.layoutMargin/-2,paddingLeft:theme.layoutMargin,display:"flex",alignItems:"center"})})),storybook_addon_badges_esm_Badges=function Badges(_ref3){var _ref3$badges=_ref3.badges,badges=void 0===_ref3$badges?[]:_ref3$badges,_ref3$badgesConfig=_ref3.badgesConfig,badgesConfig=void 0===_ref3$badgesConfig?defaultBadgesConfig:_ref3$badgesConfig;return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(index_3ae04fda.D,{},void 0),Object(jsx_runtime.jsx)(BadgesWrapper,Object.assign({badgesConfig:badgesConfig},{children:badges.map((function(badge,index){return Object(jsx_runtime.jsx)(storybook_addon_badges_esm_Badge,{badge:badge,config:badgesConfig[badge]},badge)}))}),void 0),Object(jsx_runtime.jsx)(index_3ae04fda.D,{},void 0)]},void 0)},storybook_addon_badges_esm_Manager=function Manager(){return Object(jsx_runtime.jsx)(ManagerConsumer,{children:function children(_ref){var api=_ref.api,state=_ref.state,story=api.getData(state.storyId,state.refId),customBadgesConfig=api.getCurrentParameter("badgesConfig")||{},badgesConfig=Object.assign(Object.assign({},defaultBadgesConfig),customBadgesConfig),badges=api.getCurrentParameter("badges")||[];return story&&badges.length?Object(jsx_runtime.jsx)(storybook_addon_badges_esm_Badges,{badges:badges,badgesConfig:badgesConfig},void 0):null}},void 0)};esm.c.register(ADDON_ID,(function(){esm.c.add(ADDON_ID,{title:"Storybook Addon Badges",type:types.b.TOOL,match:function match(){return!0},render:storybook_addon_badges_esm_Manager})}))},"./node_modules/@mdx-js/react/dist/esm.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MDXProvider})),__webpack_require__.d(__webpack_exports__,"b",(function(){return createElement}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MDXContext=react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext({}),useMDXComponents=function useMDXComponents(components){var contextComponents=react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(MDXContext),allComponents=contextComponents;return components&&(allComponents=function isFunction(obj){return"function"==typeof obj}(components)?components(contextComponents):_objectSpread2(_objectSpread2({},contextComponents),components)),allComponents},MDXProvider=function MDXProvider(props){var allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MDXContext.Provider,{value:allComponents},props.children)},DEFAULTS={inlineCode:"code",wrapper:function wrapper(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,{},children)}},MDXCreateElement=react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef((function(props,ref){var propComponents=props.components,mdxType=props.mdxType,originalType=props.originalType,parentName=props.parentName,etc=_objectWithoutProperties(props,["components","mdxType","originalType","parentName"]),components=useMDXComponents(propComponents),type=mdxType,Component=components["".concat(parentName,".").concat(type)]||components[type]||DEFAULTS[type]||originalType;return propComponents?react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Component,_objectSpread2(_objectSpread2({ref:ref},etc),{},{components:propComponents})):react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Component,_objectSpread2({ref:ref},etc))}));function createElement(type,props){var args=arguments,mdxType=props&&props.mdxType;if("string"==typeof type||mdxType){var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=MDXCreateElement;var newProps={};for(var key in props)hasOwnProperty.call(props,key)&&(newProps[key]=props[key]);newProps.originalType=type,newProps.mdxType="string"==typeof type?type:mdxType,createElementArgArray[1]=newProps;for(var i=2;i<argsLength;i++)createElementArgArray[i]=args[i];return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement.apply(null,createElementArgArray)}return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement.apply(null,args)}MDXCreateElement.displayName="MDXCreateElement"},"./node_modules/@reach/dialog/dist/reach-dialog.esm.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return reach_dialog_esm_DialogContent})),__webpack_require__.d(__webpack_exports__,"b",(function(){return reach_dialog_esm_DialogOverlay}));var react=__webpack_require__("./node_modules/react/index.js");function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var useIsomorphicLayoutEffect=canUseDOM()?react.useLayoutEffect:react.useEffect;var react_dom=__webpack_require__("./node_modules/react-dom/index.js"),reach_portal_esm_Portal=function Portal(_ref){var children=_ref.children,_ref$type=_ref.type,type=void 0===_ref$type?"reach-portal":_ref$type,mountNode=Object(react.useRef)(null),portalNode=Object(react.useRef)(null),forceUpdate=function useForceUpdate(){var dispatch=Object(react.useState)(Object.create(null))[1];return Object(react.useCallback)((function(){dispatch(Object.create(null))}),[])}();return useIsomorphicLayoutEffect((function(){if(mountNode.current){var ownerDocument=mountNode.current.ownerDocument;return portalNode.current=null==ownerDocument?void 0:ownerDocument.createElement(type),ownerDocument.body.appendChild(portalNode.current),forceUpdate(),function(){portalNode.current&&portalNode.current.ownerDocument&&portalNode.current.ownerDocument.body.removeChild(portalNode.current)}}}),[type,forceUpdate]),portalNode.current?Object(react_dom.createPortal)(children,portalNode.current):Object(react.createElement)("span",{ref:mountNode})};function getOwnerDocument(element){return canUseDOM()?element?element.ownerDocument:document:null}function noop(){}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _createForOfIteratorHelperLoose(o,allowArrayLike){var it;if("undefined"==typeof Symbol||null==o[Symbol.iterator]){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0;return function(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(it=o[Symbol.iterator]()).next.bind(it)}function assignRef(ref,value){if(null!=ref)if(function isFunction(value){return!(!value||"[object Function]"!={}.toString.call(value))}(ref))ref(value);else try{ref.current=value}catch(error){throw new Error('Cannot assign value "'+value+'" to ref "'+ref+'"')}}function composeEventHandlers(theirHandler,ourHandler){return function(event){if(theirHandler&&theirHandler(event),!event.defaultPrevented)return ourHandler(event)}}var es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js");var __assign=function(){return __assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t},__assign.apply(this,arguments)};var medium=__webpack_require__("./node_modules/use-sidecar/dist/es2015/medium.js"),effectCar=Object(medium.b)(),useMergeRef=__webpack_require__("./node_modules/use-callback-ref/dist/es2015/useMergeRef.js"),nothing=function(){},RemoveScroll=react.forwardRef((function(props,parentRef){var ref=react.useRef(null),_a=react.useState({onScrollCapture:nothing,onWheelCapture:nothing,onTouchMoveCapture:nothing}),callbacks=_a[0],setCallbacks=_a[1],forwardProps=props.forwardProps,children=props.children,className=props.className,removeScrollBar=props.removeScrollBar,enabled=props.enabled,shards=props.shards,sideCar=props.sideCar,noIsolation=props.noIsolation,inert=props.inert,allowPinchZoom=props.allowPinchZoom,_b=props.as,Container=void 0===_b?"div":_b,rest=function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}(props,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),SideCar=sideCar,containerRef=Object(useMergeRef.a)([ref,parentRef]),containerProps=__assign({},rest,callbacks);return react.createElement(react.Fragment,null,enabled&&react.createElement(SideCar,{sideCar:effectCar,removeScrollBar:removeScrollBar,shards:shards,noIsolation:noIsolation,inert:inert,setCallbacks:setCallbacks,allowPinchZoom:!!allowPinchZoom,lockRef:ref}),forwardProps?react.cloneElement(react.Children.only(children),__assign({},containerProps,{ref:containerRef})):react.createElement(Container,__assign({},containerProps,{className:className,ref:containerRef}),children))}));RemoveScroll.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},RemoveScroll.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};var currentNonce,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),exports_SideCar=function(_a){var sideCar=_a.sideCar,rest=Object(tslib_es6.b)(_a,["sideCar"]);if(!sideCar)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var Target=sideCar.read();if(!Target)throw new Error("Sidecar medium not found");return react.createElement(Target,Object(tslib_es6.a)({},rest))};exports_SideCar.isSideCarExport=!0;function makeStyleTag(){if(!document)return null;var tag=document.createElement("style");tag.type="text/css";var nonce=currentNonce||__webpack_require__.nc;return nonce&&tag.setAttribute("nonce",nonce),tag}var stylesheetSingleton=function(){var counter=0,stylesheet=null;return{add:function(style){0==counter&&(stylesheet=makeStyleTag())&&(!function injectStyles(tag,css){tag.styleSheet?tag.styleSheet.cssText=css:tag.appendChild(document.createTextNode(css))}(stylesheet,style),function insertStyleTag(tag){(document.head||document.getElementsByTagName("head")[0]).appendChild(tag)}(stylesheet)),counter++},remove:function(){!--counter&&stylesheet&&(stylesheet.parentNode&&stylesheet.parentNode.removeChild(stylesheet),stylesheet=null)}}},styleSingleton=function(){var sheet,useStyle=(sheet=stylesheetSingleton(),function(styles){react.useEffect((function(){return sheet.add(styles),function(){sheet.remove()}}),[])});return function(_a){var styles=_a.styles;return useStyle(styles),null}},zeroGap={left:0,top:0,right:0,gap:0},parse=function(x){return parseInt(x||"",10)||0},getGapWidth=function(gapMode){if(void 0===gapMode&&(gapMode="margin"),"undefined"==typeof window)return zeroGap;var offsets=function(gapMode){var cs=window.getComputedStyle(document.body),left=cs["padding"===gapMode?"paddingLeft":"marginLeft"],top=cs["padding"===gapMode?"paddingTop":"marginTop"],right=cs["padding"===gapMode?"paddingRight":"marginRight"];return[parse(left),parse(top),parse(right)]}(gapMode),documentWidth=document.documentElement.clientWidth,windowWidth=window.innerWidth;return{left:offsets[0],top:offsets[1],right:offsets[2],gap:Math.max(0,windowWidth-documentWidth+offsets[2]-offsets[0])}},component_Style=styleSingleton(),getStyles=function(_a,allowRelative,gapMode,important){var left=_a.left,top=_a.top,right=_a.right,gap=_a.gap;return void 0===gapMode&&(gapMode="margin"),"\n  .with-scroll-bars-hidden {\n   overflow: hidden "+important+";\n   padding-right: "+gap+"px "+important+";\n  }\n  body {\n    overflow: hidden "+important+";\n    "+[allowRelative&&"position: relative "+important+";","margin"===gapMode&&"\n    padding-left: "+left+"px;\n    padding-top: "+top+"px;\n    padding-right: "+right+"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: "+gap+"px "+important+";\n    ","padding"===gapMode&&"padding-right: "+gap+"px "+important+";"].filter(Boolean).join("")+"\n  }\n  \n  .right-scroll-bar-position {\n    right: "+gap+"px "+important+";\n  }\n  \n  .width-before-scroll-bar {\n    margin-right: "+gap+"px "+important+";\n  }\n  \n  .right-scroll-bar-position .right-scroll-bar-position {\n    right: 0 "+important+";\n  }\n  \n  .width-before-scroll-bar .width-before-scroll-bar {\n    margin-right: 0 "+important+";\n  }\n  \n  body {\n    --removed-body-scroll-bar-size: "+gap+"px;\n  }\n"},RemoveScrollBar=function(props){var _a=react.useState(getGapWidth(props.gapMode)),gap=_a[0],setGap=_a[1];react.useEffect((function(){setGap(getGapWidth(props.gapMode))}),[props.gapMode]);var noRelative=props.noRelative,noImportant=props.noImportant,_b=props.gapMode,gapMode=void 0===_b?"margin":_b;return react.createElement(component_Style,{styles:getStyles(gap,!noRelative,gapMode,noImportant?"":"!important")})},locationCouldBeScrolled=function(axis,node){var current=node;do{if("undefined"!=typeof ShadowRoot&&current instanceof ShadowRoot&&(current=current.host),elementCouldBeScrolled(axis,current)){var _a=getScrollVariables(axis,current);if(_a[1]>_a[2])return!0}current=current.parentNode}while(current&&current!==document.body);return!1},elementCouldBeScrolled=function(axis,node){return"v"===axis?function(node){var styles=window.getComputedStyle(node);return"hidden"!==styles.overflowY&&!(styles.overflowY===styles.overflowX&&"visible"===styles.overflowY)}(node):function(node){var styles=window.getComputedStyle(node);return"range"===node.type||"hidden"!==styles.overflowX&&!(styles.overflowY===styles.overflowX&&"visible"===styles.overflowX)}(node)},getScrollVariables=function(axis,node){return"v"===axis?[(_a=node).scrollTop,_a.scrollHeight,_a.clientHeight]:function(_a){return[_a.scrollLeft,_a.scrollWidth,_a.clientWidth]}(node);var _a},passiveSupported=!1;if("undefined"!=typeof window)try{var options=Object.defineProperty({},"passive",{get:function(){return passiveSupported=!0,!0}});window.addEventListener("test",options,options),window.removeEventListener("test",options,options)}catch(err){passiveSupported=!1}var nonPassive=!!passiveSupported&&{passive:!1},getTouchXY=function(event){return"changedTouches"in event?[event.changedTouches[0].clientX,event.changedTouches[0].clientY]:[0,0]},getDeltaXY=function(event){return[event.deltaX,event.deltaY]},extractRef=function(ref){return ref&&"current"in ref?ref.current:ref},generateStyle=function(id){return"\n  .block-interactivity-"+id+" {pointer-events: none;}\n  .allow-interactivity-"+id+" {pointer-events: all;}\n"},idCounter=0,lockStack=[];var sidecar=function exportSidecar(medium,exported){return medium.useMedium(exported),exports_SideCar}(effectCar,(function RemoveScrollSideCar(props){var shouldPreventQueue=react.useRef([]),touchStartRef=react.useRef([0,0]),activeAxis=react.useRef(),id=react.useState(idCounter++)[0],Style=react.useState((function(){return styleSingleton()}))[0],lastProps=react.useRef(props);react.useEffect((function(){lastProps.current=props}),[props]),react.useEffect((function(){if(props.inert){document.body.classList.add("block-interactivity-"+id);var allow_1=[props.lockRef.current].concat((props.shards||[]).map(extractRef)).filter(Boolean);return allow_1.forEach((function(el){return el.classList.add("allow-interactivity-"+id)})),function(){document.body.classList.remove("block-interactivity-"+id),allow_1.forEach((function(el){return el.classList.remove("allow-interactivity-"+id)}))}}}),[props.inert,props.lockRef.current,props.shards]);var shouldCancelEvent=react.useCallback((function(event,parent){if("touches"in event&&2===event.touches.length)return!lastProps.current.allowPinchZoom;var currentAxis,touch=getTouchXY(event),touchStart=touchStartRef.current,deltaX="deltaX"in event?event.deltaX:touchStart[0]-touch[0],deltaY="deltaY"in event?event.deltaY:touchStart[1]-touch[1],target=event.target,moveDirection=Math.abs(deltaX)>Math.abs(deltaY)?"h":"v",canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target);if(!canBeScrolledInMainDirection)return!0;if(canBeScrolledInMainDirection?currentAxis=moveDirection:(currentAxis="v"===moveDirection?"h":"v",canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target)),!canBeScrolledInMainDirection)return!1;if(!activeAxis.current&&"changedTouches"in event&&(deltaX||deltaY)&&(activeAxis.current=currentAxis),!currentAxis)return!0;var cancelingAxis=activeAxis.current||currentAxis;return function(axis,endTarget,event,sourceDelta,noOverscroll){var delta=sourceDelta,target=event.target,targetInLock=endTarget.contains(target),shouldCancelScroll=!1,isDeltaPositive=delta>0,availableScroll=0,availableScrollTop=0;do{var _a=getScrollVariables(axis,target),position=_a[0],elementScroll=_a[1]-_a[2]-position;(position||elementScroll)&&elementCouldBeScrolled(axis,target)&&(availableScroll+=elementScroll,availableScrollTop+=position),target=target.parentNode}while(!targetInLock&&target!==document.body||targetInLock&&(endTarget.contains(target)||endTarget===target));return(isDeltaPositive&&(noOverscroll&&0===availableScroll||!noOverscroll&&delta>availableScroll)||!isDeltaPositive&&(noOverscroll&&0===availableScrollTop||!noOverscroll&&-delta>availableScrollTop))&&(shouldCancelScroll=!0),shouldCancelScroll}(cancelingAxis,parent,event,"h"===cancelingAxis?deltaX:deltaY,!0)}),[]),shouldPrevent=react.useCallback((function(_event){var event=_event;if(lockStack.length&&lockStack[lockStack.length-1]===Style){var delta="deltaY"in event?getDeltaXY(event):getTouchXY(event),sourceEvent=shouldPreventQueue.current.filter((function(e){return e.name===event.type&&e.target===event.target&&(x=e.delta,y=delta,x[0]===y[0]&&x[1]===y[1]);var x,y}))[0];if(sourceEvent&&sourceEvent.should)event.preventDefault();else if(!sourceEvent){var shardNodes=(lastProps.current.shards||[]).map(extractRef).filter(Boolean).filter((function(node){return node.contains(event.target)}));(shardNodes.length>0?shouldCancelEvent(event,shardNodes[0]):!lastProps.current.noIsolation)&&event.preventDefault()}}}),[]),shouldCancel=react.useCallback((function(name,delta,target,should){var event={name:name,delta:delta,target:target,should:should};shouldPreventQueue.current.push(event),setTimeout((function(){shouldPreventQueue.current=shouldPreventQueue.current.filter((function(e){return e!==event}))}),1)}),[]),scrollTouchStart=react.useCallback((function(event){touchStartRef.current=getTouchXY(event),activeAxis.current=void 0}),[]),scrollWheel=react.useCallback((function(event){shouldCancel(event.type,getDeltaXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))}),[]),scrollTouchMove=react.useCallback((function(event){shouldCancel(event.type,getTouchXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))}),[]);react.useEffect((function(){return lockStack.push(Style),props.setCallbacks({onScrollCapture:scrollWheel,onWheelCapture:scrollWheel,onTouchMoveCapture:scrollTouchMove}),document.addEventListener("wheel",shouldPrevent,nonPassive),document.addEventListener("touchmove",shouldPrevent,nonPassive),document.addEventListener("touchstart",scrollTouchStart,nonPassive),function(){lockStack=lockStack.filter((function(inst){return inst!==Style})),document.removeEventListener("wheel",shouldPrevent,nonPassive),document.removeEventListener("touchmove",shouldPrevent,nonPassive),document.removeEventListener("touchstart",scrollTouchStart,nonPassive)}}),[]);var removeScrollBar=props.removeScrollBar,inert=props.inert;return react.createElement(react.Fragment,null,inert?react.createElement(Style,{styles:generateStyle(id)}):null,removeScrollBar?react.createElement(RemoveScrollBar,{gapMode:"margin"}):null)})),ReactRemoveScroll=react.forwardRef((function(props,ref){return react.createElement(RemoveScroll,__assign({},props,{ref:ref,sideCar:sidecar}))}));ReactRemoveScroll.classNames=RemoveScroll.classNames;var Combination=ReactRemoveScroll,prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}var _excluded=["as","isOpen"],_excluded2=["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"],_excluded3=["as","onClick","onKeyDown"],reach_dialog_esm_DialogOverlay=(prop_types_default.a.bool,prop_types_default.a.bool,prop_types_default.a.bool,prop_types_default.a.func,Object(react.forwardRef)((function DialogOverlay(_ref,forwardedRef){var _ref$as=_ref.as,Comp=void 0===_ref$as?"div":_ref$as,_ref$isOpen=_ref.isOpen,isOpen=void 0===_ref$isOpen||_ref$isOpen,props=_objectWithoutPropertiesLoose(_ref,_excluded);return Object(react.useEffect)((function(){isOpen?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[isOpen]),isOpen?Object(react.createElement)(reach_portal_esm_Portal,{"data-reach-dialog-wrapper":""},Object(react.createElement)(reach_dialog_esm_DialogInner,_extends({ref:forwardedRef,as:Comp},props))):null})));var reach_dialog_esm_DialogInner=Object(react.forwardRef)((function DialogInner(_ref2,forwardedRef){var allowPinchZoom=_ref2.allowPinchZoom,_ref2$as=_ref2.as,Comp=void 0===_ref2$as?"div":_ref2$as,_ref2$dangerouslyBypa=_ref2.dangerouslyBypassFocusLock,dangerouslyBypassFocusLock=void 0!==_ref2$dangerouslyBypa&&_ref2$dangerouslyBypa,_ref2$dangerouslyBypa2=_ref2.dangerouslyBypassScrollLock,dangerouslyBypassScrollLock=void 0!==_ref2$dangerouslyBypa2&&_ref2$dangerouslyBypa2,initialFocusRef=_ref2.initialFocusRef,onClick=_ref2.onClick,_ref2$onDismiss=_ref2.onDismiss,onDismiss=void 0===_ref2$onDismiss?noop:_ref2$onDismiss,onKeyDown=_ref2.onKeyDown,onMouseDown=_ref2.onMouseDown,unstable_lockFocusAcrossFrames=_ref2.unstable_lockFocusAcrossFrames,props=_objectWithoutPropertiesLoose(_ref2,_excluded2);var mouseDownTarget=Object(react.useRef)(null),overlayNode=Object(react.useRef)(null),ref=function useComposedRefs(){for(var _len=arguments.length,refs=new Array(_len),_key=0;_key<_len;_key++)refs[_key]=arguments[_key];return Object(react.useCallback)((function(node){for(var _step,_iterator=_createForOfIteratorHelperLoose(refs);!(_step=_iterator()).done;)assignRef(_step.value,node)}),refs)}(overlayNode,forwardedRef),activateFocusLock=Object(react.useCallback)((function(){initialFocusRef&&initialFocusRef.current&&initialFocusRef.current.focus()}),[initialFocusRef]);return Object(react.useEffect)((function(){return overlayNode.current?function createAriaHider(dialogNode){var originalValues=[],rootNodes=[],ownerDocument=getOwnerDocument(dialogNode);if(!dialogNode)return noop;return Array.prototype.forEach.call(ownerDocument.querySelectorAll("body > *"),(function(node){var _dialogNode$parentNod,_dialogNode$parentNod2;if(node!==(null==(_dialogNode$parentNod=dialogNode.parentNode)||null==(_dialogNode$parentNod2=_dialogNode$parentNod.parentNode)?void 0:_dialogNode$parentNod2.parentNode)){var attr=node.getAttribute("aria-hidden");null!==attr&&"false"!==attr||(originalValues.push(attr),rootNodes.push(node),node.setAttribute("aria-hidden","true"))}})),function(){rootNodes.forEach((function(node,index){var originalValue=originalValues[index];null===originalValue?node.removeAttribute("aria-hidden"):node.setAttribute("aria-hidden",originalValue)}))}}(overlayNode.current):void 0}),[]),Object(react.createElement)(es2015.a,{autoFocus:!0,returnFocus:!0,onActivation:activateFocusLock,disabled:dangerouslyBypassFocusLock,crossFrame:null==unstable_lockFocusAcrossFrames||unstable_lockFocusAcrossFrames},Object(react.createElement)(Combination,{allowPinchZoom:allowPinchZoom,enabled:!dangerouslyBypassScrollLock},Object(react.createElement)(Comp,_extends({},props,{ref:ref,"data-reach-dialog-overlay":"",onClick:composeEventHandlers(onClick,(function handleClick(event){mouseDownTarget.current===event.target&&(event.stopPropagation(),onDismiss(event))})),onKeyDown:composeEventHandlers(onKeyDown,(function handleKeyDown(event){"Escape"===event.key&&(event.stopPropagation(),onDismiss(event))})),onMouseDown:composeEventHandlers(onMouseDown,(function handleMouseDown(event){mouseDownTarget.current=event.target}))}))))}));var reach_dialog_esm_DialogContent=Object(react.forwardRef)((function DialogContent(_ref3,forwardedRef){var _ref3$as=_ref3.as,Comp=void 0===_ref3$as?"div":_ref3$as,onClick=_ref3.onClick;_ref3.onKeyDown;var props=_objectWithoutPropertiesLoose(_ref3,_excluded3);return Object(react.createElement)(Comp,_extends({"aria-modal":"true",role:"dialog",tabIndex:-1},props,{ref:forwardedRef,"data-reach-dialog-content":"",onClick:composeEventHandlers(onClick,(function(event){event.stopPropagation()}))}))}))},"./node_modules/@storybook/addon-actions/dist/esm/constants.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return PARAM_KEY})),__webpack_require__.d(__webpack_exports__,"a",(function(){return EVENT_ID}));var PARAM_KEY="actions",EVENT_ID=("".concat("storybook/actions","/panel"),"".concat("storybook/actions","/action-event"))},"./node_modules/@storybook/addon-actions/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";(function(module){__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/constants.js");var _models__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/index.js");__webpack_require__.o(_models__WEBPACK_IMPORTED_MODULE_1__,"action")&&__webpack_require__.d(__webpack_exports__,"action",(function(){return _models__WEBPACK_IMPORTED_MODULE_1__.action})),__webpack_require__.o(_models__WEBPACK_IMPORTED_MODULE_1__,"withActions")&&__webpack_require__.d(__webpack_exports__,"withActions",(function(){return _models__WEBPACK_IMPORTED_MODULE_1__.withActions}));var _preview__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preview/index.js");__webpack_require__.d(__webpack_exports__,"action",(function(){return _preview__WEBPACK_IMPORTED_MODULE_2__.a})),__webpack_require__.d(__webpack_exports__,"withActions",(function(){return _preview__WEBPACK_IMPORTED_MODULE_2__.b})),module&&module.hot&&module.hot.decline&&module.hot.decline()}).call(this,__webpack_require__("./node_modules/webpack/buildin/harmony-module.js")(module))},"./node_modules/@storybook/addon-actions/dist/esm/models/ActionDisplay.js":function(module,__webpack_exports__,__webpack_require__){},"./node_modules/@storybook/addon-actions/dist/esm/models/ActionOptions.js":function(module,__webpack_exports__,__webpack_require__){},"./node_modules/@storybook/addon-actions/dist/esm/models/ActionsFunction.js":function(module,__webpack_exports__,__webpack_require__){},"./node_modules/@storybook/addon-actions/dist/esm/models/ActionsMap.js":function(module,__webpack_exports__,__webpack_require__){},"./node_modules/@storybook/addon-actions/dist/esm/models/DecoratorFunction.js":function(module,exports){},"./node_modules/@storybook/addon-actions/dist/esm/models/HandlerFunction.js":function(module,exports){},"./node_modules/@storybook/addon-actions/dist/esm/models/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/ActionDisplay.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/ActionsFunction.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/ActionOptions.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/ActionsMap.js");var _DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/DecoratorFunction.js");__webpack_require__.o(_DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__,"action")&&__webpack_require__.d(__webpack_exports__,"action",(function(){return _DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__.action})),__webpack_require__.o(_DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__,"withActions")&&__webpack_require__.d(__webpack_exports__,"withActions",(function(){return _DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__.withActions}));var _HandlerFunction__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/HandlerFunction.js");__webpack_require__.o(_HandlerFunction__WEBPACK_IMPORTED_MODULE_5__,"action")&&__webpack_require__.d(__webpack_exports__,"action",(function(){return _HandlerFunction__WEBPACK_IMPORTED_MODULE_5__.action})),__webpack_require__.o(_HandlerFunction__WEBPACK_IMPORTED_MODULE_5__,"withActions")&&__webpack_require__.d(__webpack_exports__,"withActions",(function(){return _HandlerFunction__WEBPACK_IMPORTED_MODULE_5__.withActions}))},"./node_modules/@storybook/addon-actions/dist/esm/preview/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return action})),__webpack_require__.d(__webpack_exports__,"b",(function(){return withActions}));__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var v4=__webpack_require__("./node_modules/uuid-browser/v4.js"),v4_default=__webpack_require__.n(v4),esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),constants=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/constants.js"),config={depth:10,clearOnStoryChange:!0,limit:50};function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var findProto=function findProto(obj,callback){var proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},isReactSyntheticEvent=function isReactSyntheticEvent(e){return Boolean("object"===_typeof(e)&&e&&findProto(e,(function(proto){return/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)}))&&"function"==typeof e.persist)},serializeArg=function serializeArg(a){if(isReactSyntheticEvent(a)){var e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();var viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=null==viewDescriptor?void 0:viewDescriptor.value;return"object"===_typeof(view)&&"Window"===(null==view?void 0:view.constructor.name)&&Object.defineProperty(e,"view",Object.assign({},viewDescriptor,{value:Object.create(view.constructor.prototype)})),e}return a};function action(name){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},actionOptions=Object.assign({},config,options),handler=function actionHandler(){for(var channel=esm.c.getChannel(),id=v4_default()(),minDepth=5,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id:id,count:0,data:{name:name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(constants.a,actionDisplayToEmit)};return handler}__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var actions_actions=function actions(){for(var options=config,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var names=args;if(1===names.length&&Array.isArray(names[0])){var _names=names,_names2=_slicedToArray(_names,1);names=_names2[0]}1!==names.length&&"string"!=typeof names[names.length-1]&&(options=Object.assign({},config,names.pop()));var namesObject=names[0];1===names.length&&"string"!=typeof namesObject||(namesObject={},names.forEach((function(name){namesObject[name]=name})));var actionsObject={};return Object.keys(namesObject).forEach((function(name){actionsObject[name]=action(namesObject[name],options)})),actionsObject},browser=(__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/util-deprecate/browser.js")),browser_default=__webpack_require__.n(browser),ts_dedent_esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js");browser_default()((function(){}),"decorate.* is no longer supported as of Storybook 6.0."),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var withActions_templateObject,global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),make_decorator=__webpack_require__("./node_modules/@storybook/addons/dist/esm/make-decorator.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return withActions_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||withActions_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function withActions_slicedToArray(arr,i){return function withActions_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function withActions_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||withActions_unsupportedIterableToArray(arr,i)||function withActions_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function withActions_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return withActions_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?withActions_arrayLikeToArray(o,minLen):void 0}}function withActions_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var withActions_document=window_default.a.document,Element=window_default.a.Element,delegateEventSplitter=/^(\S+)\s*(.*)$/,matchesMethod=null!=Element&&!Element.prototype.matches?"msMatchesSelector":"matches",root=withActions_document&&withActions_document.getElementById("root"),hasMatchInAncestry=function hasMatchInAncestry(element,selector){if(element[matchesMethod](selector))return!0;var parent=element.parentElement;return!!parent&&hasMatchInAncestry(parent,selector)},createHandlers=function createHandlers(actionsFn){for(var _len=arguments.length,handles=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)handles[_key-1]=arguments[_key];var actionsObject=actionsFn.apply(void 0,handles);return Object.entries(actionsObject).map((function(_ref){var _ref2=withActions_slicedToArray(_ref,2),key=_ref2[0],action=_ref2[1],_key$match2=withActions_slicedToArray(key.match(delegateEventSplitter),3),eventName=(_key$match2[0],_key$match2[1]),selector=_key$match2[2];return{eventName:eventName,handler:function handler(e){selector&&!hasMatchInAncestry(e.target,selector)||action(e)}}}))},applyEventHandlers=browser_default()((function(actionsFn){for(var _len2=arguments.length,handles=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)handles[_key2-1]=arguments[_key2];Object(hooks.f)((function(){if(null!=root){var handlers=createHandlers.apply(void 0,[actionsFn].concat(handles));return handlers.forEach((function(_ref3){var eventName=_ref3.eventName,handler=_ref3.handler;return root.addEventListener(eventName,handler)})),function(){return handlers.forEach((function(_ref4){var eventName=_ref4.eventName,handler=_ref4.handler;return root.removeEventListener(eventName,handler)}))}}}),[root,actionsFn,handles])}),Object(ts_dedent_esm.a)(withActions_templateObject||(withActions_templateObject=function withActions_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    withActions(options) is deprecated, please configure addon-actions using the addParameter api:\n\n    addParameters({\n      actions: {\n        handles: options\n      },\n    });\n  "])))),withActions=Object(make_decorator.a)({name:"withActions",parameterName:constants.b,skipIfNoParametersOrOptions:!0,wrapper:function wrapper(getStory,context,_ref5){var parameters=_ref5.parameters,options=_ref5.options;return function applyDeprecatedOptions(actionsFn,options){options&&applyEventHandlers(actionsFn,options)}(actions_actions,options),parameters&&parameters.handles&&applyEventHandlers.apply(void 0,[actions_actions].concat(_toConsumableArray(parameters.handles))),getStory(context)}})},"./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var addon_actions_preview_namespaceObject={};__webpack_require__.r(addon_actions_preview_namespaceObject),__webpack_require__.d(addon_actions_preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(addon_actions_preview_namespaceObject,"argsEnhancers",(function(){return argsEnhancers}));var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),decorators=[esm.withActions];__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var isInInitialArgs=function isInInitialArgs(name,initialArgs){return void 0===initialArgs[name]&&!(name in initialArgs)},argsEnhancers=[function addActionsFromArgTypes(context){var initialArgs=context.initialArgs,argTypes=context.argTypes,actions=context.parameters.actions;return null!=actions&&actions.disable||!argTypes?{}:Object.entries(argTypes).filter((function(_ref5){var _ref6=_slicedToArray(_ref5,2);_ref6[0];return!!_ref6[1].action})).reduce((function(acc,_ref7){var _ref8=_slicedToArray(_ref7,2),name=_ref8[0],argType=_ref8[1];return isInInitialArgs(name,initialArgs)&&(acc[name]=Object(esm.action)("string"==typeof argType.action?argType.action:name)),acc}),{})},function inferActionsFromArgTypesRegex(context){var initialArgs=context.initialArgs,argTypes=context.argTypes,actions=context.parameters.actions;if(!actions||actions.disable||!actions.argTypesRegex||!argTypes)return{};var argTypesRegex=new RegExp(actions.argTypesRegex);return Object.entries(argTypes).filter((function(_ref){var name=_slicedToArray(_ref,1)[0];return!!argTypesRegex.test(name)})).reduce((function(acc,_ref3){var _ref4=_slicedToArray(_ref3,2),name=_ref4[0];_ref4[1];return isInInitialArgs(name,initialArgs)&&(acc[name]=Object(esm.action)(name)),acc}),{})}];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(addon_actions_preview_namespaceObject).forEach((function(key){var value=addon_actions_preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPalette",(function(){return index_3ae04fda.z})),__webpack_require__.d(__webpack_exports__,"ColorItem",(function(){return index_3ae04fda.y})),__webpack_require__.d(__webpack_exports__,"IconGallery",(function(){return index_3ae04fda.B})),__webpack_require__.d(__webpack_exports__,"IconItem",(function(){return index_3ae04fda.A})),__webpack_require__.d(__webpack_exports__,"Typeset",(function(){return index_3ae04fda.x})),__webpack_require__.d(__webpack_exports__,"anchorBlockIdFromId",(function(){return anchorBlockIdFromId})),__webpack_require__.d(__webpack_exports__,"Anchor",(function(){return Anchor_Anchor})),__webpack_require__.d(__webpack_exports__,"extractComponentArgTypes",(function(){return ArgsTable_extractComponentArgTypes})),__webpack_require__.d(__webpack_exports__,"getComponent",(function(){return ArgsTable_getComponent})),__webpack_require__.d(__webpack_exports__,"StoryTable",(function(){return ArgsTable_StoryTable})),__webpack_require__.d(__webpack_exports__,"ComponentsTable",(function(){return ArgsTable_ComponentsTable})),__webpack_require__.d(__webpack_exports__,"ArgsTable",(function(){return ArgsTable_ArgsTable})),__webpack_require__.d(__webpack_exports__,"SourceState",(function(){return SourceState})),__webpack_require__.d(__webpack_exports__,"Canvas",(function(){return Canvas_Canvas})),__webpack_require__.d(__webpack_exports__,"DescriptionType",(function(){return DescriptionType})),__webpack_require__.d(__webpack_exports__,"getDescriptionProps",(function(){return Description_getDescriptionProps})),__webpack_require__.d(__webpack_exports__,"Description",(function(){return Description_DescriptionContainer})),__webpack_require__.d(__webpack_exports__,"DocsContext",(function(){return DocsContext})),__webpack_require__.d(__webpack_exports__,"DocsPage",(function(){return DocsPage_DocsPage})),__webpack_require__.d(__webpack_exports__,"DocsContainer",(function(){return DocsContainer_DocsContainer})),__webpack_require__.d(__webpack_exports__,"DocsStory",(function(){return DocsStory_DocsStory})),__webpack_require__.d(__webpack_exports__,"Heading",(function(){return Heading_Heading})),__webpack_require__.d(__webpack_exports__,"Meta",(function(){return Meta})),__webpack_require__.d(__webpack_exports__,"Preview",(function(){return Preview})),__webpack_require__.d(__webpack_exports__,"Primary",(function(){return Primary_Primary})),__webpack_require__.d(__webpack_exports__,"Props",(function(){return Props})),__webpack_require__.d(__webpack_exports__,"getSourceProps",(function(){return Source_getSourceProps})),__webpack_require__.d(__webpack_exports__,"Source",(function(){return Source_Source})),__webpack_require__.d(__webpack_exports__,"SourceContext",(function(){return SourceContext})),__webpack_require__.d(__webpack_exports__,"SourceContainer",(function(){return SourceContainer_SourceContainer})),__webpack_require__.d(__webpack_exports__,"Stories",(function(){return Stories_Stories})),__webpack_require__.d(__webpack_exports__,"storyBlockIdFromId",(function(){return storyBlockIdFromId})),__webpack_require__.d(__webpack_exports__,"lookupStoryId",(function(){return Story_lookupStoryId})),__webpack_require__.d(__webpack_exports__,"getStoryId",(function(){return Story_getStoryId})),__webpack_require__.d(__webpack_exports__,"getStoryProps",(function(){return getStoryProps})),__webpack_require__.d(__webpack_exports__,"Story",(function(){return Story_Story})),__webpack_require__.d(__webpack_exports__,"Subheading",(function(){return Subheading_Subheading})),__webpack_require__.d(__webpack_exports__,"Subtitle",(function(){return Subtitle_Subtitle})),__webpack_require__.d(__webpack_exports__,"extractTitle",(function(){return extractTitle})),__webpack_require__.d(__webpack_exports__,"Title",(function(){return Title_Title})),__webpack_require__.d(__webpack_exports__,"Wrapper",(function(){return Wrapper_Wrapper})),__webpack_require__.d(__webpack_exports__,"CURRENT_SELECTION",(function(){return CURRENT_SELECTION})),__webpack_require__.d(__webpack_exports__,"PRIMARY_STORY",(function(){return PRIMARY_STORY})),__webpack_require__.d(__webpack_exports__,"assertIsFn",(function(){return assertIsFn})),__webpack_require__.d(__webpack_exports__,"AddContext",(function(){return mdx_AddContext})),__webpack_require__.d(__webpack_exports__,"CodeOrSourceMdx",(function(){return mdx_CodeOrSourceMdx})),__webpack_require__.d(__webpack_exports__,"AnchorMdx",(function(){return mdx_AnchorMdx})),__webpack_require__.d(__webpack_exports__,"HeaderMdx",(function(){return mdx_HeaderMdx})),__webpack_require__.d(__webpack_exports__,"HeadersMdx",(function(){return HeadersMdx}));var index_3ae04fda=__webpack_require__("./node_modules/@storybook/components/dist/esm/index-3ae04fda.js"),react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),anchorBlockIdFromId=function anchorBlockIdFromId(storyId){return"anchor--".concat(storyId)},Anchor_Anchor=function Anchor(_ref){var storyId=_ref.storyId,children=_ref.children;return react_default.a.createElement("div",{id:anchorBlockIdFromId(storyId)},children)},mapValues=(__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/lodash/mapValues.js")),mapValues_default=__webpack_require__.n(mapValues),esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),filterArgTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/filterArgTypes.js"),dist_esm=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window);global_window.window&&void 0===global_window.window.__DOCS_CONTEXT__&&(global_window.window.__DOCS_CONTEXT__=Object(react.createContext)({}),global_window.window.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global_window.window?global_window.window.__DOCS_CONTEXT__:Object(react.createContext)({}),CURRENT_SELECTION=".",PRIMARY_STORY="^",getComponentName=(__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),function getComponentName(component){if(component)return"string"==typeof component?component.includes("-")?function titleCase(str){return str.split("-").map((function(part){return part.charAt(0).toUpperCase()+part.slice(1)})).join("")}(component):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name});function scrollToElement(element){var block=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"start";element.scrollIntoView({behavior:"smooth",block:block,inline:"nearest"})}__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var react_dist_esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/index.js");__webpack_require__("./node_modules/regenerator-runtime/runtime.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useStory(storyId,context){var stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){var initialStoriesById=context.componentStories().reduce((function(acc,story){return acc[story.id]=story,acc}),{}),_useState2=_slicedToArray(Object(react.useState)(initialStoriesById),2),storiesById=_useState2[0],setStories=_useState2[1];return Object(react.useEffect)((function(){Promise.all(storyIds.map(function(){var _ref=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(storyId){var story;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,context.loadStory(storyId);case 2:story=_context.sent,setStories((function(current){return current[storyId]===story?current:Object.assign({},current,(value=story,(key=storyId)in(obj={})?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj));var obj,key,value}));case 4:case"end":return _context.stop()}}),_callee)})));return function(_x){return _ref.apply(this,arguments)}}()))})),storyIds.map((function(storyId){return storiesById[storyId]}))}function Story_slicedToArray(arr,i){return function Story_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function Story_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function Story_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return Story_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Story_arrayLikeToArray(o,minLen)}(arr,i)||function Story_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Story_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var storyBlockIdFromId=function storyBlockIdFromId(storyId){return"story--".concat(storyId)},Story_lookupStoryId=function lookupStoryId(storyName,_ref){var mdxStoryNameToKey=_ref.mdxStoryNameToKey,mdxComponentAnnotations=_ref.mdxComponentAnnotations;return Object(dist.toId)(mdxComponentAnnotations.id||mdxComponentAnnotations.title,Object(dist.storyNameFromExport)(mdxStoryNameToKey[storyName]))},Story_getStoryId=function getStoryId(props,context){var id=props.id,name=props.name;return(id===CURRENT_SELECTION?context.id:id)||Story_lookupStoryId(name,context)},getStoryProps=function getStoryProps(_ref4,story,context,onStoryFnCalled){var height=_ref4.height,inline=_ref4.inline,storyName=story.name,parameters=story.parameters,_parameters$docs=parameters.docs,docs=void 0===_parameters$docs?{}:_parameters$docs;if(docs.disable)return null;var _docs$inlineStories=docs.inlineStories,inlineStories=void 0!==_docs$inlineStories&&_docs$inlineStories,_docs$iframeHeight=docs.iframeHeight,iframeHeight=void 0===_docs$iframeHeight?100:_docs$iframeHeight,prepareForInline=docs.prepareForInline,storyIsInline="boolean"==typeof inline?inline:inlineStories;if(storyIsInline&&!prepareForInline)throw new Error("Story '".concat(storyName,"' is set to render inline, but no 'prepareForInline' function is implemented in your docs configuration!"));var boundStoryFn=function boundStoryFn(){var storyResult=story.unboundStoryFn(Object.assign({},context.getStoryContext(story),{loaded:{},abortSignal:void 0,canvasElement:void 0}));return onStoryFnCalled(),storyResult};return Object.assign({inline:storyIsInline,id:story.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName},storyIsInline&&{parameters:parameters,storyFn:function storyFn(){return prepareForInline(boundStoryFn,context.getStoryContext(story))}})};function makeGate(){var open;return[new Promise((function(r){open=r})),open]}var Story_Story=function Story(props){var context=Object(react.useContext)(DocsContext),channel=esm.c.getChannel(),storyRef=Object(react.useRef)(),storyId=Story_getStoryId(props,context),story=useStory(storyId,context),_useState2=Story_slicedToArray(Object(react.useState)(!0),2),showLoader=_useState2[0],setShowLoader=_useState2[1];Object(react.useEffect)((function(){var cleanup;if(story&&storyRef.current){var element=storyRef.current;cleanup=context.renderStoryToElement(story,element),setShowLoader(!1)}return function(){return cleanup&&cleanup()}}),[story]);var _makeGate2=Story_slicedToArray(makeGate(),2),storyFnRan=_makeGate2[0],onStoryFnRan=_makeGate2[1],_makeGate4=Story_slicedToArray(makeGate(),2),rendered=_makeGate4[0],onRendered=_makeGate4[1];if(Object(react.useEffect)(onRendered),!story)return react_default.a.createElement(index_3ae04fda.w,null);var storyProps=getStoryProps(props,story,context,onStoryFnRan);if(!storyProps)return null;if(storyProps.inline){var _global$FEATURES;if(null!==window_default.a&&void 0!==window_default.a&&null!==(_global$FEATURES=window_default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.modernInlineRender){var height=storyProps.height;return react_default.a.createElement("div",{id:storyBlockIdFromId(story.id)},react_default.a.createElement(react_dist_esm.a,{components:index_3ae04fda.d},height?react_default.a.createElement("style",null,"#story--".concat(story.id," { min-height: ").concat(height,"; transform: translateZ(0); overflow: auto }")):null,showLoader&&react_default.a.createElement(index_3ae04fda.w,null),react_default.a.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:"<span></span>"}})))}Promise.all([storyFnRan,rendered]).then((function(){channel.emit(dist_esm.default.STORY_RENDERED,storyId)}))}return react_default.a.createElement("div",{id:storyBlockIdFromId(story.id)},react_default.a.createElement(react_dist_esm.a,{components:index_3ae04fda.d},react_default.a.createElement(index_3ae04fda.v,storyProps)))};function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function ArgsTable_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function ArgsTable_slicedToArray(arr,i){return function ArgsTable_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function ArgsTable_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function ArgsTable_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return ArgsTable_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ArgsTable_arrayLikeToArray(o,minLen)}(arr,i)||function ArgsTable_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ArgsTable_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Story_Story.defaultProps={children:null,name:null};var getContext=function getContext(storyId,context){var story=context.storyById(storyId);if(!story)throw new Error("Unknown story: ".concat(storyId));return context.getStoryContext(story)},ArgsTable_extractComponentArgTypes=function extractComponentArgTypes(component,_ref,include,exclude){var id=_ref.id,extractArgTypes=((0,_ref.storyById)(id).parameters.docs||{}).extractArgTypes;if(!extractArgTypes)throw new Error(index_3ae04fda.q.ARGS_UNSUPPORTED);var argTypes=extractArgTypes(component);return argTypes=Object(filterArgTypes.a)(argTypes,include,exclude)},ArgsTable_isShortcut=function isShortcut(value){return value&&[CURRENT_SELECTION,PRIMARY_STORY].includes(value)},ArgsTable_getComponent=function getComponent(){var props=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},_ref3=arguments.length>1?arguments[1]:void 0,id=_ref3.id,storyById=_ref3.storyById,_ref4=props,of=_ref4.of,_ref5=props,story=_ref5.story,_storyById2=storyById(id),component=_storyById2.component;if(ArgsTable_isShortcut(of)||ArgsTable_isShortcut(story))return component||null;if(!of)throw new Error(index_3ae04fda.q.NO_COMPONENT);return of},ArgsTable_addComponentTabs=function addComponentTabs(tabs,components,context,include,exclude,sort){return Object.assign({},tabs,mapValues_default()(components,(function(comp){return{rows:ArgsTable_extractComponentArgTypes(comp,context,include,exclude),sort:sort}})))},ArgsTable_StoryTable=function StoryTable(props){var context=Object(react.useContext)(DocsContext),currentId=context.id,componentStories=context.componentStories,storyName=props.story,component=props.component,subcomponents=props.subcomponents,showComponent=props.showComponent,include=props.include,exclude=props.exclude,sort=props.sort;try{var storyId;switch(storyName){case CURRENT_SELECTION:storyId=currentId;break;case PRIMARY_STORY:storyId=componentStories()[0].id;break;default:storyId=Story_lookupStoryId(storyName,context)}var story=useStory(storyId,context),_useArgs=function useArgs(storyId,context){var channel=esm.c.getChannel(),storyContext=getContext(storyId,context),_useState2=ArgsTable_slicedToArray(Object(react.useState)(storyContext.args),2),args=_useState2[0],setArgs=_useState2[1];return Object(react.useEffect)((function(){var cb=function cb(changed){changed.storyId===storyId&&setArgs(changed.args)};return channel.on(dist_esm.default.STORY_ARGS_UPDATED,cb),function(){return channel.off(dist_esm.default.STORY_ARGS_UPDATED,cb)}}),[storyId]),[args,Object(react.useCallback)((function(updatedArgs){return channel.emit(dist_esm.default.UPDATE_STORY_ARGS,{storyId:storyId,updatedArgs:updatedArgs})}),[storyId]),Object(react.useCallback)((function(argNames){return channel.emit(dist_esm.default.RESET_STORY_ARGS,{storyId:storyId,argNames:argNames})}),[storyId])]}(storyId,context),_useArgs2=ArgsTable_slicedToArray(_useArgs,3),args=_useArgs2[0],updateArgs=_useArgs2[1],resetArgs=_useArgs2[2],_useGlobals=function useGlobals(storyId,context){var channel=esm.c.getChannel(),storyContext=getContext(storyId,context),_useState4=ArgsTable_slicedToArray(Object(react.useState)(storyContext.globals),2),globals=_useState4[0],setGlobals=_useState4[1];return Object(react.useEffect)((function(){var cb=function cb(changed){setGlobals(changed.globals)};return channel.on(dist_esm.default.GLOBALS_UPDATED,cb),function(){return channel.off(dist_esm.default.GLOBALS_UPDATED,cb)}}),[]),[globals]}(storyId,context),globals=ArgsTable_slicedToArray(_useGlobals,1)[0];if(!story)return react_default.a.createElement(index_3ae04fda.r,{isLoading:!0,updateArgs:updateArgs,resetArgs:resetArgs});var argTypes=Object(filterArgTypes.a)(story.argTypes,include,exclude),mainLabel=getComponentName(component)||"Story",tabs=ArgsTable_defineProperty({},mainLabel,{rows:argTypes,args:args,globals:globals,updateArgs:updateArgs,resetArgs:resetArgs}),storyHasArgsWithControls=argTypes&&Object.values(argTypes).find((function(v){return!(null==v||!v.control)}));if(storyHasArgsWithControls||(updateArgs=null,resetArgs=null,tabs={}),!component||storyHasArgsWithControls&&!showComponent||(tabs=ArgsTable_addComponentTabs(tabs,ArgsTable_defineProperty({},mainLabel,component),context,include,exclude)),subcomponents){if(Array.isArray(subcomponents))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");tabs=ArgsTable_addComponentTabs(tabs,subcomponents,context,include,exclude)}return react_default.a.createElement(index_3ae04fda.s,{tabs:tabs,sort:sort})}catch(err){return react_default.a.createElement(index_3ae04fda.r,{error:err.message})}},ArgsTable_ComponentsTable=function ComponentsTable(props){var context=Object(react.useContext)(DocsContext),components=props.components,include=props.include,exclude=props.exclude,sort=props.sort,tabs=ArgsTable_addComponentTabs({},components,context,include,exclude);return react_default.a.createElement(index_3ae04fda.s,{tabs:tabs,sort:sort})},ArgsTable_ArgsTable=function ArgsTable(props){var context=Object(react.useContext)(DocsContext),id=context.id,_storyById3=(0,context.storyById)(id),controls=_storyById3.parameters.controls,subcomponents=_storyById3.subcomponents,_ref6=props,include=_ref6.include,exclude=_ref6.exclude,components=_ref6.components,sortProp=_ref6.sort,storyName=props.story,sort=sortProp||(null==controls?void 0:controls.sort),main=ArgsTable_getComponent(props,context);if(storyName)return react_default.a.createElement(ArgsTable_StoryTable,_extends({},props,{component:main,subcomponents:subcomponents,sort:sort}));if(!components&&!subcomponents){var mainProps;try{mainProps={rows:ArgsTable_extractComponentArgTypes(main,context,include,exclude)}}catch(err){mainProps={error:err.message}}return react_default.a.createElement(index_3ae04fda.r,_extends({},mainProps,{sort:sort}))}if(components)return react_default.a.createElement(ArgsTable_ComponentsTable,_extends({},props,{components:components,sort:sort}));var mainLabel=getComponentName(main);return react_default.a.createElement(ArgsTable_ComponentsTable,_extends({},props,{components:Object.assign(ArgsTable_defineProperty({},mainLabel,main),subcomponents),sort:sort}))};ArgsTable_ArgsTable.defaultProps={of:CURRENT_SELECTION};__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var SourceType,fast_deep_equal=__webpack_require__("./node_modules/fast-deep-equal/index.js"),fast_deep_equal_default=__webpack_require__.n(fast_deep_equal),SNIPPET_RENDERED=("".concat("storybook/docs","/panel"),"".concat("storybook/docs","/snippet-rendered"));function SourceContainer_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function SourceContainer_slicedToArray(arr,i){return function SourceContainer_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function SourceContainer_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function SourceContainer_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return SourceContainer_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return SourceContainer_arrayLikeToArray(o,minLen)}(arr,i)||function SourceContainer_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function SourceContainer_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}!function(SourceType){SourceType.AUTO="auto",SourceType.CODE="code",SourceType.DYNAMIC="dynamic"}(SourceType||(SourceType={}));var SourceContext=Object(react.createContext)({sources:{}}),SourceContainer_SourceContainer=function SourceContainer(_ref){var children=_ref.children,_useState2=SourceContainer_slicedToArray(Object(react.useState)({}),2),sources=_useState2[0],setSources=_useState2[1],channel=esm.c.getChannel();return Object(react.useEffect)((function(){var handleSnippetRendered=function handleSnippetRendered(id,newSource){var format=arguments.length>2&&void 0!==arguments[2]&&arguments[2];sources[id]&&sources[id].code===newSource||setSources((function(current){var newSources=Object.assign({},current,SourceContainer_defineProperty({},id,{code:newSource,format:format}));return fast_deep_equal_default()(current,newSources)?current:newSources}))};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),function(){return channel.off(SNIPPET_RENDERED,handleSnippetRendered)}}),[]),react_default.a.createElement(SourceContext.Provider,{value:{sources:sources}},children)},esm_parameters=(__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return enhanceSource_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function enhanceSource_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return enhanceSource_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return enhanceSource_arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function enhanceSource_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var SourceState,extract=function extract(targetId,_ref){var source=_ref.source,locationsMap=_ref.locationsMap;if(!locationsMap)return source;var location=locationsMap[function storyIdToSanitizedStoryName(id){return id.replace(/^.*?--/,"")}(targetId)];return location?function extractSource(location,lines){var start=location.startBody,end=location.endBody;if(start.line===end.line&&void 0!==lines[start.line-1])return lines[start.line-1].substring(start.col,end.col);var startLine=lines[start.line-1],endLine=lines[end.line-1];return void 0===startLine||void 0===endLine?null:[startLine.substring(start.col)].concat(_toConsumableArray(lines.slice(start.line,end.line-1)),[endLine.substring(0,end.col)]).join("\n")}(location,source.split("\n")):source};!function(SourceState){SourceState.OPEN="open",SourceState.CLOSED="closed",SourceState.NONE="none"}(SourceState||(SourceState={}));var getStorySource=function getStorySource(storyId,sourceContext){var sources=sourceContext.sources;return(null==sources?void 0:sources[storyId])||{code:"",format:!1}},Source_getSnippet=function getSnippet(snippet,story){var _parameters$docs,_parameters$docs$sour,_parameters$docs2,_parameters$docs2$sou,_enhanced$docs,_enhanced$docs$source;if(!story)return snippet;var _parameters$docs3,_parameters$docs3$tra,_parameters$docs4,_parameters$docs4$tra,parameters=story.parameters,isArgsStory=parameters.__isArgsStory,type=(null===(_parameters$docs=parameters.docs)||void 0===_parameters$docs||null===(_parameters$docs$sour=_parameters$docs.source)||void 0===_parameters$docs$sour?void 0:_parameters$docs$sour.type)||SourceType.AUTO,userCode=null===(_parameters$docs2=parameters.docs)||void 0===_parameters$docs2||null===(_parameters$docs2$sou=_parameters$docs2.source)||void 0===_parameters$docs2$sou?void 0:_parameters$docs2$sou.code;if(void 0!==userCode)return userCode;if(type===SourceType.DYNAMIC)return(null===(_parameters$docs3=parameters.docs)||void 0===_parameters$docs3||null===(_parameters$docs3$tra=_parameters$docs3.transformSource)||void 0===_parameters$docs3$tra?void 0:_parameters$docs3$tra.call(_parameters$docs3,snippet,story))||snippet;if(type===SourceType.AUTO&&snippet&&isArgsStory)return(null===(_parameters$docs4=parameters.docs)||void 0===_parameters$docs4||null===(_parameters$docs4$tra=_parameters$docs4.transformSource)||void 0===_parameters$docs4$tra?void 0:_parameters$docs4$tra.call(_parameters$docs4,snippet,story))||snippet;var enhanced=function enhanceSource(story){var _docs$source,id=story.id,parameters=story.parameters,storySource=parameters.storySource,_parameters$docs=parameters.docs,docs=void 0===_parameters$docs?{}:_parameters$docs,transformSource=docs.transformSource;if(null==storySource||!storySource.source||null!==(_docs$source=docs.source)&&void 0!==_docs$source&&_docs$source.code)return null;var input=extract(id,storySource),code=transformSource?transformSource(input,story):input;return{docs:Object(esm_parameters.a)(docs,{source:{code:code}})}}(story)||parameters;return(null==enhanced||null===(_enhanced$docs=enhanced.docs)||void 0===_enhanced$docs||null===(_enhanced$docs$source=_enhanced$docs.source)||void 0===_enhanced$docs$source?void 0:_enhanced$docs$source.code)||""},Source_getSourceProps=function getSourceProps(props,docsContext,sourceContext){var currentId=docsContext.id,parameters=(0,docsContext.storyById)(currentId).parameters,codeProps=props,singleProps=props,multiProps=props,source=codeProps.code,format=codeProps.format,storyIds=(multiProps.ids||[singleProps.id||currentId]).map((function(targetId){return targetId===CURRENT_SELECTION?currentId:targetId})),stories=useStories(storyIds,docsContext);if(!stories.every(Boolean))return{error:index_3ae04fda.t.SOURCE_UNAVAILABLE,state:SourceState.NONE};source||(format=getStorySource(storyIds[0],sourceContext).format,source=storyIds.map((function(storyId,idx){var storySource=getStorySource(storyId,sourceContext).code,storyObj=stories[idx];return Source_getSnippet(storySource,storyObj)})).join("\n\n"));var state=function getSourceState(stories){var states=stories.map((function(story){var _story$parameters$doc,_story$parameters$doc2;return null===(_story$parameters$doc=story.parameters.docs)||void 0===_story$parameters$doc||null===(_story$parameters$doc2=_story$parameters$doc.source)||void 0===_story$parameters$doc2?void 0:_story$parameters$doc2.state})).filter(Boolean);return 0===states.length?SourceState.CLOSED:states[0]}(stories),_parameters$docs5=parameters.docs,_docsParameters$sourc=(void 0===_parameters$docs5?{}:_parameters$docs5).source,_sourceParameters$lan=(void 0===_docsParameters$sourc?{}:_docsParameters$sourc).language,docsLanguage=void 0===_sourceParameters$lan?null:_sourceParameters$lan;return source?{code:source,state:state,format:format,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:index_3ae04fda.t.SOURCE_UNAVAILABLE,state:state}},Source_Source=function Source(props){var sourceContext=Object(react.useContext)(SourceContext),docsContext=Object(react.useContext)(DocsContext),sourceProps=Source_getSourceProps(props,docsContext,sourceContext);return react_default.a.createElement(index_3ae04fda.u,sourceProps)},_excluded=["withSource","mdxSource","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var DescriptionType,Canvas_Canvas=function Canvas(props){var _getPreviewProps=function getPreviewProps(_ref,docsContext,sourceContext){var withSource=_ref.withSource,mdxSource=_ref.mdxSource,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),mdxComponentAnnotations=docsContext.mdxComponentAnnotations,mdxStoryNameToKey=docsContext.mdxStoryNameToKey,sourceState=withSource,isLoading=!1;if(sourceState===SourceState.NONE)return{isLoading:isLoading,previewProps:props};if(mdxSource)return{isLoading:isLoading,previewProps:Object.assign({},props,{withSource:Source_getSourceProps({code:decodeURI(mdxSource)},docsContext,sourceContext)})};var targetIds=(Array.isArray(children)?children:[children]).filter((function(c){return c.props&&(c.props.id||c.props.name)})).map((function(s){return s.props.id||Object(dist.toId)(mdxComponentAnnotations.id||mdxComponentAnnotations.title,Object(dist.storyNameFromExport)(mdxStoryNameToKey[s.props.name]))})),sourceProps=Source_getSourceProps({ids:targetIds},docsContext,sourceContext);return sourceState||(sourceState=sourceProps.state),{isLoading:isLoading=useStories(targetIds.map((function(targetId){return targetId===CURRENT_SELECTION?docsContext.id:targetId})),docsContext).some((function(s){return!s})),previewProps:Object.assign({},props,{withSource:sourceProps,isExpanded:sourceState===SourceState.OPEN})}}(props,Object(react.useContext)(DocsContext),Object(react.useContext)(SourceContext)),isLoading=_getPreviewProps.isLoading,previewProps=_getPreviewProps.previewProps,children=props.children;return isLoading?react_default.a.createElement(index_3ae04fda.p,null):react_default.a.createElement(react_dist_esm.a,{components:index_3ae04fda.d},react_default.a.createElement(index_3ae04fda.o,previewProps,children))},docs_tools_dist_esm=(__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/index.js"));!function(DescriptionType){DescriptionType.INFO="info",DescriptionType.NOTES="notes",DescriptionType.DOCGEN="docgen",DescriptionType.LEGACY_5_2="legacy-5.2",DescriptionType.AUTO="auto"}(DescriptionType||(DescriptionType={}));var Description_getNotes=function getNotes(notes){return notes&&("string"==typeof notes?notes:Object(docs_tools_dist_esm.str)(notes.markdown)||Object(docs_tools_dist_esm.str)(notes.text))},Description_getInfo=function getInfo(info){return info&&("string"==typeof info?info:Object(docs_tools_dist_esm.str)(info.text))},noDescription=function noDescription(component){return null},Description_getDescriptionProps=function getDescriptionProps(_ref,_ref2){var of=_ref.of,type=_ref.type,markdown=_ref.markdown,children=_ref.children,id=_ref2.id,_storyById=(0,_ref2.storyById)(id),component=_storyById.component,parameters=_storyById.parameters;if(children||markdown)return{markdown:children||markdown};var notes=parameters.notes,info=parameters.info,_ref3=parameters.docs||{},_ref3$extractComponen=_ref3.extractComponentDescription,extractComponentDescription=void 0===_ref3$extractComponen?noDescription:_ref3$extractComponen,description=_ref3.description,target=of===CURRENT_SELECTION?component:of,componentDescriptionParameter=null==description?void 0:description.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case DescriptionType.INFO:return{markdown:Description_getInfo(info)};case DescriptionType.NOTES:return{markdown:Description_getNotes(notes)};case DescriptionType.LEGACY_5_2:return{markdown:"\n".concat(Description_getNotes(notes)||Description_getInfo(info)||"","\n\n").concat(extractComponentDescription(target)||"","\n").trim()};case DescriptionType.DOCGEN:case DescriptionType.AUTO:default:return{markdown:extractComponentDescription(target,Object.assign({component:component},parameters))}}},Description_DescriptionContainer=function DescriptionContainer(props){var context=Object(react.useContext)(DocsContext),markdown=Description_getDescriptionProps(props,context).markdown;return markdown?react_default.a.createElement(index_3ae04fda.E,{markdown:markdown}):null};Description_DescriptionContainer.defaultProps={of:"."};var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=function extractTitle(_ref){var title=_ref.title,groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title_Title=function Title(_ref2){var children=_ref2.children,context=Object(react.useContext)(DocsContext),text=children;return text||(text=extractTitle(context)),text?react_default.a.createElement(index_3ae04fda.F,{className:"sbdocs-title"},text):null},Subtitle_Subtitle=function Subtitle(_ref){var children=_ref.children,_useContext=Object(react.useContext)(DocsContext),id=_useContext.id,parameters=(0,_useContext.storyById)(id).parameters,text=children;return text||(text=null==parameters?void 0:parameters.componentSubtitle),text?react_default.a.createElement(index_3ae04fda.G,{className:"sbdocs-subtitle"},text):null},browser=(__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/util-deprecate/browser.js")),browser_default=__webpack_require__.n(browser),ts_dedent_esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),theming_dist_esm=(__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js")),mdx_excluded=["children"],_excluded2=["className","children"],_excluded3=["href","target","children"],_excluded4=["as","id","children"],_excluded5=["as","id","children"];function mdx_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function mdx_extends(){return mdx_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},mdx_extends.apply(this,arguments)}function mdx_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function mdx_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var mdx_document=window_default.a.document,assertIsFn=function assertIsFn(val){if("function"!=typeof val)throw new Error("Expected story function, got: ".concat(val));return val},mdx_AddContext=function AddContext(props){var children=props.children,rest=mdx_objectWithoutProperties(props,mdx_excluded),parentContext=react_default.a.useContext(DocsContext);return react_default.a.createElement(DocsContext.Provider,{value:Object.assign({},parentContext,rest)},children)},mdx_CodeOrSourceMdx=function CodeOrSourceMdx(_ref){var className=_ref.className,children=_ref.children,rest=mdx_objectWithoutProperties(_ref,_excluded2);if("string"!=typeof className&&("string"!=typeof children||!children.match(/[\n\r]/g)))return react_default.a.createElement(index_3ae04fda.f,null,children);var language=className&&className.split("-");return react_default.a.createElement(index_3ae04fda.u,mdx_extends({language:language&&language[1]||"plaintext",format:!1,code:children},rest))};function mdx_navigate(url){esm.c.getChannel().emit(dist_esm.NAVIGATE_URL,url)}var _templateObject,A=index_3ae04fda.c.a,mdx_AnchorInPage=function AnchorInPage(_ref2){var hash=_ref2.hash,children=_ref2.children;return react_default.a.createElement(A,{href:hash,target:"_self",onClick:function onClick(event){var id=hash.substring(1);mdx_document.getElementById(id)&&mdx_navigate(hash)}},children)},mdx_AnchorMdx=function AnchorMdx(props){var href=props.href,target=props.target,children=props.children,rest=mdx_objectWithoutProperties(props,_excluded3);if(href){if(href.startsWith("#"))return react_default.a.createElement(mdx_AnchorInPage,{hash:href},children);if("_blank"!==target&&!href.startsWith("https://"))return react_default.a.createElement(A,mdx_extends({href:href,onClick:function onClick(event){event.preventDefault(),mdx_navigate(event.currentTarget.getAttribute("href"))},target:target},rest),children)}return react_default.a.createElement(A,props)},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((function(acc,headerType){return Object.assign({},acc,mdx_defineProperty({},headerType,Object(theming_dist_esm.j)(index_3ae04fda.c[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})))}),{}),OcticonAnchor=theming_dist_esm.j.a((function(){return{float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"}})),mdx_HeaderWithOcticonAnchor=function HeaderWithOcticonAnchor(_ref3){var as=_ref3.as,id=_ref3.id,children=_ref3.children,rest=mdx_objectWithoutProperties(_ref3,_excluded4),OcticonHeader=OcticonHeaders[as],hash="#".concat(id);return react_default.a.createElement(OcticonHeader,mdx_extends({id:id},rest),react_default.a.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:function onClick(event){mdx_document.getElementById(id)&&mdx_navigate(hash)}},react_default.a.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},react_default.a.createElement("path",{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),children)},mdx_HeaderMdx=function HeaderMdx(props){var as=props.as,id=props.id,children=props.children,rest=mdx_objectWithoutProperties(props,_excluded5);if(id)return react_default.a.createElement(mdx_HeaderWithOcticonAnchor,mdx_extends({as:as,id:id},rest),children);var Header=index_3ae04fda.c[as];return react_default.a.createElement(Header,props)},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((function(acc,headerType){return Object.assign({},acc,mdx_defineProperty({},headerType,(function(props){return react_default.a.createElement(mdx_HeaderMdx,mdx_extends({as:headerType},props))})))}),{}),Subheading_Subheading=function Subheading(_ref){var children=_ref.children;if(_ref.disableAnchor||"string"!=typeof children)return react_default.a.createElement(index_3ae04fda.i,null,children);var tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return react_default.a.createElement(mdx_HeaderMdx,{as:"h3",id:tagID},children)};var warnStoryDescription=browser_default()((function(){}),Object(ts_dedent_esm.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Deprecated parameter: docs.storyDescription => docs.description.story\n      \n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter\n  "])))),DocsStory_DocsStory=function DocsStory(_ref){var description,_docs$description,id=_ref.id,name=_ref.name,_ref$expanded=_ref.expanded,expanded=void 0===_ref$expanded||_ref$expanded,_ref$withToolbar=_ref.withToolbar,withToolbar=void 0!==_ref$withToolbar&&_ref$withToolbar,_ref$parameters=_ref.parameters,parameters=void 0===_ref$parameters?{}:_ref$parameters,docs=parameters.docs;expanded&&docs&&((description=null===(_docs$description=docs.description)||void 0===_docs$description?void 0:_docs$description.story)||(description=docs.storyDescription)&&warnStoryDescription());var subheading=expanded&&name;return react_default.a.createElement(Anchor_Anchor,{storyId:id},subheading&&react_default.a.createElement(Subheading_Subheading,null,subheading),description&&react_default.a.createElement(Description_DescriptionContainer,{markdown:description}),react_default.a.createElement(Canvas_Canvas,{withToolbar:withToolbar},react_default.a.createElement(Story_Story,{id:id,parameters:parameters})))};function Primary_extends(){return Primary_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},Primary_extends.apply(this,arguments)}var Primary_Primary=function Primary(_ref){var story,name=_ref.name,componentStories=(0,Object(react.useContext)(DocsContext).componentStories)();return componentStories&&(story=name?componentStories.find((function(s){return s.name===name})):componentStories[0]),story?react_default.a.createElement(DocsStory_DocsStory,Primary_extends({},story,{expanded:!1,withToolbar:!0})):null},Heading_Heading=function Heading(_ref){var children=_ref.children;if(_ref.disableAnchor||"string"!=typeof children)return react_default.a.createElement(index_3ae04fda.h,null,children);var tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return react_default.a.createElement(mdx_HeaderMdx,{as:"h2",id:tagID},children)};function Stories_extends(){return Stories_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},Stories_extends.apply(this,arguments)}var Stories_Stories=function Stories(_ref){var title=_ref.title,_ref$includePrimary=_ref.includePrimary,includePrimary=void 0!==_ref$includePrimary&&_ref$includePrimary,stories=(0,Object(react.useContext)(DocsContext).componentStories)();return stories=stories.filter((function(story){var _story$parameters,_story$parameters$doc;return!(null!==(_story$parameters=story.parameters)&&void 0!==_story$parameters&&null!==(_story$parameters$doc=_story$parameters.docs)&&void 0!==_story$parameters$doc&&_story$parameters$doc.disable)})),includePrimary||(stories=stories.slice(1)),stories&&0!==stories.length?react_default.a.createElement(react_default.a.Fragment,null,react_default.a.createElement(Heading_Heading,null,title),stories.map((function(story){return story&&react_default.a.createElement(DocsStory_DocsStory,Stories_extends({key:story.id},story,{expanded:!0}))}))):null};Stories_Stories.defaultProps={title:"Stories"};var DocsContainer_templateObject,DocsPage_DocsPage=function DocsPage(){return react_default.a.createElement(react_default.a.Fragment,null,react_default.a.createElement(Title_Title,null),react_default.a.createElement(Subtitle_Subtitle,null),react_default.a.createElement(Description_DescriptionContainer,null),react_default.a.createElement(Primary_Primary,null),react_default.a.createElement(ArgsTable_ArgsTable,{story:PRIMARY_STORY}),react_default.a.createElement(Stories_Stories,null))};__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js");var DocsContainer_document=window_default.a.document,globalWindow=window_default.a.window,defaultComponents=Object.assign({},index_3ae04fda.c,{code:mdx_CodeOrSourceMdx,a:mdx_AnchorMdx},HeadersMdx),warnOptionsTheme=browser_default()((function(){}),Object(ts_dedent_esm.a)(DocsContainer_templateObject||(DocsContainer_templateObject=function DocsContainer_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Deprecated parameter: options.theme => docs.theme\n\n    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming\n"])))),DocsContainer_DocsContainer=function DocsContainer(_ref){var context=_ref.context,children=_ref.children,storyId=context.id,_storyById$parameters=(0,context.storyById)(storyId).parameters,_storyById$parameters2=_storyById$parameters.options,options=void 0===_storyById$parameters2?{}:_storyById$parameters2,_storyById$parameters3=_storyById$parameters.docs,docs=void 0===_storyById$parameters3?{}:_storyById$parameters3,themeVars=docs.theme;!themeVars&&options.theme&&(warnOptionsTheme(),themeVars=options.theme);var theme=Object(theming_dist_esm.e)(themeVars),allComponents=Object.assign({},defaultComponents,docs.components);return Object(react.useEffect)((function(){var url;try{url=new URL(globalWindow.parent.location)}catch(err){return}if(url.hash){var element=DocsContainer_document.getElementById(url.hash.substring(1));element&&setTimeout((function(){scrollToElement(element)}),200)}else{var _element=DocsContainer_document.getElementById(anchorBlockIdFromId(storyId))||DocsContainer_document.getElementById(storyBlockIdFromId(storyId));if(_element){var allStories=_element.parentElement.querySelectorAll('[id|="anchor-"]'),scrollTarget=_element;allStories&&allStories[0]===_element&&(scrollTarget=DocsContainer_document.getElementById("docs-root")),setTimeout((function(){scrollToElement(scrollTarget,"start")}),200)}}}),[storyId]),react_default.a.createElement(DocsContext.Provider,{value:context},react_default.a.createElement(SourceContainer_SourceContainer,null,react_default.a.createElement(theming_dist_esm.b,{theme:theme},react_default.a.createElement(react_dist_esm.a,{components:allComponents},react_default.a.createElement(index_3ae04fda.I,{className:"sbdocs sbdocs-wrapper"},react_default.a.createElement(index_3ae04fda.H,{className:"sbdocs sbdocs-content"},children))))))},Meta_document=window_default.a.document;var Preview_templateObject,Meta=function Meta(){return"docs"===new URL(Meta_document.location).searchParams.get("viewMode")?function renderAnchor(){var context=Object(react.useContext)(DocsContext),anchorId=function getFirstStoryId(docsContext){var stories=docsContext.componentStories();return stories.length>0?stories[0].id:null}(context)||context.id;return react_default.a.createElement(Anchor_Anchor,{storyId:anchorId})}():null};var Props_templateObject,Preview=browser_default()((function(props){return react_default.a.createElement(Canvas_Canvas,props)}),Object(ts_dedent_esm.a)(Preview_templateObject||(Preview_templateObject=function Preview_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Preview doc block has been renamed to Canvas.\n\n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n  "]))));var Props=browser_default()((function(props){return react_default.a.createElement(ArgsTable_ArgsTable,props)}),Object(ts_dedent_esm.a)(Props_templateObject||(Props_templateObject=function Props_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Props doc block has been renamed to ArgsTable.\n\n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n  "]))));Props.defaultProps={of:CURRENT_SELECTION};var Wrapper_Wrapper=function Wrapper(_ref){var children=_ref.children;return react_default.a.createElement("div",{style:{fontFamily:"sans-serif"}},children)}},"./node_modules/@storybook/addon-docs/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _blocks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js");__webpack_require__.d(__webpack_exports__,"a",(function(){return _blocks__WEBPACK_IMPORTED_MODULE_0__.AddContext})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _blocks__WEBPACK_IMPORTED_MODULE_0__.ArgsTable})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _blocks__WEBPACK_IMPORTED_MODULE_0__.Canvas})),__webpack_require__.d(__webpack_exports__,"d",(function(){return _blocks__WEBPACK_IMPORTED_MODULE_0__.Description})),__webpack_require__.d(__webpack_exports__,"e",(function(){return _blocks__WEBPACK_IMPORTED_MODULE_0__.Meta})),__webpack_require__.d(__webpack_exports__,"f",(function(){return _blocks__WEBPACK_IMPORTED_MODULE_0__.Story}))},"./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/SBType.js":function(module,exports,__webpack_require__){},"./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/includeConditionalArg.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists:exists,eq:eq,neq:neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg:arg,global:global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Object.keys(_story).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _story[key]}}))}));var sanitize=function sanitize(string){return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/story.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var addon_docs_preview_namespaceObject={};__webpack_require__.r(addon_docs_preview_namespaceObject),__webpack_require__.d(addon_docs_preview_namespaceObject,"parameters",(function(){return parameters}));var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js");__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}var _getPage,_getContainer,parameters={docs:{getContainer:(_getContainer=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,Promise.resolve().then(__webpack_require__.bind(null,"./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js"));case 2:return _context.abrupt("return",_context.sent.DocsContainer);case 3:case"end":return _context.stop()}}),_callee)}))),function getContainer(){return _getContainer.apply(this,arguments)}),getPage:(_getPage=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,Promise.resolve().then(__webpack_require__.bind(null,"./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js"));case 2:return _context2.abrupt("return",_context2.sent.DocsPage);case 3:case"end":return _context2.stop()}}),_callee2)}))),function getPage(){return _getPage.apply(this,arguments)})}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(addon_docs_preview_namespaceObject).forEach((function(key){var value=addon_docs_preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./node_modules/@storybook/addon-knobs/dist/KnobManager.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _global=__webpack_require__("./node_modules/global/window.js"),_escapeHtml=_interopRequireDefault(__webpack_require__("./node_modules/escape-html/index.js")),_clientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/index.js"),_KnobStore=_interopRequireDefault(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/KnobStore.js")),_shared=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/shared.js"),_converters=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/converters.js");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=arr&&("undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"]);if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var knobValuesFromUrl=Object.entries((0,_clientApi.getQueryParams)()).reduce((function(acc,_ref){var _ref2=_slicedToArray(_ref,2),k=_ref2[0],v=_ref2[1];return k.includes("knob-")?_objectSpread(_objectSpread({},acc),{},_defineProperty({},k.replace("knob-",""),v)):acc}),{});function escapeStrings(obj){if("string"==typeof obj)return(0,_escapeHtml.default)(obj);if(null==obj||"object"!==_typeof(obj))return obj;if(Array.isArray(obj)){var newArray=obj.map(escapeStrings);return newArray.some((function(newValue,key){return newValue!==obj[key]}))?newArray:obj}return Object.entries(obj).reduce((function(acc,_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],oldValue=_ref4[1],newValue=escapeStrings(oldValue);return newValue===oldValue?acc:_objectSpread(_objectSpread({},acc),{},_defineProperty({},key,newValue))}),obj)}var KnobManager=function(){function KnobManager(){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,KnobManager),_defineProperty(this,"knobStore",new _KnobStore.default),_defineProperty(this,"options",{}),_defineProperty(this,"calling",!1)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(KnobManager,[{key:"setChannel",value:function setChannel(channel){this.channel=channel}},{key:"setOptions",value:function setOptions(options){this.options=options}},{key:"getKnobValue",value:function getKnobValue(_ref5){var value=_ref5.value;return this.options.escapeHTML?escapeStrings(value):value}},{key:"knob",value:function knob(name,options){this._mayCallChannel();var knobName=options.groupId?"".concat(name,"_").concat(options.groupId):name,knobStore=this.knobStore,existingKnob=knobStore.get(knobName);if(existingKnob&&options.type===existingKnob.type&&_global.navigator&&(!_global.navigator.userAgent||!_global.navigator.userAgent.includes("jsdom"))){options.value;var restOptions=_objectWithoutProperties(options,["value"]);return knobStore.update(knobName,restOptions),this.getKnobValue(existingKnob)}var knobInfo=_objectSpread(_objectSpread({},options),{},{name:knobName,label:name});if(knobValuesFromUrl[knobName]){var _value=_converters.deserializers[options.type](knobValuesFromUrl[knobName]);knobInfo.defaultValue=_value,knobInfo.value=_value,delete knobValuesFromUrl[knobName]}else knobInfo.defaultValue=options.value;return knobStore.set(knobName,knobInfo),this.getKnobValue(knobStore.get(knobName))}},{key:"_mayCallChannel",value:function _mayCallChannel(){var _this=this;if(this.channel&&!this.calling){this.calling=!0;var timestamp=+new Date;setTimeout((function(){_this.calling=!1,_this.channel&&_this.channel.emit(_shared.SET,{knobs:_this.knobStore.getAll(),timestamp:timestamp})}),400)}}}]),KnobManager}();exports.default=KnobManager},"./node_modules/@storybook/addon-knobs/dist/KnobStore.js":function(module,exports,__webpack_require__){"use strict";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var callArg=function callArg(fn){return fn()},callAll=function callAll(fns){return fns.forEach(callArg)},KnobStore=function(){function KnobStore(){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,KnobStore),_defineProperty(this,"store",{}),_defineProperty(this,"callbacks",[])}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(KnobStore,[{key:"has",value:function has(key){return void 0!==this.store[key]}},{key:"set",value:function set(key,value){this.store[key]=_objectSpread(_objectSpread({},value),{},{used:!0,groupId:value.groupId}),this.timer&&clearTimeout(this.timer),this.timer=setTimeout(callAll,50,this.callbacks)}},{key:"update",value:function update(key,options){this.store[key]=_objectSpread(_objectSpread({},this.store[key]),options)}},{key:"get",value:function get(key){var knob=this.store[key];return knob&&(knob.used=!0),knob}},{key:"getAll",value:function getAll(){return this.store}},{key:"reset",value:function reset(){this.store={}}},{key:"markAllUnused",value:function markAllUnused(){var _this=this;Object.keys(this.store).forEach((function(knobName){_this.store[knobName].used=!1}))}},{key:"subscribe",value:function subscribe(cb){this.callbacks.push(cb)}},{key:"unsubscribe",value:function unsubscribe(cb){var index=this.callbacks.indexOf(cb);this.callbacks.splice(index,1)}}]),KnobStore}();exports.default=KnobStore},"./node_modules/@storybook/addon-knobs/dist/converters.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.deserializers=exports.serializers=exports.converters=void 0;var unconvertable=function unconvertable(){},converters={jsonParse:function jsonParse(value){return JSON.parse(value)},jsonStringify:function jsonStringify(value){return JSON.stringify(value)},simple:function simple(value){return value},stringifyIfSet:function stringifyIfSet(value){return null==value?"":String(value)},stringifyIfTruthy:function stringifyIfTruthy(value){return value?String(value):null},toArray:function toArray(value){return Array.isArray(value)?value:value.split(",")},toBoolean:function toBoolean(value){return"true"===value},toDate:function toDate(value){return new Date(value).getTime()||(new Date).getTime()},toFloat:function toFloat(value){return""===value?null:parseFloat(value)}};exports.converters=converters;var serializers={array:converters.simple,boolean:converters.stringifyIfTruthy,button:unconvertable,checkbox:converters.simple,color:converters.simple,date:converters.toDate,files:unconvertable,number:converters.stringifyIfSet,object:converters.jsonStringify,options:converters.simple,radios:converters.simple,select:converters.simple,text:converters.simple};exports.serializers=serializers;var deserializers={array:converters.toArray,boolean:converters.toBoolean,button:unconvertable,checkbox:converters.simple,color:converters.simple,date:converters.toDate,files:unconvertable,number:converters.toFloat,object:converters.jsonParse,options:converters.simple,radios:converters.simple,select:converters.simple,text:converters.simple};exports.deserializers=deserializers},"./node_modules/@storybook/addon-knobs/dist/index.js":function(module,exports,__webpack_require__){"use strict";(function(module){function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={knob:!0,text:!0,boolean:!0,number:!0,color:!0,object:!0,select:!0,radios:!0,array:!0,date:!0,button:!0,files:!0,optionsKnob:!0,withKnobs:!0};exports.knob=function knob(name,options){return _registerKnobs.manager.knob(name,options)},exports.text=function text(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"text",value:value,groupId:groupId})},exports.boolean=function _boolean(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"boolean",value:value,groupId:groupId})},exports.number=function number(name,value){var options=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},groupId=arguments.length>3?arguments[3]:void 0,rangeDefaults={min:0,max:10,step:1},mergedOptions=options.range?_objectSpread(_objectSpread({},rangeDefaults),options):options,finalOptions=_objectSpread(_objectSpread({type:"number"},mergedOptions),{},{value:value,groupId:groupId});return _registerKnobs.manager.knob(name,finalOptions)},exports.color=function color(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"color",value:value,groupId:groupId})},exports.object=function object(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"object",value:value,groupId:groupId})},exports.select=function select(name,options,value,groupId){return _registerKnobs.manager.knob(name,{type:"select",selectV2:!0,options:options,value:value,groupId:groupId})},exports.radios=function radios(name,options,value,groupId){return _registerKnobs.manager.knob(name,{type:"radios",options:options,value:value,groupId:groupId})},exports.array=function array(name,value){var separator=arguments.length>2&&void 0!==arguments[2]?arguments[2]:",",groupId=arguments.length>3?arguments[3]:void 0;return _registerKnobs.manager.knob(name,{type:"array",value:value,separator:separator,groupId:groupId})},exports.date=function date(name){var value=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date,groupId=arguments.length>2?arguments[2]:void 0,proxyValue=value?value.getTime():(new Date).getTime();return _registerKnobs.manager.knob(name,{type:"date",value:proxyValue,groupId:groupId})},exports.button=function button(name,callback,groupId){return _registerKnobs.manager.knob(name,{type:"button",callback:callback,hideLabel:!0,groupId:groupId})},exports.files=function files(name,accept){var value=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],groupId=arguments.length>3?arguments[3]:void 0;return _registerKnobs.manager.knob(name,{type:"files",accept:accept,value:value,groupId:groupId})},exports.optionsKnob=function optionsKnob(name,valuesObj,value,optionsObj,groupId){return _registerKnobs.manager.knob(name,{type:"options",options:valuesObj,value:value,optionsObj:optionsObj,groupId:groupId})},exports.withKnobs=void 0;var _addons=function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!==key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}newObj.default=obj,cache&&cache.set(obj,newObj);return newObj}(__webpack_require__("./node_modules/@storybook/addons/dist/esm/public_api.js")),_shared=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/shared.js");Object.keys(_shared).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_shared[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _shared[key]}}))}));var _registerKnobs=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/registerKnobs.js");function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var defaultOptions={escapeHTML:!0},withKnobs=(0,_addons.makeDecorator)({name:"withKnobs",parameterName:"knobs",skipIfNoParametersOrOptions:!1,wrapper:function wrapper(getStory,context,_ref){var options=_ref.options,storyOptions=_ref.parameters||options,allOptions=_objectSpread(_objectSpread({},defaultOptions),storyOptions),channel=_addons.default.getChannel();return _registerKnobs.manager.setChannel(channel),_registerKnobs.manager.setOptions(allOptions),channel.emit(_shared.SET_OPTIONS,allOptions),(0,_registerKnobs.registerKnobs)(),getStory(context)}});exports.withKnobs=withKnobs,module&&module.hot&&module.hot.decline&&module.hot.decline()}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-knobs/dist/registerKnobs.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerKnobs=function registerKnobs(){(0,_clientApi.useEffect)(connectCallbacks,[])},exports.manager=void 0;var _addons=_interopRequireDefault(__webpack_require__("./node_modules/@storybook/addons/dist/esm/public_api.js")),_clientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/index.js"),_coreEvents=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),_debounce=_interopRequireDefault(__webpack_require__("./node_modules/lodash/debounce.js")),_KnobManager=_interopRequireDefault(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/KnobManager.js")),_shared=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/shared.js");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var manager=new _KnobManager.default;exports.manager=manager;var knobStore=manager.knobStore;function forceReRender(){_addons.default.getChannel().emit(_coreEvents.FORCE_RE_RENDER)}function setPaneKnobs(){var timestamp=arguments.length>0&&void 0!==arguments[0]?arguments[0]:+new Date,channel=_addons.default.getChannel();channel.emit(_shared.SET,{knobs:knobStore.getAll(),timestamp:timestamp})}var resetAndForceUpdate=function resetAndForceUpdate(){knobStore.markAllUnused(),forceReRender()},debouncedResetAndForceUpdate=(0,_debounce.default)(resetAndForceUpdate,325);function knobChanged(change){var name=change.name,value=change.value,knobOptions=knobStore.get(name);knobOptions.value=value,manager.options.disableForceUpdate||knobOptions.disableForceUpdate||(manager.options.disableDebounce||knobOptions.disableDebounce?resetAndForceUpdate():debouncedResetAndForceUpdate())}function knobClicked(clicked){var knobOptions=knobStore.get(clicked.name);knobOptions.callback&&!1!==knobOptions.callback()&&forceReRender()}function resetKnobs(){knobStore.reset(),setPaneKnobs(!1)}function resetKnobsAndForceReRender(){knobStore.reset(),forceReRender(),setPaneKnobs(!1)}function disconnectCallbacks(){var channel=_addons.default.getChannel();channel.removeListener(_shared.CHANGE,knobChanged),channel.removeListener(_shared.CLICK,knobClicked),channel.removeListener(_coreEvents.STORY_CHANGED,resetKnobs),channel.removeListener(_shared.RESET,resetKnobsAndForceReRender),knobStore.unsubscribe(setPaneKnobs)}function connectCallbacks(){var channel=_addons.default.getChannel();return channel.on(_shared.CHANGE,knobChanged),channel.on(_shared.CLICK,knobClicked),channel.on(_coreEvents.STORY_CHANGED,resetKnobs),channel.on(_shared.RESET,resetKnobsAndForceReRender),knobStore.subscribe(setPaneKnobs),disconnectCallbacks}},"./node_modules/@storybook/addon-knobs/dist/shared.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CLICK=exports.SET_OPTIONS=exports.CHANGE=exports.SET=exports.RESET=exports.PANEL_ID=exports.ADDON_ID=exports.PARAM_KEY=void 0;exports.PARAM_KEY="knobs";var ADDON_ID="storybookjs/knobs";exports.ADDON_ID=ADDON_ID;var PANEL_ID="".concat(ADDON_ID,"/panel");exports.PANEL_ID=PANEL_ID;var RESET="".concat(ADDON_ID,"/reset");exports.RESET=RESET;var SET="".concat(ADDON_ID,"/set");exports.SET=SET;var CHANGE="".concat(ADDON_ID,"/change");exports.CHANGE=CHANGE;var SET_OPTIONS="".concat(ADDON_ID,"/set-options");exports.SET_OPTIONS=SET_OPTIONS;var CLICK="".concat(ADDON_ID,"/click");exports.CLICK=CLICK},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js":function(module,exports,__webpack_require__){"use strict";module.exports=function(useSourceMap){var list=[];return list.toString=function toString(){return this.map((function(item){var content=function cssWithMappingToString(item,useSourceMap){var content=item[1]||"",cssMapping=item[3];if(!cssMapping)return content;if(useSourceMap&&"function"==typeof btoa){var sourceMapping=function toComment(sourceMap){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);return"/*# ".concat(data," */")}(cssMapping),sourceURLs=cssMapping.sources.map((function(source){return"/*# sourceURL=".concat(cssMapping.sourceRoot||"").concat(source," */")}));return[content].concat(sourceURLs).concat([sourceMapping]).join("\n")}return[content].join("\n")}(item,useSourceMap);return item[2]?"@media ".concat(item[2]," {").concat(content,"}"):content})).join("")},list.i=function(modules,mediaQuery,dedupe){"string"==typeof modules&&(modules=[[null,modules,""]]);var alreadyImportedModules={};if(dedupe)for(var i=0;i<this.length;i++){var id=this[i][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _i=0;_i<modules.length;_i++){var item=[].concat(modules[_i]);dedupe&&alreadyImportedModules[item[0]]||(mediaQuery&&(item[2]?item[2]="".concat(mediaQuery," and ").concat(item[2]):item[2]=mediaQuery),list.push(item))}},list}},"./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":function(module,exports,__webpack_require__){"use strict";var isOldIE=function isOldIE(){var memo;return function memorize(){return void 0===memo&&(memo=Boolean(window&&document&&document.all&&!window.atob)),memo}}(),getTarget=function getTarget(){var memo={};return function memorize(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}}(),stylesInDom=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDom.length;i++)if(stylesInDom[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var index=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3]};-1!==index?(stylesInDom[index].references++,stylesInDom[index].updater(obj)):stylesInDom.push({identifier:identifier,updater:addStyle(obj,options),references:1}),identifiers.push(identifier)}return identifiers}function insertStyleElement(options){var style=document.createElement("style"),attributes=options.attributes||{};if(void 0===attributes.nonce){var nonce=__webpack_require__.nc;nonce&&(attributes.nonce=nonce)}if(Object.keys(attributes).forEach((function(key){style.setAttribute(key,attributes[key])})),"function"==typeof options.insert)options.insert(style);else{var target=getTarget(options.insert||"head");if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}return style}var replaceText=function replaceText(){var textStore=[];return function replace(index,replacement){return textStore[index]=replacement,textStore.filter(Boolean).join("\n")}}();function applyToSingletonTag(style,index,remove,obj){var css=remove?"":obj.media?"@media ".concat(obj.media," {").concat(obj.css,"}"):obj.css;if(style.styleSheet)style.styleSheet.cssText=replaceText(index,css);else{var cssNode=document.createTextNode(css),childNodes=style.childNodes;childNodes[index]&&style.removeChild(childNodes[index]),childNodes.length?style.insertBefore(cssNode,childNodes[index]):style.appendChild(cssNode)}}function applyToTag(style,options,obj){var css=obj.css,media=obj.media,sourceMap=obj.sourceMap;if(media?style.setAttribute("media",media):style.removeAttribute("media"),sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),style.styleSheet)style.styleSheet.cssText=css;else{for(;style.firstChild;)style.removeChild(style.firstChild);style.appendChild(document.createTextNode(css))}}var singleton=null,singletonCounter=0;function addStyle(obj,options){var style,update,remove;if(options.singleton){var styleIndex=singletonCounter++;style=singleton||(singleton=insertStyleElement(options)),update=applyToSingletonTag.bind(null,style,styleIndex,!1),remove=applyToSingletonTag.bind(null,style,styleIndex,!0)}else style=insertStyleElement(options),update=applyToTag.bind(null,style,options),remove=function remove(){!function removeStyleElement(style){if(null===style.parentNode)return!1;style.parentNode.removeChild(style)}(style)};return update(obj),function updateStyle(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap)return;update(obj=newObj)}else remove()}}module.exports=function(list,options){(options=options||{}).singleton||"boolean"==typeof options.singleton||(options.singleton=isOldIE());var lastIdentifiers=modulesToDom(list=list||[],options);return function update(newList){if(newList=newList||[],"[object Array]"===Object.prototype.toString.call(newList)){for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDom[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDom[_index].references&&(stylesInDom[_index].updater(),stylesInDom.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}}},"./node_modules/@storybook/addons/dist/esm/hooks.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HooksContext})),__webpack_require__.d(__webpack_exports__,"b",(function(){return applyHooks})),__webpack_require__.d(__webpack_exports__,"h",(function(){return useMemo})),__webpack_require__.d(__webpack_exports__,"d",(function(){return useCallback})),__webpack_require__.d(__webpack_exports__,"k",(function(){return useRef})),__webpack_require__.d(__webpack_exports__,"l",(function(){return useState})),__webpack_require__.d(__webpack_exports__,"j",(function(){return useReducer})),__webpack_require__.d(__webpack_exports__,"f",(function(){return useEffect})),__webpack_require__.d(__webpack_exports__,"e",(function(){return useChannel})),__webpack_require__.d(__webpack_exports__,"m",(function(){return useStoryContext})),__webpack_require__.d(__webpack_exports__,"i",(function(){return useParameter})),__webpack_require__.d(__webpack_exports__,"c",(function(){return useArgs})),__webpack_require__.d(__webpack_exports__,"g",(function(){return useGlobals}));__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var global__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_20__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),_index__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var globalWindow=global__WEBPACK_IMPORTED_MODULE_20___default.a.window,HooksContext=function(){function HooksContext(){var _this=this;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,HooksContext),this.hookListsMap=void 0,this.mountedDecorators=void 0,this.prevMountedDecorators=void 0,this.currentHooks=void 0,this.nextHookIndex=void 0,this.currentPhase=void 0,this.currentEffects=void 0,this.prevEffects=void 0,this.currentDecoratorName=void 0,this.hasUpdates=void 0,this.currentContext=void 0,this.renderListener=function(storyId){storyId===_this.currentContext.id&&(_this.triggerEffects(),_this.currentContext=null,_this.removeRenderListeners())},this.init()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(HooksContext,[{key:"init",value:function init(){this.hookListsMap=new WeakMap,this.mountedDecorators=new Set,this.prevMountedDecorators=this.mountedDecorators,this.currentHooks=[],this.nextHookIndex=0,this.currentPhase="NONE",this.currentEffects=[],this.prevEffects=[],this.currentDecoratorName=null,this.hasUpdates=!1,this.currentContext=null}},{key:"clean",value:function clean(){this.prevEffects.forEach((function(effect){effect.destroy&&effect.destroy()})),this.init(),this.removeRenderListeners()}},{key:"getNextHook",value:function getNextHook(){var hook=this.currentHooks[this.nextHookIndex];return this.nextHookIndex+=1,hook}},{key:"triggerEffects",value:function triggerEffects(){var _this2=this;this.prevEffects.forEach((function(effect){!_this2.currentEffects.includes(effect)&&effect.destroy&&effect.destroy()})),this.currentEffects.forEach((function(effect){_this2.prevEffects.includes(effect)||(effect.destroy=effect.create())})),this.prevEffects=this.currentEffects,this.currentEffects=[]}},{key:"addRenderListeners",value:function addRenderListeners(){this.removeRenderListeners(),_index__WEBPACK_IMPORTED_MODULE_23__.c.getChannel().on(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.STORY_RENDERED,this.renderListener)}},{key:"removeRenderListeners",value:function removeRenderListeners(){_index__WEBPACK_IMPORTED_MODULE_23__.c.getChannel().removeListener(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.STORY_RENDERED,this.renderListener)}}]),HooksContext}();function hookify(fn){return function(){var _ref="function"==typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],hooks=_ref.hooks,prevPhase=hooks.currentPhase,prevHooks=hooks.currentHooks,prevNextHookIndex=hooks.nextHookIndex,prevDecoratorName=hooks.currentDecoratorName;hooks.currentDecoratorName=fn.name,hooks.prevMountedDecorators.has(fn)?(hooks.currentPhase="UPDATE",hooks.currentHooks=hooks.hookListsMap.get(fn)||[]):(hooks.currentPhase="MOUNT",hooks.currentHooks=[],hooks.hookListsMap.set(fn,hooks.currentHooks),hooks.prevMountedDecorators.add(fn)),hooks.nextHookIndex=0;var prevContext=globalWindow.STORYBOOK_HOOKS_CONTEXT;globalWindow.STORYBOOK_HOOKS_CONTEXT=hooks;var result=fn.apply(void 0,arguments);if(globalWindow.STORYBOOK_HOOKS_CONTEXT=prevContext,"UPDATE"===hooks.currentPhase&&null!=hooks.getNextHook())throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return hooks.currentPhase=prevPhase,hooks.currentHooks=prevHooks,hooks.nextHookIndex=prevNextHookIndex,hooks.currentDecoratorName=prevDecoratorName,result}}var numberOfRenders=0,applyHooks=function applyHooks(applyDecorators){return function(storyFn,decorators){var decorated=applyDecorators(hookify(storyFn),decorators.map((function(decorator){return hookify(decorator)})));return function(context){var hooks=context.hooks;hooks.prevMountedDecorators=hooks.mountedDecorators,hooks.mountedDecorators=new Set([storyFn].concat(_toConsumableArray(decorators))),hooks.currentContext=context,hooks.hasUpdates=!1;var result=decorated(context);for(numberOfRenders=1;hooks.hasUpdates;)if(hooks.hasUpdates=!1,hooks.currentEffects=[],result=decorated(context),(numberOfRenders+=1)>25)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return hooks.addRenderListeners(),result}}},invalidHooksError=function invalidHooksError(){return new Error("Storybook preview hooks can only be called inside decorators and story functions.")};function getHooksContextOrNull(){return globalWindow.STORYBOOK_HOOKS_CONTEXT||null}function getHooksContextOrThrow(){var hooks=getHooksContextOrNull();if(null==hooks)throw invalidHooksError();return hooks}function useMemoLike(name,nextCreate,deps){var _useHook=function useHook(name,callback,deps){var hooks=getHooksContextOrThrow();if("MOUNT"===hooks.currentPhase){null==deps||Array.isArray(deps)||_storybook_client_logger__WEBPACK_IMPORTED_MODULE_21__.a.warn("".concat(name," received a final argument that is not an array (instead, received ").concat(deps,"). When specified, the final argument must be an array."));var _hook={name:name,deps:deps};return hooks.currentHooks.push(_hook),callback(_hook),_hook}if("UPDATE"===hooks.currentPhase){var _hook2=hooks.getNextHook();if(null==_hook2)throw new Error("Rendered more hooks than during the previous render.");return _hook2.name!==name&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_21__.a.warn("Storybook has detected a change in the order of Hooks".concat(hooks.currentDecoratorName?" called by ".concat(hooks.currentDecoratorName):"",". This will lead to bugs and errors if not fixed.")),null!=deps&&null==_hook2.deps&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_21__.a.warn("".concat(name," received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.")),null!=deps&&null!=_hook2.deps&&deps.length!==_hook2.deps.length&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_21__.a.warn("The final argument passed to ".concat(name," changed size between renders. The order and size of this array must remain constant.\nPrevious: ").concat(_hook2.deps,"\nIncoming: ").concat(deps)),null!=deps&&null!=_hook2.deps&&function areDepsEqual(deps,nextDeps){return deps.length===nextDeps.length&&deps.every((function(dep,i){return dep===nextDeps[i]}))}(deps,_hook2.deps)||(callback(_hook2),_hook2.deps=deps),_hook2}throw invalidHooksError()}(name,(function(hook){hook.memoizedState=nextCreate()}),deps);return _useHook.memoizedState}function useMemo(nextCreate,deps){return useMemoLike("useMemo",nextCreate,deps)}function useCallback(callback,deps){return useMemoLike("useCallback",(function(){return callback}),deps)}function useRefLike(name,initialValue){return useMemoLike(name,(function(){return{current:initialValue}}),[])}function useRef(initialValue){return useRefLike("useRef",initialValue)}function useStateLike(name,initialState){var stateRef=useRefLike(name,"function"==typeof initialState?initialState():initialState);return[stateRef.current,function setState(update){stateRef.current="function"==typeof update?update(stateRef.current):update,function triggerUpdate(){var hooks=getHooksContextOrNull();if(null!=hooks&&"NONE"!==hooks.currentPhase)hooks.hasUpdates=!0;else try{_index__WEBPACK_IMPORTED_MODULE_23__.c.getChannel().emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.FORCE_RE_RENDER)}catch(e){_storybook_client_logger__WEBPACK_IMPORTED_MODULE_21__.a.warn("State updates of Storybook preview hooks work only in browser")}}()}]}function useState(initialState){return useStateLike("useState",initialState)}function useReducer(reducer,initialArg,init){var _useStateLike2=_slicedToArray(useStateLike("useReducer",null!=init?function(){return init(initialArg)}:initialArg),2),state=_useStateLike2[0],setState=_useStateLike2[1];return[state,function dispatch(action){return setState((function(prevState){return reducer(prevState,action)}))}]}function useEffect(create,deps){var hooks=getHooksContextOrThrow(),effect=useMemoLike("useEffect",(function(){return{create:create}}),deps);hooks.currentEffects.includes(effect)||hooks.currentEffects.push(effect)}function useChannel(eventMap){var deps=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],channel=_index__WEBPACK_IMPORTED_MODULE_23__.c.getChannel();return useEffect((function(){return Object.entries(eventMap).forEach((function(_ref3){var _ref4=_slicedToArray(_ref3,2),type=_ref4[0],listener=_ref4[1];return channel.on(type,listener)})),function(){Object.entries(eventMap).forEach((function(_ref5){var _ref6=_slicedToArray(_ref5,2),type=_ref6[0],listener=_ref6[1];return channel.removeListener(type,listener)}))}}),[].concat(_toConsumableArray(Object.keys(eventMap)),_toConsumableArray(deps))),useCallback(channel.emit.bind(channel),[channel])}function useStoryContext(){var currentContext=getHooksContextOrThrow().currentContext;if(null==currentContext)throw invalidHooksError();return currentContext}function useParameter(parameterKey,defaultValue){var _parameters$parameter,parameters=useStoryContext().parameters;if(parameterKey)return null!==(_parameters$parameter=parameters[parameterKey])&&void 0!==_parameters$parameter?_parameters$parameter:defaultValue}function useArgs(){var channel=_index__WEBPACK_IMPORTED_MODULE_23__.c.getChannel(),_useStoryContext2=useStoryContext(),storyId=_useStoryContext2.id;return[_useStoryContext2.args,useCallback((function(updatedArgs){return channel.emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.UPDATE_STORY_ARGS,{storyId:storyId,updatedArgs:updatedArgs})}),[channel,storyId]),useCallback((function(argNames){return channel.emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.RESET_STORY_ARGS,{storyId:storyId,argNames:argNames})}),[channel,storyId])]}function useGlobals(){var channel=_index__WEBPACK_IMPORTED_MODULE_23__.c.getChannel();return[useStoryContext().globals,useCallback((function(newGlobals){return channel.emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.UPDATE_GLOBALS,{globals:newGlobals})}),[channel])]}},"./node_modules/@storybook/addons/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AddonStore})),__webpack_require__.d(__webpack_exports__,"c",(function(){return addons}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js");var global__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_5__),_storybook_channels__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/channels/dist/esm/index.js");__webpack_require__.d(__webpack_exports__,"b",(function(){return _storybook_channels__WEBPACK_IMPORTED_MODULE_6__.a}));var _storybook_client_logger__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_storybook_channel_mock__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js"),_types__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/types.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}var AddonStore=_createClass((function AddonStore(){var _this=this;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,AddonStore),this.loaders={},this.elements={},this.config={},this.channel=void 0,this.serverChannel=void 0,this.promise=void 0,this.resolve=void 0,this.getChannel=function(){return _this.channel||_this.setChannel(Object(_storybook_channel_mock__WEBPACK_IMPORTED_MODULE_8__.a)()),_this.channel},this.getServerChannel=function(){if(!_this.serverChannel)throw new Error("Accessing non-existent serverChannel");return _this.serverChannel},this.ready=function(){return _this.promise},this.hasChannel=function(){return!!_this.channel},this.hasServerChannel=function(){return!!_this.serverChannel},this.setChannel=function(channel){_this.channel=channel,_this.resolve()},this.setServerChannel=function(channel){_this.serverChannel=channel},this.getElements=function(type){return _this.elements[type]||(_this.elements[type]={}),_this.elements[type]},this.addPanel=function(name,options){_this.add(name,Object.assign({type:_types__WEBPACK_IMPORTED_MODULE_9__.b.PANEL},options))},this.add=function(name,addon){var type=addon.type;_this.getElements(type)[name]=Object.assign({id:name},addon)},this.setConfig=function(value){Object.assign(_this.config,value)},this.getConfig=function(){return _this.config},this.register=function(name,registerCallback){_this.loaders[name]&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_7__.a.warn("".concat(name," was loaded twice, this could have bad side-effects")),_this.loaders[name]=registerCallback},this.loadAddons=function(api){Object.values(_this.loaders).forEach((function(value){return value(api)}))},this.promise=new Promise((function(res){_this.resolve=function(){return res(_this.getChannel())}}))})),KEY="__STORYBOOK_ADDONS";var addons=function getAddonsStore(){return global__WEBPACK_IMPORTED_MODULE_5___default.a[KEY]||(global__WEBPACK_IMPORTED_MODULE_5___default.a[KEY]=new AddonStore),global__WEBPACK_IMPORTED_MODULE_5___default.a[KEY]}()},"./node_modules/@storybook/addons/dist/esm/make-decorator.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return makeDecorator}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var makeDecorator=function makeDecorator(_ref){var name=_ref.name,parameterName=_ref.parameterName,wrapper=_ref.wrapper,_ref$skipIfNoParamete=_ref.skipIfNoParametersOrOptions,skipIfNoParametersOrOptions=void 0!==_ref$skipIfNoParamete&&_ref$skipIfNoParamete,decorator=function decorator(options){return function(storyFn,context){var parameters=context.parameters&&context.parameters[parameterName];return parameters&&parameters.disable?storyFn(context):!skipIfNoParametersOrOptions||options||parameters?wrapper(storyFn,context,{options:options,parameters:parameters}):storyFn(context)}};return function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return"function"==typeof args[0]?decorator().apply(void 0,args):function(){if(arguments.length>1)return args.length>1?decorator(args).apply(void 0,arguments):decorator.apply(void 0,args).apply(void 0,arguments);throw new Error("Passing stories directly into ".concat(name,"() is not allowed,\n        instead use addDecorator(").concat(name,") and pass options with the '").concat(parameterName,"' parameter"))}}}},"./node_modules/@storybook/addons/dist/esm/public_api.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),_make_decorator__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/make-decorator.js");__webpack_require__.d(__webpack_exports__,"makeDecorator",(function(){return _make_decorator__WEBPACK_IMPORTED_MODULE_1__.a})),__webpack_require__.d(__webpack_exports__,"Channel",(function(){return _index__WEBPACK_IMPORTED_MODULE_0__.b})),__webpack_require__.d(__webpack_exports__,"AddonStore",(function(){return _index__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"addons",(function(){return _index__WEBPACK_IMPORTED_MODULE_0__.c}));var _types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/types.js");__webpack_require__.d(__webpack_exports__,"types",(function(){return _types__WEBPACK_IMPORTED_MODULE_2__.b})),__webpack_require__.d(__webpack_exports__,"isSupportedType",(function(){return _types__WEBPACK_IMPORTED_MODULE_2__.a}));var _storybook_channel_mock__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js");__webpack_require__.d(__webpack_exports__,"mockChannel",(function(){return _storybook_channel_mock__WEBPACK_IMPORTED_MODULE_3__.a}));var _hooks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js");__webpack_require__.d(__webpack_exports__,"HooksContext",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.a})),__webpack_require__.d(__webpack_exports__,"applyHooks",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.b})),__webpack_require__.d(__webpack_exports__,"useMemo",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.h})),__webpack_require__.d(__webpack_exports__,"useCallback",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.d})),__webpack_require__.d(__webpack_exports__,"useRef",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.k})),__webpack_require__.d(__webpack_exports__,"useState",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.l})),__webpack_require__.d(__webpack_exports__,"useReducer",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.j})),__webpack_require__.d(__webpack_exports__,"useEffect",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.f})),__webpack_require__.d(__webpack_exports__,"useChannel",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.e})),__webpack_require__.d(__webpack_exports__,"useStoryContext",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.m})),__webpack_require__.d(__webpack_exports__,"useParameter",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.i})),__webpack_require__.d(__webpack_exports__,"useArgs",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.c})),__webpack_require__.d(__webpack_exports__,"useGlobals",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_4__.g})),__webpack_exports__.default=_index__WEBPACK_IMPORTED_MODULE_0__.c},"./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return mockChannel}));var _storybook_channels__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/channels/dist/esm/index.js");function mockChannel(){return new _storybook_channels__WEBPACK_IMPORTED_MODULE_0__.b({transport:{setHandler:function setHandler(){},send:function send(){}}})}},"./node_modules/@storybook/addons/dist/esm/types.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return types})),__webpack_require__.d(__webpack_exports__,"a",(function(){return isSupportedType}));var types;__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js");function isSupportedType(type){return!!Object.values(types).find((function(typeVal){return typeVal===type}))}!function(types){types.TAB="tab",types.PANEL="panel",types.TOOL="tool",types.TOOLEXTRA="toolextra",types.PREVIEW="preview",types.NOTES_ELEMENT="notes-element"}(types||(types={}))},"./node_modules/@storybook/api/node_modules/@storybook/csf/dist/SBType.js":function(module,exports,__webpack_require__){},"./node_modules/@storybook/api/node_modules/@storybook/csf/dist/includeConditionalArg.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists:exists,eq:eq,neq:neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg:arg,global:global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/api/node_modules/@storybook/csf/dist/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/api/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/api/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Object.keys(_story).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _story[key]}}))}));var sanitize=function sanitize(string){return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/api/node_modules/@storybook/csf/dist/story.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/api/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/api/node_modules/telejson/dist/esm/dom-event.js":function(module,__webpack_exports__,__webpack_require__){"use strict";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__webpack_require__.d(__webpack_exports__,"a",(function(){return extractEventHiddenProperties}));var eventProperties=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],customEventSpecificProperties=["detail"];function extractEventHiddenProperties(event){var rebuildEvent=eventProperties.filter((function(value){return void 0!==event[value]})).reduce((function(acc,value){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},value,event[value]))}),{});return event instanceof CustomEvent&&customEventSpecificProperties.filter((function(value){return void 0!==event[value]})).forEach((function(value){rebuildEvent[value]=event[value]})),rebuildEvent}},"./node_modules/@storybook/api/node_modules/telejson/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return stringify})),__webpack_require__.d(__webpack_exports__,"a",(function(){return parse}));var is_regex__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/is-regex/index.js"),is_regex__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(is_regex__WEBPACK_IMPORTED_MODULE_0__),is_function__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/is-function/index.js"),is_function__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(is_function__WEBPACK_IMPORTED_MODULE_1__),is_symbol__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/is-symbol/index.js"),is_symbol__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(is_symbol__WEBPACK_IMPORTED_MODULE_2__),isobject__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/isobject/index.js"),lodash_get__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/lodash/get.js"),lodash_get__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_4__),memoizerific__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_5__),_dom_event__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/api/node_modules/telejson/dist/esm/dom-event.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(arr)){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var isRunningInBrowser="undefined"!=typeof window&&void 0!==window.document,isObject=isobject__WEBPACK_IMPORTED_MODULE_3__.a,removeCodeComments=function removeCodeComments(code){var inQuoteChar=null,inBlockComment=!1,inLineComment=!1,inRegexLiteral=!1,newCode="";if(code.indexOf("//")>=0||code.indexOf("/*")>=0)for(var i=0;i<code.length;i+=1)inQuoteChar||inBlockComment||inLineComment||inRegexLiteral?(inQuoteChar&&(code[i]===inQuoteChar&&"\\"!==code[i-1]||"\n"===code[i]&&"`"!==inQuoteChar)&&(inQuoteChar=null),inRegexLiteral&&("/"===code[i]&&"\\"!==code[i-1]||"\n"===code[i])&&(inRegexLiteral=!1),inBlockComment&&"/"===code[i-1]&&"*"===code[i-2]&&(inBlockComment=!1),inLineComment&&"\n"===code[i]&&(inLineComment=!1)):'"'===code[i]||"'"===code[i]||"`"===code[i]?inQuoteChar=code[i]:"/"===code[i]&&"*"===code[i+1]?inBlockComment=!0:"/"===code[i]&&"/"===code[i+1]?inLineComment=!0:"/"===code[i]&&"/"!==code[i+1]&&(inRegexLiteral=!0),inBlockComment||inLineComment||(newCode+=code[i]);else newCode=code;return newCode},cleanCode=memoizerific__WEBPACK_IMPORTED_MODULE_5___default()(1e4)((function(code){return removeCodeComments(code).replace(/\n\s*/g,"").trim()})),convertShorthandMethods=function convertShorthandMethods(key,stringified){var fnHead=stringified.slice(0,stringified.indexOf("{")),fnBody=stringified.slice(stringified.indexOf("{"));if(fnHead.includes("=>"))return stringified;if(fnHead.includes("function"))return stringified;var modifiedHead=fnHead;return(modifiedHead=modifiedHead.replace(key,"function"))+fnBody},dateFormat=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,isJSON=function isJSON(input){return input.match(/^[\[\{\"\}].*[\]\}\"]$/)};function convertUnconventionalData(data){if(!isObject(data))return data;var result=data,wasMutated=!1;return isRunningInBrowser&&data instanceof Event&&(result=Object(_dom_event__WEBPACK_IMPORTED_MODULE_6__.a)(result),wasMutated=!0),result=Object.keys(result).reduce((function(acc,key){try{var _result$key;null===(_result$key=result[key])||void 0===_result$key||_result$key.toJSON,acc[key]=result[key]}catch(err){wasMutated=!0}return acc}),{}),wasMutated?result:data}var replacer=function replacer(options){var objects,map,stack,keys;return function replace(key,value){try{if(""===key)return keys=[],objects=new Map([[value,"[]"]]),map=new Map,stack=[],value;for(var origin=map.get(this)||this;stack.length&&origin!==stack[0];)stack.shift(),keys.pop();if("boolean"==typeof value)return value;if(void 0===value){if(!options.allowUndefined)return;return"_undefined_"}if(null===value)return null;if("number"==typeof value)return value===-1/0?"_-Infinity_":value===1/0?"_Infinity_":Number.isNaN(value)?"_NaN_":value;if("bigint"==typeof value)return"_bigint_".concat(value.toString());if("string"==typeof value){if(dateFormat.test(value)){if(!options.allowDate)return;return"_date_".concat(value)}return value}if(is_regex__WEBPACK_IMPORTED_MODULE_0___default()(value)){if(!options.allowRegExp)return;return"_regexp_".concat(value.flags,"|").concat(value.source)}if(is_function__WEBPACK_IMPORTED_MODULE_1___default()(value)){if(!options.allowFunction)return;var name=value.name,stringified=value.toString();return stringified.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?"_function_".concat(name,"|").concat(function(){}.toString()):"_function_".concat(name,"|").concat(cleanCode(convertShorthandMethods(key,stringified)))}if(is_symbol__WEBPACK_IMPORTED_MODULE_2___default()(value)){if(!options.allowSymbol)return;var globalRegistryKey=Symbol.keyFor(value);return void 0!==globalRegistryKey?"_gsymbol_".concat(globalRegistryKey):"_symbol_".concat(value.toString().slice(7,-1))}if(stack.length>=options.maxDepth)return Array.isArray(value)?"[Array(".concat(value.length,")]"):"[Object]";if(value===this)return"_duplicate_".concat(JSON.stringify(keys));if(value.constructor&&value.constructor.name&&"Object"!==value.constructor.name&&!Array.isArray(value)&&!options.allowClass)return;var found=objects.get(value);if(!found){var converted=Array.isArray(value)?value:convertUnconventionalData(value);if(value.constructor&&value.constructor.name&&"Object"!==value.constructor.name&&!Array.isArray(value)&&options.allowClass)try{Object.assign(converted,{"_constructor-name_":value.constructor.name})}catch(e){}return keys.push(key),stack.unshift(converted),objects.set(value,JSON.stringify(keys)),value!==converted&&map.set(value,converted),converted}return"_duplicate_".concat(found)}catch(e){return}}},reviver=function reviver(options){var refs=[],root;return function revive(key,value){if(""===key&&(root=value,refs.forEach((function(_ref){var target=_ref.target,container=_ref.container,replacement=_ref.replacement,replacementArr=isJSON(replacement)?JSON.parse(replacement):replacement.split(".");0===replacementArr.length?container[target]=root:container[target]=lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(root,replacementArr)}))),"_constructor-name_"===key)return value;if(isObject(value)&&value["_constructor-name_"]&&options.allowFunction){var name=value["_constructor-name_"];if("Object"!==name){var Fn=new Function("return function ".concat(name.replace(/[\W_]+/g,""),"(){}"))();Object.setPrototypeOf(value,new Fn)}return delete value["_constructor-name_"],value}if("string"==typeof value&&value.startsWith("_function_")&&options.allowFunction){var _ref2=value.match(/_function_([^|]*)\|(.*)/)||[],_ref3=_slicedToArray(_ref2,3),_name=_ref3[1],source=_ref3[2],sourceSanitized=source.replace(/[(\(\))|\\| |\]|`]*$/,"");if(!options.lazyEval)return eval("(".concat(sourceSanitized,")"));var result=function result(){var f=eval("(".concat(sourceSanitized,")"));return f.apply(void 0,arguments)};return Object.defineProperty(result,"toString",{value:function value(){return sourceSanitized}}),Object.defineProperty(result,"name",{value:_name}),result}if("string"==typeof value&&value.startsWith("_regexp_")&&options.allowRegExp){var _ref4=value.match(/_regexp_([^|]*)\|(.*)/)||[],_ref5=_slicedToArray(_ref4,3),flags=_ref5[1],_source=_ref5[2];return new RegExp(_source,flags)}return"string"==typeof value&&value.startsWith("_date_")&&options.allowDate?new Date(value.replace("_date_","")):"string"==typeof value&&value.startsWith("_duplicate_")?(refs.push({target:key,container:this,replacement:value.replace(/^_duplicate_/,"")}),null):"string"==typeof value&&value.startsWith("_symbol_")&&options.allowSymbol?Symbol(value.replace("_symbol_","")):"string"==typeof value&&value.startsWith("_gsymbol_")&&options.allowSymbol?Symbol.for(value.replace("_gsymbol_","")):"string"==typeof value&&"_-Infinity_"===value?-1/0:"string"==typeof value&&"_Infinity_"===value?1/0:"string"==typeof value&&"_NaN_"===value?NaN:"string"==typeof value&&value.startsWith("_bigint_")&&"function"==typeof BigInt?BigInt(value.replace("_bigint_","")):value}},defaultOptions={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},stringify=function stringify(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},mergedOptions=_objectSpread(_objectSpread({},defaultOptions),options);return JSON.stringify(convertUnconventionalData(data),replacer(mergedOptions),options.space)},mutator=function mutator(){var mutated=new Map;return function mutateUndefined(value){isObject(value)&&Object.entries(value).forEach((function(_ref6){var _ref7=_slicedToArray(_ref6,2),k=_ref7[0],v=_ref7[1];"_undefined_"===v?value[k]=void 0:mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))})),Array.isArray(value)&&value.forEach((function(v,index){"_undefined_"===v?(mutated.set(v,!0),value[index]=void 0):mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))}))}},parse=function parse(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},mergedOptions=_objectSpread(_objectSpread({},defaultOptions),options),result=JSON.parse(data,reviver(mergedOptions));return mutator()(result),result}},"./node_modules/@storybook/channel-postmessage/node_modules/telejson/dist/esm/dom-event.js":function(module,__webpack_exports__,__webpack_require__){"use strict";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__webpack_require__.d(__webpack_exports__,"a",(function(){return extractEventHiddenProperties}));var eventProperties=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],customEventSpecificProperties=["detail"];function extractEventHiddenProperties(event){var rebuildEvent=eventProperties.filter((function(value){return void 0!==event[value]})).reduce((function(acc,value){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},value,event[value]))}),{});return event instanceof CustomEvent&&customEventSpecificProperties.filter((function(value){return void 0!==event[value]})).forEach((function(value){rebuildEvent[value]=event[value]})),rebuildEvent}},"./node_modules/@storybook/channel-postmessage/node_modules/telejson/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isJSON})),__webpack_require__.d(__webpack_exports__,"c",(function(){return stringify})),__webpack_require__.d(__webpack_exports__,"b",(function(){return parse}));var is_regex__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/is-regex/index.js"),is_regex__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(is_regex__WEBPACK_IMPORTED_MODULE_0__),is_function__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/is-function/index.js"),is_function__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(is_function__WEBPACK_IMPORTED_MODULE_1__),is_symbol__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/is-symbol/index.js"),is_symbol__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(is_symbol__WEBPACK_IMPORTED_MODULE_2__),isobject__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/isobject/index.js"),lodash_get__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/lodash/get.js"),lodash_get__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_4__),memoizerific__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_5__),_dom_event__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/channel-postmessage/node_modules/telejson/dist/esm/dom-event.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(arr)){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var isRunningInBrowser="undefined"!=typeof window&&void 0!==window.document,isObject=isobject__WEBPACK_IMPORTED_MODULE_3__.a,removeCodeComments=function removeCodeComments(code){var inQuoteChar=null,inBlockComment=!1,inLineComment=!1,inRegexLiteral=!1,newCode="";if(code.indexOf("//")>=0||code.indexOf("/*")>=0)for(var i=0;i<code.length;i+=1)inQuoteChar||inBlockComment||inLineComment||inRegexLiteral?(inQuoteChar&&(code[i]===inQuoteChar&&"\\"!==code[i-1]||"\n"===code[i]&&"`"!==inQuoteChar)&&(inQuoteChar=null),inRegexLiteral&&("/"===code[i]&&"\\"!==code[i-1]||"\n"===code[i])&&(inRegexLiteral=!1),inBlockComment&&"/"===code[i-1]&&"*"===code[i-2]&&(inBlockComment=!1),inLineComment&&"\n"===code[i]&&(inLineComment=!1)):'"'===code[i]||"'"===code[i]||"`"===code[i]?inQuoteChar=code[i]:"/"===code[i]&&"*"===code[i+1]?inBlockComment=!0:"/"===code[i]&&"/"===code[i+1]?inLineComment=!0:"/"===code[i]&&"/"!==code[i+1]&&(inRegexLiteral=!0),inBlockComment||inLineComment||(newCode+=code[i]);else newCode=code;return newCode},cleanCode=memoizerific__WEBPACK_IMPORTED_MODULE_5___default()(1e4)((function(code){return removeCodeComments(code).replace(/\n\s*/g,"").trim()})),convertShorthandMethods=function convertShorthandMethods(key,stringified){var fnHead=stringified.slice(0,stringified.indexOf("{")),fnBody=stringified.slice(stringified.indexOf("{"));if(fnHead.includes("=>"))return stringified;if(fnHead.includes("function"))return stringified;var modifiedHead=fnHead;return(modifiedHead=modifiedHead.replace(key,"function"))+fnBody},dateFormat=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,isJSON=function isJSON(input){return input.match(/^[\[\{\"\}].*[\]\}\"]$/)};function convertUnconventionalData(data){if(!isObject(data))return data;var result=data,wasMutated=!1;return isRunningInBrowser&&data instanceof Event&&(result=Object(_dom_event__WEBPACK_IMPORTED_MODULE_6__.a)(result),wasMutated=!0),result=Object.keys(result).reduce((function(acc,key){try{var _result$key;null===(_result$key=result[key])||void 0===_result$key||_result$key.toJSON,acc[key]=result[key]}catch(err){wasMutated=!0}return acc}),{}),wasMutated?result:data}var replacer=function replacer(options){var objects,map,stack,keys;return function replace(key,value){try{if(""===key)return keys=[],objects=new Map([[value,"[]"]]),map=new Map,stack=[],value;for(var origin=map.get(this)||this;stack.length&&origin!==stack[0];)stack.shift(),keys.pop();if("boolean"==typeof value)return value;if(void 0===value){if(!options.allowUndefined)return;return"_undefined_"}if(null===value)return null;if("number"==typeof value)return value===-1/0?"_-Infinity_":value===1/0?"_Infinity_":Number.isNaN(value)?"_NaN_":value;if("bigint"==typeof value)return"_bigint_".concat(value.toString());if("string"==typeof value){if(dateFormat.test(value)){if(!options.allowDate)return;return"_date_".concat(value)}return value}if(is_regex__WEBPACK_IMPORTED_MODULE_0___default()(value)){if(!options.allowRegExp)return;return"_regexp_".concat(value.flags,"|").concat(value.source)}if(is_function__WEBPACK_IMPORTED_MODULE_1___default()(value)){if(!options.allowFunction)return;var name=value.name,stringified=value.toString();return stringified.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?"_function_".concat(name,"|").concat(function(){}.toString()):"_function_".concat(name,"|").concat(cleanCode(convertShorthandMethods(key,stringified)))}if(is_symbol__WEBPACK_IMPORTED_MODULE_2___default()(value)){if(!options.allowSymbol)return;var globalRegistryKey=Symbol.keyFor(value);return void 0!==globalRegistryKey?"_gsymbol_".concat(globalRegistryKey):"_symbol_".concat(value.toString().slice(7,-1))}if(stack.length>=options.maxDepth)return Array.isArray(value)?"[Array(".concat(value.length,")]"):"[Object]";if(value===this)return"_duplicate_".concat(JSON.stringify(keys));if(value.constructor&&value.constructor.name&&"Object"!==value.constructor.name&&!Array.isArray(value)&&!options.allowClass)return;var found=objects.get(value);if(!found){var converted=Array.isArray(value)?value:convertUnconventionalData(value);if(value.constructor&&value.constructor.name&&"Object"!==value.constructor.name&&!Array.isArray(value)&&options.allowClass)try{Object.assign(converted,{"_constructor-name_":value.constructor.name})}catch(e){}return keys.push(key),stack.unshift(converted),objects.set(value,JSON.stringify(keys)),value!==converted&&map.set(value,converted),converted}return"_duplicate_".concat(found)}catch(e){return}}},reviver=function reviver(options){var refs=[],root;return function revive(key,value){if(""===key&&(root=value,refs.forEach((function(_ref){var target=_ref.target,container=_ref.container,replacement=_ref.replacement,replacementArr=isJSON(replacement)?JSON.parse(replacement):replacement.split(".");0===replacementArr.length?container[target]=root:container[target]=lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(root,replacementArr)}))),"_constructor-name_"===key)return value;if(isObject(value)&&value["_constructor-name_"]&&options.allowFunction){var name=value["_constructor-name_"];if("Object"!==name){var Fn=new Function("return function ".concat(name.replace(/[\W_]+/g,""),"(){}"))();Object.setPrototypeOf(value,new Fn)}return delete value["_constructor-name_"],value}if("string"==typeof value&&value.startsWith("_function_")&&options.allowFunction){var _ref2=value.match(/_function_([^|]*)\|(.*)/)||[],_ref3=_slicedToArray(_ref2,3),_name=_ref3[1],source=_ref3[2],sourceSanitized=source.replace(/[(\(\))|\\| |\]|`]*$/,"");if(!options.lazyEval)return eval("(".concat(sourceSanitized,")"));var result=function result(){var f=eval("(".concat(sourceSanitized,")"));return f.apply(void 0,arguments)};return Object.defineProperty(result,"toString",{value:function value(){return sourceSanitized}}),Object.defineProperty(result,"name",{value:_name}),result}if("string"==typeof value&&value.startsWith("_regexp_")&&options.allowRegExp){var _ref4=value.match(/_regexp_([^|]*)\|(.*)/)||[],_ref5=_slicedToArray(_ref4,3),flags=_ref5[1],_source=_ref5[2];return new RegExp(_source,flags)}return"string"==typeof value&&value.startsWith("_date_")&&options.allowDate?new Date(value.replace("_date_","")):"string"==typeof value&&value.startsWith("_duplicate_")?(refs.push({target:key,container:this,replacement:value.replace(/^_duplicate_/,"")}),null):"string"==typeof value&&value.startsWith("_symbol_")&&options.allowSymbol?Symbol(value.replace("_symbol_","")):"string"==typeof value&&value.startsWith("_gsymbol_")&&options.allowSymbol?Symbol.for(value.replace("_gsymbol_","")):"string"==typeof value&&"_-Infinity_"===value?-1/0:"string"==typeof value&&"_Infinity_"===value?1/0:"string"==typeof value&&"_NaN_"===value?NaN:"string"==typeof value&&value.startsWith("_bigint_")&&"function"==typeof BigInt?BigInt(value.replace("_bigint_","")):value}},defaultOptions={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},stringify=function stringify(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},mergedOptions=_objectSpread(_objectSpread({},defaultOptions),options);return JSON.stringify(convertUnconventionalData(data),replacer(mergedOptions),options.space)},mutator=function mutator(){var mutated=new Map;return function mutateUndefined(value){isObject(value)&&Object.entries(value).forEach((function(_ref6){var _ref7=_slicedToArray(_ref6,2),k=_ref7[0],v=_ref7[1];"_undefined_"===v?value[k]=void 0:mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))})),Array.isArray(value)&&value.forEach((function(v,index){"_undefined_"===v?(mutated.set(v,!0),value[index]=void 0):mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))}))}},parse=function parse(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},mergedOptions=_objectSpread(_objectSpread({},defaultOptions),options),result=JSON.parse(data,reviver(mergedOptions));return mutator()(result),result}},"./node_modules/@storybook/channels/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";(function(setImmediate){__webpack_require__.d(__webpack_exports__,"a",(function(){return Channel}));__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.immediate.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var _templateObject,util_deprecate__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_8__),ts_dedent__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ts-dedent/esm/index.js");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var generateRandomId=function generateRandomId(){return Math.random().toString(16).slice(2)},Channel=function(){function Channel(){var _this=this,_ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},transport=_ref.transport,_ref$async=_ref.async,async=void 0!==_ref$async&&_ref$async;_classCallCheck(this,Channel),this.isAsync=void 0,this.sender=generateRandomId(),this.events={},this.data={},this.transport=void 0,this.addPeerListener=util_deprecate__WEBPACK_IMPORTED_MODULE_8___default()((function(eventName,listener){_this.addListener(eventName,listener)}),Object(ts_dedent__WEBPACK_IMPORTED_MODULE_9__.a)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      channel.addPeerListener is deprecated\n    "])))),this.isAsync=async,transport&&(this.transport=transport,this.transport.setHandler((function(event){return _this.handleEvent(event)})))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Channel,[{key:"hasTransport",get:function get(){return!!this.transport}},{key:"addListener",value:function addListener(eventName,listener){this.events[eventName]=this.events[eventName]||[],this.events[eventName].push(listener)}},{key:"emit",value:function emit(eventName){for(var _this2=this,_len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];var event={type:eventName,args:args,from:this.sender},options={};args.length>=1&&args[0]&&args[0].options&&(options=args[0].options);var handler=function handler(){_this2.transport&&_this2.transport.send(event,options),_this2.handleEvent(event)};this.isAsync?setImmediate(handler):handler()}},{key:"last",value:function last(eventName){return this.data[eventName]}},{key:"eventNames",value:function eventNames(){return Object.keys(this.events)}},{key:"listenerCount",value:function listenerCount(eventName){var listeners=this.listeners(eventName);return listeners?listeners.length:0}},{key:"listeners",value:function listeners(eventName){var listeners=this.events[eventName];return listeners||void 0}},{key:"once",value:function once(eventName,listener){var onceListener=this.onceListener(eventName,listener);this.addListener(eventName,onceListener)}},{key:"removeAllListeners",value:function removeAllListeners(eventName){eventName?this.events[eventName]&&delete this.events[eventName]:this.events={}}},{key:"removeListener",value:function removeListener(eventName,listener){var listeners=this.listeners(eventName);listeners&&(this.events[eventName]=listeners.filter((function(l){return l!==listener})))}},{key:"on",value:function on(eventName,listener){this.addListener(eventName,listener)}},{key:"off",value:function off(eventName,listener){this.removeListener(eventName,listener)}},{key:"handleEvent",value:function handleEvent(event){var listeners=this.listeners(event.type);listeners&&listeners.length&&listeners.forEach((function(fn){fn.apply(event,event.args)})),this.data[event.type]=event.args}},{key:"onceListener",value:function onceListener(eventName,listener){var _this3=this,onceListener=function onceListener(){return _this3.removeListener(eventName,onceListener),listener.apply(void 0,arguments)};return onceListener}}]),Channel}();__webpack_exports__.b=Channel}).call(this,__webpack_require__("./node_modules/timers-browserify/main.js").setImmediate)},"./node_modules/@storybook/client-api/dist/esm/ClientApi.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return addDecorator})),__webpack_require__.d(__webpack_exports__,"h",(function(){return addParameters})),__webpack_require__.d(__webpack_exports__,"g",(function(){return addLoader})),__webpack_require__.d(__webpack_exports__,"d",(function(){return addArgs})),__webpack_require__.d(__webpack_exports__,"b",(function(){return addArgTypes})),__webpack_require__.d(__webpack_exports__,"e",(function(){return addArgsEnhancer})),__webpack_require__.d(__webpack_exports__,"c",(function(){return addArgTypesEnhancer})),__webpack_require__.d(__webpack_exports__,"i",(function(){return setGlobalRender})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ClientApi_ClientApi}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js");var _templateObject,browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/index.js"),esm_parameters=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),normalizeInputTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js"),synchronous_promise=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/synchronous-promise/index.js")),sortStories=__webpack_require__("./node_modules/@storybook/store/dist/esm/sortStories.js"),autoTitle=__webpack_require__("./node_modules/@storybook/store/dist/esm/autoTitle.js"),_excluded=["default","__namedExportsOrder"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var ClientApi_templateObject,_templateObject2,_templateObject3,_templateObject4,singleton,StoryStoreFacade_StoryStoreFacade=function(){function StoryStoreFacade(){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StoryStoreFacade),this.projectAnnotations=void 0,this.stories=void 0,this.csfExports=void 0,this.projectAnnotations={loaders:[],decorators:[],parameters:{},argsEnhancers:[],argTypesEnhancers:[],args:{},argTypes:{}},this.stories={},this.csfExports={}}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(StoryStoreFacade,[{key:"importFn",value:function importFn(path){var _this=this;return synchronous_promise.SynchronousPromise.resolve().then((function(){var moduleExports=_this.csfExports[path];if(!moduleExports)throw new Error("Unknown path: ".concat(path));return moduleExports}))}},{key:"getStoryIndex",value:function getStoryIndex(store){var _this$projectAnnotati,_this$projectAnnotati2,sortedV7,_this2=this,fileNameOrder=Object.keys(this.csfExports),storySortParameter=null===(_this$projectAnnotati=this.projectAnnotations.parameters)||void 0===_this$projectAnnotati||null===(_this$projectAnnotati2=_this$projectAnnotati.options)||void 0===_this$projectAnnotati2?void 0:_this$projectAnnotati2.storySort,sortableV6=Object.entries(this.stories).map((function(_ref){var _ref2=_slicedToArray(_ref,2),storyId=_ref2[0],importPath=_ref2[1].importPath,exports=_this2.csfExports[importPath],csfFile=store.processCSFFileWithCache(exports,importPath,exports.default.title);return[storyId,store.storyFromCSFFile({storyId:storyId,csfFile:csfFile}),csfFile.meta.parameters,_this2.projectAnnotations.parameters]}));try{sortedV7=Object(sortStories.a)(sortableV6,storySortParameter,fileNameOrder)}catch(err){if("function"==typeof storySortParameter)throw new Error(Object(esm.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n          Error sorting stories with sort parameter ",":\n\n          > ","\n          \n          Are you using a V7-style sort function in V6 compatibility mode?\n          \n          More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort\n        "])),storySortParameter,err.message));throw err}return{v:3,stories:sortedV7.reduce((function(acc,s){return acc[s.id]=_this2.stories[s.id],acc}),{})}}},{key:"clearFilenameExports",value:function clearFilenameExports(fileName){var _this3=this;this.csfExports[fileName]&&(Object.entries(this.stories).forEach((function(_ref3){var _ref4=_slicedToArray(_ref3,2),id=_ref4[0];_ref4[1].importPath===fileName&&delete _this3.stories[id]})),this.csfExports[fileName]={})}},{key:"addStoriesFromExports",value:function addStoriesFromExports(fileName,fileExports){var _this4=this;if(this.csfExports[fileName]!==fileExports){this.clearFilenameExports(fileName);var defaultExport=fileExports.default,__namedExportsOrder=fileExports.__namedExportsOrder,namedExports=_objectWithoutProperties(fileExports,_excluded),_ref5=defaultExport||{},componentId=_ref5.id,title=_ref5.title,specifiers=(window_default.a.STORIES||[]).map((function(specifier){return Object.assign({},specifier,{importPathMatcher:new RegExp(specifier.importPathMatcher)})}));if(title=Object(autoTitle.a)(fileName,specifiers,title)){this.csfExports[fileName]=Object.assign({},fileExports,{default:Object.assign({},defaultExport,{title:title})});var sortedExports=namedExports;Array.isArray(__namedExportsOrder)&&(sortedExports={},__namedExportsOrder.forEach((function(name){var namedExport=namedExports[name];namedExport&&(sortedExports[name]=namedExport)}))),Object.entries(sortedExports).filter((function(_ref6){var key=_slicedToArray(_ref6,1)[0];return Object(dist.isExportStory)(key,defaultExport)})).forEach((function(_ref8){var _storyExport$paramete,_storyExport$story,_ref9=_slicedToArray(_ref8,2),key=_ref9[0],storyExport=_ref9[1],exportName=Object(dist.storyNameFromExport)(key),id=(null===(_storyExport$paramete=storyExport.parameters)||void 0===_storyExport$paramete?void 0:_storyExport$paramete.__id)||Object(dist.toId)(componentId||title,exportName),name="function"!=typeof storyExport&&storyExport.name||storyExport.storyName||(null===(_storyExport$story=storyExport.story)||void 0===_storyExport$story?void 0:_storyExport$story.name)||exportName;_this4.stories[id]={id:id,name:name,title:title,importPath:fileName}}))}else dist_esm.a.info("Unexpected default export without title in '".concat(fileName,"': ").concat(JSON.stringify(fileExports.default)))}}}]),StoryStoreFacade}(),ClientApi_excluded=["globals","globalTypes"],_excluded2=["decorators","loaders","component","args","argTypes"],_excluded3=["component","args","argTypes"];function ClientApi_slicedToArray(arr,i){return function ClientApi_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function ClientApi_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function ClientApi_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return ClientApi_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ClientApi_arrayLikeToArray(o,minLen)}(arr,i)||function ClientApi_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ClientApi_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ClientApi_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function ClientApi_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ClientApi_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function ClientApi_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function ClientApi_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var warningAlternatives={addDecorator:"Instead, use `export const decorators = [];` in your `preview.js`.",addParameters:"Instead, use `export const parameters = {};` in your `preview.js`.",addLoaders:"Instead, use `export const loaders = [];` in your `preview.js`."},ClientApi_warningMessage=function warningMessage(method){return browser_default()((function(){}),Object(esm.a)(ClientApi_templateObject||(ClientApi_templateObject=ClientApi_taggedTemplateLiteral(["\n  `","` is deprecated, and will be removed in Storybook 7.0.\n\n  ","\n\n  Read more at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-addparameters-and-adddecorator)."],["\n  \\`","\\` is deprecated, and will be removed in Storybook 7.0.\n\n  ","\n\n  Read more at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-addparameters-and-adddecorator)."])),method,warningAlternatives[method]))},warnings={addDecorator:ClientApi_warningMessage("addDecorator"),addParameters:ClientApi_warningMessage("addParameters"),addLoaders:ClientApi_warningMessage("addLoaders")},ClientApi_checkMethod=function checkMethod(method,deprecationWarning){var _global$FEATURES;if(null!==(_global$FEATURES=window_default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.storyStoreV7)throw new Error(Object(esm.a)(_templateObject2||(_templateObject2=ClientApi_taggedTemplateLiteral(["You cannot use `","` with the new Story Store.\n      \n      ",""],["You cannot use \\`","\\` with the new Story Store.\n      \n      ",""])),method,warningAlternatives[method]));if(!singleton)throw new Error("Singleton client API not yet initialized, cannot call `".concat(method,"`."));deprecationWarning&&warnings[method]()},addDecorator=function addDecorator(decorator){var deprecationWarning=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];ClientApi_checkMethod("addDecorator",deprecationWarning),singleton.addDecorator(decorator)},addParameters=function addParameters(parameters){var deprecationWarning=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];ClientApi_checkMethod("addParameters",deprecationWarning),singleton.addParameters(parameters)},addLoader=function addLoader(loader){var deprecationWarning=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];ClientApi_checkMethod("addLoader",deprecationWarning),singleton.addLoader(loader)},addArgs=function addArgs(args){ClientApi_checkMethod("addArgs",!1),singleton.addArgs(args)},addArgTypes=function addArgTypes(argTypes){ClientApi_checkMethod("addArgTypes",!1),singleton.addArgTypes(argTypes)},addArgsEnhancer=function addArgsEnhancer(enhancer){ClientApi_checkMethod("addArgsEnhancer",!1),singleton.addArgsEnhancer(enhancer)},addArgTypesEnhancer=function addArgTypesEnhancer(enhancer){ClientApi_checkMethod("addArgTypesEnhancer",!1),singleton.addArgTypesEnhancer(enhancer)},setGlobalRender=function setGlobalRender(render){ClientApi_checkMethod("setGlobalRender",!1),singleton.facade.projectAnnotations.render=render},invalidStoryTypes=new Set(["string","number","boolean","symbol"]),ClientApi_ClientApi=function(){function ClientApi(){var _this=this,_ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},storyStore=_ref.storyStore;ClientApi_classCallCheck(this,ClientApi),this.facade=void 0,this.storyStore=void 0,this.addons=void 0,this.onImportFnChanged=void 0,this.lastFileName=0,this.setAddon=browser_default()((function(addon){_this.addons=Object.assign({},_this.addons,addon)}),Object(esm.a)(_templateObject3||(_templateObject3=ClientApi_taggedTemplateLiteral(["\n      `setAddon` is deprecated and will be removed in Storybook 7.0.\n\n      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon\n    "],["\n      \\`setAddon\\` is deprecated and will be removed in Storybook 7.0.\n\n      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon\n    "])))),this.addDecorator=function(decorator){_this.facade.projectAnnotations.decorators.push(decorator)},this.clearDecorators=browser_default()((function(){_this.facade.projectAnnotations.decorators=[]}),Object(esm.a)(_templateObject4||(_templateObject4=ClientApi_taggedTemplateLiteral(["\n      `clearDecorators` is deprecated and will be removed in Storybook 7.0.\n\n      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators\n    "],["\n      \\`clearDecorators\\` is deprecated and will be removed in Storybook 7.0.\n\n      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators\n    "])))),this.addParameters=function(_ref2){var globals=_ref2.globals,globalTypes=_ref2.globalTypes,parameters=ClientApi_objectWithoutProperties(_ref2,ClientApi_excluded);_this.facade.projectAnnotations.parameters=Object(esm_parameters.a)(_this.facade.projectAnnotations.parameters,parameters),globals&&(_this.facade.projectAnnotations.globals=Object.assign({},_this.facade.projectAnnotations.globals,globals)),globalTypes&&(_this.facade.projectAnnotations.globalTypes=Object.assign({},_this.facade.projectAnnotations.globalTypes,Object(normalizeInputTypes.b)(globalTypes)))},this.addLoader=function(loader){_this.facade.projectAnnotations.loaders.push(loader)},this.addArgs=function(args){_this.facade.projectAnnotations.args=Object.assign({},_this.facade.projectAnnotations.args,args)},this.addArgTypes=function(argTypes){_this.facade.projectAnnotations.argTypes=Object.assign({},_this.facade.projectAnnotations.argTypes,Object(normalizeInputTypes.b)(argTypes))},this.addArgsEnhancer=function(enhancer){_this.facade.projectAnnotations.argsEnhancers.push(enhancer)},this.addArgTypesEnhancer=function(enhancer){_this.facade.projectAnnotations.argTypesEnhancers.push(enhancer)},this.storiesOf=function(kind,m){if(!kind&&"string"!=typeof kind)throw new Error("Invalid or missing kind provided for stories, should be a string");if(m||dist_esm.a.warn("Missing 'module' parameter for story with a kind of '".concat(kind,"'. It will break your HMR")),m){var proto=Object.getPrototypeOf(m);proto.exports&&proto.exports.default&&dist_esm.a.error("Illegal mix of CSF default export and storiesOf calls in a single file: ".concat(proto.i))}for(var baseFilename=m&&m.id?"".concat(m.id):(_this.lastFileName++).toString(),fileName=baseFilename,i=1;_this.facade.csfExports[fileName]&&Object.keys(_this.facade.csfExports[fileName]).length>0;)i+=1,fileName="".concat(baseFilename,"-").concat(i);m&&m.hot&&m.hot.accept&&(m.hot.accept(),m.hot.dispose((function(){_this.facade.clearFilenameExports(fileName),setTimeout((function(){var _this$onImportFnChang;null===(_this$onImportFnChang=_this.onImportFnChanged)||void 0===_this$onImportFnChang||_this$onImportFnChang.call(_this,{importFn:_this.importFn.bind(_this)})}),0)})));var hasAdded=!1,api={kind:kind.toString(),add:function add(){return api},addDecorator:function addDecorator(){return api},addLoader:function addLoader(){return api},addParameters:function addParameters(){return api}};Object.keys(_this.addons).forEach((function(name){var addon=_this.addons[name];api[name]=function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return addon.apply(api,args),api}}));var meta={id:Object(dist.sanitize)(kind),title:kind,decorators:[],loaders:[],parameters:{}};_this.facade.csfExports[fileName]={default:meta};var counter=0;return api.add=function(storyName,storyFn){var parameters=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(hasAdded=!0,"string"!=typeof storyName)throw new Error('Invalid or missing storyName provided for a "'.concat(kind,'" story.'));if(!storyFn||Array.isArray(storyFn)||invalidStoryTypes.has(_typeof(storyFn)))throw new Error('Cannot load story "'.concat(storyName,'" in "').concat(kind,'" due to invalid format. Storybook expected a function/object but received ').concat(_typeof(storyFn)," instead."));var decorators=parameters.decorators,loaders=parameters.loaders,component=parameters.component,args=parameters.args,argTypes=parameters.argTypes,storyParameters=ClientApi_objectWithoutProperties(parameters,_excluded2),storyId=parameters.__id||Object(dist.toId)(kind,storyName),csfExports=_this.facade.csfExports[fileName];return csfExports["story".concat(counter)]={name:storyName,parameters:Object.assign({fileName:fileName,__id:storyId},storyParameters),decorators:decorators,loaders:loaders,args:args,argTypes:argTypes,component:component,render:storyFn},counter+=1,_this.facade.stories[storyId]={id:storyId,title:csfExports.default.title,name:storyName,importPath:fileName},api},api.addDecorator=function(decorator){if(hasAdded)throw new Error("You cannot add a decorator after the first story for a kind.\nRead more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories");return meta.decorators.push(decorator),api},api.addLoader=function(loader){if(hasAdded)throw new Error("You cannot add a loader after the first story for a kind.");return meta.loaders.push(loader),api},api.addParameters=function(_ref3){var component=_ref3.component,args=_ref3.args,argTypes=_ref3.argTypes,parameters=ClientApi_objectWithoutProperties(_ref3,_excluded3);if(hasAdded)throw new Error("You cannot add parameters after the first story for a kind.\nRead more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories");return meta.parameters=Object(esm_parameters.a)(meta.parameters,parameters),component&&(meta.component=component),args&&(meta.args=Object.assign({},meta.args,args)),argTypes&&(meta.argTypes=Object.assign({},meta.argTypes,argTypes)),api},api},this.getStorybook=function(){var stories=_this.storyStore.storyIndex.stories,kinds={};return Object.entries(stories).forEach((function(_ref4){var _ref5=ClientApi_slicedToArray(_ref4,2),storyId=_ref5[0],_ref5$=_ref5[1],title=_ref5$.title,name=_ref5$.name,importPath=_ref5$.importPath;kinds[title]||(kinds[title]={kind:title,fileName:importPath,stories:[]});var storyFn=_this.storyStore.fromId(storyId).storyFn;kinds[title].stories.push({name:name,render:storyFn})})),Object.values(kinds)},this.raw=function(){return _this.storyStore.raw()},this.facade=new StoryStoreFacade_StoryStoreFacade,this.addons={},this.storyStore=storyStore,singleton=this}return function ClientApi_createClass(Constructor,protoProps,staticProps){return protoProps&&ClientApi_defineProperties(Constructor.prototype,protoProps),staticProps&&ClientApi_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ClientApi,[{key:"importFn",value:function importFn(path){return this.facade.importFn(path)}},{key:"getStoryIndex",value:function getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}},{key:"_storyStore",get:function get(){return this.storyStore}}]),ClientApi}()},"./node_modules/@storybook/client-api/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getQueryParams",(function(){return queryparams_getQueryParams})),__webpack_require__.d(__webpack_exports__,"getQueryParam",(function(){return getQueryParam})),__webpack_require__.d(__webpack_exports__,"StoryStore",(function(){return esm.d})),__webpack_require__.d(__webpack_exports__,"combineParameters",(function(){return esm.g})),__webpack_require__.d(__webpack_exports__,"filterArgTypes",(function(){return esm.n})),__webpack_require__.d(__webpack_exports__,"inferControls",(function(){return esm.u})),__webpack_require__.d(__webpack_exports__,"normalizeInputType",(function(){return esm.y})),__webpack_require__.d(__webpack_exports__,"normalizeInputTypes",(function(){return esm.z})),__webpack_require__.d(__webpack_exports__,"normalizeStory",(function(){return esm.B})),__webpack_require__.d(__webpack_exports__,"processCSFFile",(function(){return esm.D})),__webpack_require__.d(__webpack_exports__,"prepareStory",(function(){return esm.C})),__webpack_require__.d(__webpack_exports__,"normalizeComponentAnnotations",(function(){return esm.x})),__webpack_require__.d(__webpack_exports__,"normalizeProjectAnnotations",(function(){return esm.A})),__webpack_require__.d(__webpack_exports__,"getValuesFromArgTypes",(function(){return esm.s})),__webpack_require__.d(__webpack_exports__,"getField",(function(){return esm.p})),__webpack_require__.d(__webpack_exports__,"getArrayField",(function(){return esm.o})),__webpack_require__.d(__webpack_exports__,"getObjectField",(function(){return esm.q})),__webpack_require__.d(__webpack_exports__,"getSingletonField",(function(){return esm.r})),__webpack_require__.d(__webpack_exports__,"composeConfigs",(function(){return esm.h})),__webpack_require__.d(__webpack_exports__,"setProjectAnnotations",(function(){return esm.F})),__webpack_require__.d(__webpack_exports__,"composeStory",(function(){return esm.j})),__webpack_require__.d(__webpack_exports__,"composeStories",(function(){return esm.i})),__webpack_require__.d(__webpack_exports__,"HooksContext",(function(){return esm.b})),__webpack_require__.d(__webpack_exports__,"applyHooks",(function(){return esm.e})),__webpack_require__.d(__webpack_exports__,"useMemo",(function(){return esm.O})),__webpack_require__.d(__webpack_exports__,"useCallback",(function(){return esm.K})),__webpack_require__.d(__webpack_exports__,"useRef",(function(){return esm.R})),__webpack_require__.d(__webpack_exports__,"useState",(function(){return esm.T})),__webpack_require__.d(__webpack_exports__,"useReducer",(function(){return esm.Q})),__webpack_require__.d(__webpack_exports__,"useEffect",(function(){return esm.M})),__webpack_require__.d(__webpack_exports__,"useChannel",(function(){return esm.L})),__webpack_require__.d(__webpack_exports__,"useStoryContext",(function(){return esm.U})),__webpack_require__.d(__webpack_exports__,"useParameter",(function(){return esm.P})),__webpack_require__.d(__webpack_exports__,"useArgs",(function(){return esm.J})),__webpack_require__.d(__webpack_exports__,"useGlobals",(function(){return esm.N})),__webpack_require__.d(__webpack_exports__,"useSharedState",(function(){return esm.S})),__webpack_require__.d(__webpack_exports__,"useAddonState",(function(){return esm.I})),__webpack_require__.d(__webpack_exports__,"decorateStory",(function(){return esm.k})),__webpack_require__.d(__webpack_exports__,"sanitizeStoryContextUpdate",(function(){return esm.E})),__webpack_require__.d(__webpack_exports__,"defaultDecorateStory",(function(){return esm.m})),__webpack_require__.d(__webpack_exports__,"mapArgsToTypes",(function(){return esm.v})),__webpack_require__.d(__webpack_exports__,"combineArgs",(function(){return esm.f})),__webpack_require__.d(__webpack_exports__,"validateOptions",(function(){return esm.X})),__webpack_require__.d(__webpack_exports__,"DEEPLY_EQUAL",(function(){return esm.a})),__webpack_require__.d(__webpack_exports__,"deepDiff",(function(){return esm.l})),__webpack_require__.d(__webpack_exports__,"NO_TARGET_NAME",(function(){return esm.c})),__webpack_require__.d(__webpack_exports__,"groupArgsByTarget",(function(){return esm.t})),__webpack_require__.d(__webpack_exports__,"noTargetArgs",(function(){return esm.w})),__webpack_require__.d(__webpack_exports__,"userOrAutoTitleFromSpecifier",(function(){return esm.W})),__webpack_require__.d(__webpack_exports__,"userOrAutoTitle",(function(){return esm.V})),__webpack_require__.d(__webpack_exports__,"sortStoriesV7",(function(){return esm.H})),__webpack_require__.d(__webpack_exports__,"sortStoriesV6",(function(){return esm.G})),__webpack_require__.d(__webpack_exports__,"addArgsEnhancer",(function(){return ClientApi.e})),__webpack_require__.d(__webpack_exports__,"addArgTypesEnhancer",(function(){return ClientApi.c})),__webpack_require__.d(__webpack_exports__,"addDecorator",(function(){return ClientApi.f})),__webpack_require__.d(__webpack_exports__,"addLoader",(function(){return ClientApi.g})),__webpack_require__.d(__webpack_exports__,"addArgs",(function(){return ClientApi.d})),__webpack_require__.d(__webpack_exports__,"addArgTypes",(function(){return ClientApi.b})),__webpack_require__.d(__webpack_exports__,"addParameters",(function(){return ClientApi.h})),__webpack_require__.d(__webpack_exports__,"setGlobalRender",(function(){return ClientApi.i})),__webpack_require__.d(__webpack_exports__,"ClientApi",(function(){return ClientApi.a}));var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),global_window=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window),lib=__webpack_require__("./node_modules/qs/lib/index.js"),queryparams_document=window_default.a.document,queryparams_getQueryParams=function getQueryParams(){return queryparams_document&&queryparams_document.location&&queryparams_document.location.search?Object(lib.parse)(queryparams_document.location.search,{ignoreQueryPrefix:!0}):{}},getQueryParam=function getQueryParam(key){return queryparams_getQueryParams()[key]},esm=__webpack_require__("./node_modules/@storybook/store/dist/esm/index.js")},"./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/SBType.js":function(module,exports,__webpack_require__){},"./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/includeConditionalArg.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists:exists,eq:eq,neq:neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg:arg,global:global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Object.keys(_story).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _story[key]}}))}));var sanitize=function sanitize(string){return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/story.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/client-api/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/client-logger/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return logger})),__webpack_require__.d(__webpack_exports__,"b",(function(){return once})),__webpack_require__.d(__webpack_exports__,"c",(function(){return pretty}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");var global__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_8__),LOGLEVEL=global__WEBPACK_IMPORTED_MODULE_8___default.a.LOGLEVEL,console=global__WEBPACK_IMPORTED_MODULE_8___default.a.console,levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelNumber=levels[LOGLEVEL]||levels.info,logger={trace:function trace(message){for(var _len=arguments.length,rest=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)rest[_key-1]=arguments[_key];return currentLogLevelNumber<=levels.trace&&console.trace.apply(console,[message].concat(rest))},debug:function debug(message){for(var _len2=arguments.length,rest=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)rest[_key2-1]=arguments[_key2];return currentLogLevelNumber<=levels.debug&&console.debug.apply(console,[message].concat(rest))},info:function info(message){for(var _len3=arguments.length,rest=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)rest[_key3-1]=arguments[_key3];return currentLogLevelNumber<=levels.info&&console.info.apply(console,[message].concat(rest))},warn:function warn(message){for(var _len4=arguments.length,rest=new Array(_len4>1?_len4-1:0),_key4=1;_key4<_len4;_key4++)rest[_key4-1]=arguments[_key4];return currentLogLevelNumber<=levels.warn&&console.warn.apply(console,[message].concat(rest))},error:function error(message){for(var _len5=arguments.length,rest=new Array(_len5>1?_len5-1:0),_key5=1;_key5<_len5;_key5++)rest[_key5-1]=arguments[_key5];return currentLogLevelNumber<=levels.error&&console.error.apply(console,[message].concat(rest))},log:function log(message){for(var _len6=arguments.length,rest=new Array(_len6>1?_len6-1:0),_key6=1;_key6<_len6;_key6++)rest[_key6-1]=arguments[_key6];return currentLogLevelNumber<levels.silent&&console.log.apply(console,[message].concat(rest))}},logged=new Set,once=function once(type){return function(message){if(!logged.has(message)){logged.add(message);for(var _len7=arguments.length,rest=new Array(_len7>1?_len7-1:0),_key7=1;_key7<_len7;_key7++)rest[_key7-1]=arguments[_key7];return logger[type].apply(logger,[message].concat(rest))}}};once.clear=function(){return logged.clear()},once.trace=once("trace"),once.debug=once("debug"),once.info=once("info"),once.warn=once("warn"),once.error=once("error"),once.log=once("log");var pretty=function pretty(type){return function(){for(var argArray=[],_len8=arguments.length,args=new Array(_len8),_key8=0;_key8<_len8;_key8++)args[_key8]=arguments[_key8];if(args.length){var reResultArray,startTagRe=/<span\s+style=(['"])([^'"]*)\1\s*>/gi,endTagRe=/<\/span>/gi;for(argArray.push(args[0].replace(startTagRe,"%c").replace(endTagRe,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(var j=1;j<args.length;j++)argArray.push(args[j])}logger[type].apply(logger,argArray)}};pretty.trace=pretty("trace"),pretty.debug=pretty("debug"),pretty.info=pretty("info"),pretty.warn=pretty("warn"),pretty.error=pretty("error")},"./node_modules/@storybook/components/dist/esm/index-3ae04fda.js":function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global,process){__webpack_require__.d(__webpack_exports__,"a",(function(){return ActionBar})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getControlId})),__webpack_require__.d(__webpack_exports__,"c",(function(){return components})),__webpack_require__.d(__webpack_exports__,"d",(function(){return resetComponents})),__webpack_require__.d(__webpack_exports__,"e",(function(){return Form})),__webpack_require__.d(__webpack_exports__,"f",(function(){return Code})),__webpack_require__.d(__webpack_exports__,"g",(function(){return Icons})),__webpack_require__.d(__webpack_exports__,"h",(function(){return H2})),__webpack_require__.d(__webpack_exports__,"i",(function(){return H3})),__webpack_require__.d(__webpack_exports__,"j",(function(){return ScrollArea})),__webpack_require__.d(__webpack_exports__,"k",(function(){return TooltipNote})),__webpack_require__.d(__webpack_exports__,"l",(function(){return WithTooltip})),__webpack_require__.d(__webpack_exports__,"m",(function(){return __awaiter})),__webpack_require__.d(__webpack_exports__,"n",(function(){return __rest})),__webpack_require__.d(__webpack_exports__,"o",(function(){return Preview})),__webpack_require__.d(__webpack_exports__,"p",(function(){return PreviewSkeleton})),__webpack_require__.d(__webpack_exports__,"q",(function(){return ArgsTableError})),__webpack_require__.d(__webpack_exports__,"r",(function(){return ArgsTable})),__webpack_require__.d(__webpack_exports__,"s",(function(){return TabbedArgsTable})),__webpack_require__.d(__webpack_exports__,"t",(function(){return SourceError})),__webpack_require__.d(__webpack_exports__,"u",(function(){return Source})),__webpack_require__.d(__webpack_exports__,"v",(function(){return Story})),__webpack_require__.d(__webpack_exports__,"w",(function(){return StorySkeleton})),__webpack_require__.d(__webpack_exports__,"x",(function(){return Typeset})),__webpack_require__.d(__webpack_exports__,"y",(function(){return ColorItem})),__webpack_require__.d(__webpack_exports__,"z",(function(){return ColorPalette})),__webpack_require__.d(__webpack_exports__,"A",(function(){return IconItem})),__webpack_require__.d(__webpack_exports__,"B",(function(){return IconGallery})),__webpack_require__.d(__webpack_exports__,"C",(function(){return TooltipMessage})),__webpack_require__.d(__webpack_exports__,"D",(function(){return Separator})),__webpack_require__.d(__webpack_exports__,"E",(function(){return Description$1})),__webpack_require__.d(__webpack_exports__,"F",(function(){return Title})),__webpack_require__.d(__webpack_exports__,"G",(function(){return Subtitle})),__webpack_require__.d(__webpack_exports__,"H",(function(){return DocsContent})),__webpack_require__.d(__webpack_exports__,"I",(function(){return DocsWrapper})),__webpack_require__.d(__webpack_exports__,"J",(function(){return basePlacements})),__webpack_require__.d(__webpack_exports__,"K",(function(){return commonjsGlobal})),__webpack_require__.d(__webpack_exports__,"L",(function(){return dedent})),__webpack_require__.d(__webpack_exports__,"M",(function(){return bottom})),__webpack_require__.d(__webpack_exports__,"N",(function(){return end})),__webpack_require__.d(__webpack_exports__,"O",(function(){return getDefaultExportFromCjs})),__webpack_require__.d(__webpack_exports__,"P",(function(){return clippingParents})),__webpack_require__.d(__webpack_exports__,"Q",(function(){return reference})),__webpack_require__.d(__webpack_exports__,"R",(function(){return variationPlacements})),__webpack_require__.d(__webpack_exports__,"S",(function(){return placements})),__webpack_require__.d(__webpack_exports__,"T",(function(){return left})),__webpack_require__.d(__webpack_exports__,"U",(function(){return memoizerific})),__webpack_require__.d(__webpack_exports__,"V",(function(){return auto})),__webpack_require__.d(__webpack_exports__,"W",(function(){return modifierPhases})),__webpack_require__.d(__webpack_exports__,"X",(function(){return popper})),__webpack_require__.d(__webpack_exports__,"Y",(function(){return _extends})),__webpack_require__.d(__webpack_exports__,"Z",(function(){return right})),__webpack_require__.d(__webpack_exports__,"ab",(function(){return start})),__webpack_require__.d(__webpack_exports__,"bb",(function(){return top})),__webpack_require__.d(__webpack_exports__,"cb",(function(){return _objectWithoutPropertiesLoose})),__webpack_require__.d(__webpack_exports__,"db",(function(){return viewport})),__webpack_require__.d(__webpack_exports__,"eb",(function(){return window_1})),__webpack_require__.d(__webpack_exports__,"fb",(function(){return _root})),__webpack_require__.d(__webpack_exports__,"gb",(function(){return isObject_1})),__webpack_require__.d(__webpack_exports__,"hb",(function(){return isSymbol_1}));var core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_0__),regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__),core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__),core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__),core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/core-js/modules/es.promise.js"),core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4__),core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_5__),core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__),core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__),core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_8__),core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_9__),core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10__),core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11__),core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_12__),core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/core-js/modules/es.map.js"),core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_13__),core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_14__),core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_15__),core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_16__),core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17__),core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_18___default=__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_18__),core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/core-js/modules/es.number.to-fixed.js"),core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_19__),core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20__),core_js_modules_es_string_bold_js__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/core-js/modules/es.string.bold.js"),core_js_modules_es_string_bold_js__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(core_js_modules_es_string_bold_js__WEBPACK_IMPORTED_MODULE_21__),core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_22___default=__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_22__),core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_23__),core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_24___default=__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_24__),core_js_modules_esnext_global_this_js__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/core-js/modules/esnext.global-this.js"),core_js_modules_esnext_global_this_js__WEBPACK_IMPORTED_MODULE_25___default=__webpack_require__.n(core_js_modules_esnext_global_this_js__WEBPACK_IMPORTED_MODULE_25__),core_js_modules_es_string_small_js__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),core_js_modules_es_string_small_js__WEBPACK_IMPORTED_MODULE_26___default=__webpack_require__.n(core_js_modules_es_string_small_js__WEBPACK_IMPORTED_MODULE_26__),core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_27___default=__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_27__),core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_28___default=__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_28__),core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_29___default=__webpack_require__.n(core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_29__),core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_30___default=__webpack_require__.n(core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_30__),core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_31___default=__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_31__),core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js"),core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_32___default=__webpack_require__.n(core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_32__),core_js_modules_es_string_trim_end_js__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/core-js/modules/es.string.trim-end.js"),core_js_modules_es_string_trim_end_js__WEBPACK_IMPORTED_MODULE_33___default=__webpack_require__.n(core_js_modules_es_string_trim_end_js__WEBPACK_IMPORTED_MODULE_33__),core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_34___default=__webpack_require__.n(core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_34__),core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_35___default=__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_35__),core_js_modules_es_array_buffer_constructor_js__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/core-js/modules/es.array-buffer.constructor.js"),core_js_modules_es_array_buffer_constructor_js__WEBPACK_IMPORTED_MODULE_36___default=__webpack_require__.n(core_js_modules_es_array_buffer_constructor_js__WEBPACK_IMPORTED_MODULE_36__),core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_37___default=__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_37__),core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/core-js/modules/es.number.is-nan.js"),core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_38___default=__webpack_require__.n(core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_38__),core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_39___default=__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_39__),core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_40___default=__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_40__),core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_41___default=__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_41__),core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_42___default=__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_42__),core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_43___default=__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_43__),core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_44___default=__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_44__),core_js_modules_es_string_repeat_js__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/core-js/modules/es.string.repeat.js"),core_js_modules_es_string_repeat_js__WEBPACK_IMPORTED_MODULE_45___default=__webpack_require__.n(core_js_modules_es_string_repeat_js__WEBPACK_IMPORTED_MODULE_45__),core_js_modules_es_object_get_own_property_names_js__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-names.js"),core_js_modules_es_object_get_own_property_names_js__WEBPACK_IMPORTED_MODULE_46___default=__webpack_require__.n(core_js_modules_es_object_get_own_property_names_js__WEBPACK_IMPORTED_MODULE_46__),core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_47___default=__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_47__),core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/core-js/modules/web.url.js"),core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_48___default=__webpack_require__.n(core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_48__),core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js"),core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_49___default=__webpack_require__.n(core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_49__),core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_50___default=__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_50__),react__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_51___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_51__),_storybook_theming__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js"),_storybook_csf__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@storybook/components/node_modules/@storybook/csf/dist/index.js"),_storybook_csf__WEBPACK_IMPORTED_MODULE_53___default=__webpack_require__.n(_storybook_csf__WEBPACK_IMPORTED_MODULE_53__),qs__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/qs/lib/index.js"),qs__WEBPACK_IMPORTED_MODULE_54___default=__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_54__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_templateObject,_templateObject2,_templateObject3,_templateObject4;function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf2(subClass,superClass)}function _setPrototypeOf2(o,p){return _setPrototypeOf2=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf2(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct2();return function _createSuperInternal(){var result,Super=_getPrototypeOf2(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf2(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized2(self)}function _assertThisInitialized2(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _isNativeReflectConstruct2(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function _getPrototypeOf2(o){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf2(o)}function _defineProperty2(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}function __awaiter(thisArg,_arguments,P,generator){return new(P||(P=Promise))((function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):function adopt(value){return value instanceof P?value:new P((function(resolve){resolve(value)}))}(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())}))}var nameSpaceClassNames=function nameSpaceClassNames(_a,key){var props=__rest(_a,[]),classes=[props.class,props.className];return delete props.class,props.className=["sbdocs","sbdocs-".concat(key)].concat(classes).filter(Boolean).join(" "),props};function _extends$1(){return _extends$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends$1.apply(this,arguments)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _isNativeFunction(fn){return-1!==Function.toString.call(fn).indexOf("[native code]")}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct:function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache="function"==typeof Map?new Map:void 0;return _wrapNativeSuper=function _wrapNativeSuper(Class){if(null===Class||!_isNativeFunction(Class))return Class;if("function"!=typeof Class)throw new TypeError("Super expression must either be null or a function");if(void 0!==_cache){if(_cache.has(Class))return _cache.get(Class);_cache.set(Class,Wrapper)}function Wrapper(){return _construct(Class,arguments,_getPrototypeOf(this).constructor)}return Wrapper.prototype=Object.create(Class.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper,Class)},_wrapNativeSuper(Class)}var ERRORS={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function format$1(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var c,a=args[0],b=[];for(c=1;c<args.length;c+=1)b.push(args[c]);return b.forEach((function(d){a=a.replace(/%[a-z]/,d)})),a}var PolishedError=function(_Error){function PolishedError(code){return _assertThisInitialized(_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this)}return _inheritsLoose(PolishedError,_Error),PolishedError}(_wrapNativeSuper(Error));function colorToInt(color){return Math.round(255*color)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(void 0===convert&&(convert=convertToInt),0===saturation)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new PolishedError(3);var normalizedColor=nameToHex(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha:alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness:lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness:lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green<blue?6:0);break;case green:hue=(blue-red)/delta+2;break;default:hue=(red-green)/delta+4}return hue*=60,void 0!==color.alpha?{hue:hue,saturation:saturation,lightness:lightness,alpha:color.alpha}:{hue:hue,saturation:saturation,lightness:lightness}}function parseToHsl(color){return rgbToHsl(parseToRgb(color))}var reduceHexValue=function reduceHexValue(value){return 7===value.length&&value[1]===value[2]&&value[3]===value[4]&&value[5]===value[6]?"#"+value[1]+value[3]+value[5]:value},reduceHexValue$1=reduceHexValue;function numberToHex(value){var hex=value.toString(16);return 1===hex.length?"0"+hex:hex}function colorToHex(color){return numberToHex(Math.round(255*color))}function convertToHex(red,green,blue){return reduceHexValue$1("#"+colorToHex(red)+colorToHex(green)+colorToHex(blue))}function hslToHex(hue,saturation,lightness){return hslToRgb(hue,saturation,lightness,convertToHex)}function hsl(value,saturation,lightness){if("number"==typeof value&&"number"==typeof saturation&&"number"==typeof lightness)return hslToHex(value,saturation,lightness);if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness)return hslToHex(value.hue,value.saturation,value.lightness);throw new PolishedError(1)}function hsla(value,saturation,lightness,alpha){if("number"==typeof value&&"number"==typeof saturation&&"number"==typeof lightness&&"number"==typeof alpha)return alpha>=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}function rgb(value,green,blue){if("number"==typeof value&&"number"==typeof green&&"number"==typeof blue)return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if("object"===_typeof(value)&&void 0===green&&void 0===blue)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if("string"==typeof firstValue&&"number"==typeof secondValue){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}if("number"==typeof firstValue&&"number"==typeof secondValue&&"number"==typeof thirdValue&&"number"==typeof fourthValue)return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"===_typeof(firstValue)&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new PolishedError(7)}var isRgb=function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)},isRgba=function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha},isHsl=function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)},isHsla=function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha};function toColorString(color){if("object"!==_typeof(color))throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return hsla(color);if(isHsl(color))return hsl(color);throw new PolishedError(8)}function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends$1({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends$1({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends$1({},parsedColor,{alpha:guard(0,1,(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)+100*parseFloat(amount))/100)}))}var curriedOpacify=curry(opacify),curriedOpacify$1=curriedOpacify;function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends$1({},parsedColor,{alpha:guard(0,1,+(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)-100*parseFloat(amount)).toFixed(2)/100)}))}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize,headerCommon=function headerCommon(_ref2){return{margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:_ref2.theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}},codeCommon=function codeCommon(_ref3){var theme=_ref3.theme;return{lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?"1px solid ".concat(theme.color.mediumlight):"1px solid ".concat(theme.color.darker),color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border}},withReset=function withReset(_ref4){var theme=_ref4.theme;return{fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}},withMargin={margin:"16px 0"},Link$1=function Link$1(_a){var input=_a.href,children=_a.children,props=__rest(_a,["href","children"]),isStorybookPath=/^\//.test(input),isAnchorUrl=/^#.*/.test(input),href=isStorybookPath?"?path=".concat(input):input,target=isAnchorUrl?"_self":"_top";return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("a",Object.assign({href:href,target:target},props),children)},A$2=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Link$1)(withReset,(function(_ref5){return{fontSize:"inherit",lineHeight:"24px",color:_ref5.theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}}})),Blockquote=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.blockquote(withReset,withMargin,(function(_ref6){var theme=_ref6.theme;return{borderLeft:"4px solid ".concat(theme.color.medium),padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}}})),Wrapper$8=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div(withReset,(function(_ref7){var theme=_ref7.theme;return{backgroundColor:"light"===theme.base?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:"1px dashed ".concat(theme.appBorderColor),display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:curriedTransparentize$1(.3,theme.color.defaultText),fontSize:theme.typography.size.s2}})),EmptyBlock=function EmptyBlock(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$8,Object.assign({},props,{className:"docblock-emptyblock"}))},LazySyntaxHighlighter=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(0).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/syntaxhighlighter-b09267a2.js"))})),LazySyntaxHighlighterWithFormatter=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __awaiter(void 0,void 0,void 0,regeneratorRuntime.mark((function _callee(){var _yield$Promise$all,_yield$Promise$all2,SyntaxHighlighter,formatter;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,Promise.all([__webpack_require__.e(0).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/syntaxhighlighter-b09267a2.js")),__webpack_require__.e(6).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/formatter-9bb0ae57.js"))]);case 2:return _yield$Promise$all=_context.sent,_yield$Promise$all2=_slicedToArray(_yield$Promise$all,2),SyntaxHighlighter=_yield$Promise$all2[0].SyntaxHighlighter,formatter=_yield$Promise$all2[1].formatter,_context.abrupt("return",{default:function _default(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SyntaxHighlighter,Object.assign({},props,{formatter:formatter}))}});case 7:case"end":return _context.stop()}}),_callee)})))})),SyntaxHighlighter=function SyntaxHighlighter(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null)},!1!==props.format?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LazySyntaxHighlighterWithFormatter,Object.assign({},props)):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LazySyntaxHighlighter,Object.assign({},props)))},StyledSyntaxHighlighter=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(SyntaxHighlighter)((function(_ref8){var theme=_ref8.theme;return{fontSize:"".concat(theme.typography.size.s2-1,"px"),lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}})),SourceError;!function(SourceError){SourceError.NO_STORY="There’s no story here.",SourceError.SOURCE_UNAVAILABLE="Oh no! The source is not available."}(SourceError||(SourceError={}));var SourceSkeletonWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref9){var theme=_ref9.theme;return{background:theme.background.content,borderRadius:theme.appBorderRadius,border:"1px solid ".concat(theme.appBorderColor),boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"}})),SourceSkeletonPlaceholder=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref10){var theme=_ref10.theme;return _defineProperty2({animation:"".concat(theme.animation.glow," 1.5s ease-in-out infinite"),background:theme.appBorderColor,height:17,marginTop:1,width:"60%"},"&:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{margin:0})})),SourceSkeleton=function SourceSkeleton(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SourceSkeletonWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SourceSkeletonPlaceholder,null),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}))},Source=function Source(props){var isLoading=props.isLoading,error=props.error;if(isLoading)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SourceSkeleton,null);if(error)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(EmptyBlock,null,error);var _a=props,language=_a.language,code=_a.code,dark=_a.dark,format=_a.format,rest=__rest(_a,["language","code","dark","format"]),syntaxHighlighter=react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledSyntaxHighlighter,Object.assign({bordered:!0,copyable:!0,format:format,language:language,className:"docblock-source"},rest),code);if(void 0===dark)return syntaxHighlighter;var overrideTheme=dark?_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.k.dark:_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.k.light;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.b,{theme:Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.c)(overrideTheme)},syntaxHighlighter)};Source.defaultProps={format:!1};var isReactChildString=function isReactChildString(child){return"string"==typeof child},isInlineCodeRegex=/[\n\r]/g,DefaultCodeBlock=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.code((function(_ref12){return{fontFamily:_ref12.theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}}),codeCommon),Code=function Code(_a){var _b,className=_a.className,children=_a.children,props=__rest(_a,["className","children"]),language=(className||"").match(/lang-(\S+)/),childrenArray=react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children);return!childrenArray.filter(isReactChildString).some((function(child){return child.match(isInlineCodeRegex)}))?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(DefaultCodeBlock,Object.assign({},props,{className:className}),childrenArray):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledSyntaxHighlighter,Object.assign({bordered:!0,copyable:!0,language:null!==(_b=null==language?void 0:language[1])&&void 0!==_b?_b:"plaintext",format:!1},props),children)},Div=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div(withReset),DL=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.dl(withReset,Object.assign(Object.assign({},withMargin),{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}})),H1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h1(withReset,headerCommon,(function(_ref13){var theme=_ref13.theme;return{fontSize:"".concat(theme.typography.size.l1,"px"),fontWeight:theme.typography.weight.black}})),H2=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h2(withReset,headerCommon,(function(_ref14){var theme=_ref14.theme;return{fontSize:"".concat(theme.typography.size.m2,"px"),paddingBottom:4,borderBottom:"1px solid ".concat(theme.appBorderColor)}})),H3=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h3(withReset,headerCommon,(function(_ref15){var theme=_ref15.theme;return{fontSize:"".concat(theme.typography.size.m1,"px")}})),H4=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h4(withReset,headerCommon,(function(_ref16){var theme=_ref16.theme;return{fontSize:"".concat(theme.typography.size.s3,"px")}})),H5=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h5(withReset,headerCommon,(function(_ref17){var theme=_ref17.theme;return{fontSize:"".concat(theme.typography.size.s2,"px")}})),H6=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h6(withReset,headerCommon,(function(_ref18){var theme=_ref18.theme;return{fontSize:"".concat(theme.typography.size.s2,"px"),color:theme.color.dark}})),HR=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.hr((function(_ref19){var theme=_ref19.theme;return{border:"0 none",borderTop:"1px solid ".concat(theme.appBorderColor),height:4,padding:0}})),Img=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.img({maxWidth:"100%"}),LI=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.li(withReset,(function(_ref20){var theme=_ref20.theme;return{fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":codeCommon({theme:theme})}})),listCommon$1={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},OL=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.ol(withReset,withMargin,Object.assign(Object.assign({},listCommon$1),{listStyle:"decimal"})),P$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.p(withReset,withMargin,(function(_ref21){var theme=_ref21.theme;return{fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":codeCommon({theme:theme})}})),Pre=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.pre(withReset,withMargin,(function(_ref22){return{fontFamily:_ref22.theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}}})),Span=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span(withReset,(function(_ref23){var theme=_ref23.theme;return{"&.frame":{display:"block",overflow:"hidden","& > span":{border:"1px solid ".concat(theme.color.medium),display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}}})),Table$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.table(withReset,withMargin,(function(_ref24){var theme=_ref24.theme;return{fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:"1px solid ".concat(theme.appBorderColor),backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:"1px solid ".concat(theme.appBorderColor),margin:0,padding:"6px 13px"},"& tr td":{border:"1px solid ".concat(theme.appBorderColor),color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}}})),TT=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.title(codeCommon),listCommon={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},UL=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.ul(withReset,withMargin,Object.assign(Object.assign({},listCommon),{listStyle:"disc"})),ResetWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div(withReset),components$1={h1:function h1(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(H1,Object.assign({},nameSpaceClassNames(props,"h1")))},h2:function h2(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(H2,Object.assign({},nameSpaceClassNames(props,"h2")))},h3:function h3(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(H3,Object.assign({},nameSpaceClassNames(props,"h3")))},h4:function h4(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(H4,Object.assign({},nameSpaceClassNames(props,"h4")))},h5:function h5(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(H5,Object.assign({},nameSpaceClassNames(props,"h5")))},h6:function h6(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(H6,Object.assign({},nameSpaceClassNames(props,"h6")))},pre:function pre(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Pre,Object.assign({},nameSpaceClassNames(props,"pre")))},a:function a(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(A$2,Object.assign({},nameSpaceClassNames(props,"a")))},hr:function hr(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(HR,Object.assign({},nameSpaceClassNames(props,"hr")))},dl:function dl(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(DL,Object.assign({},nameSpaceClassNames(props,"dl")))},blockquote:function blockquote(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Blockquote,Object.assign({},nameSpaceClassNames(props,"blockquote")))},table:function table(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Table$1,Object.assign({},nameSpaceClassNames(props,"table")))},img:function img(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Img,Object.assign({},nameSpaceClassNames(props,"img")))},div:function div(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Div,Object.assign({},nameSpaceClassNames(props,"div")))},span:function span(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Span,Object.assign({},nameSpaceClassNames(props,"span")))},li:function li(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LI,Object.assign({},nameSpaceClassNames(props,"li")))},ul:function ul(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(UL,Object.assign({},nameSpaceClassNames(props,"ul")))},ol:function ol(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(OL,Object.assign({},nameSpaceClassNames(props,"ol")))},p:function p(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(P$1,Object.assign({},nameSpaceClassNames(props,"p")))},code:function code(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Code,Object.assign({},nameSpaceClassNames(props,"code")))},tt:function tt(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TT,Object.assign({},nameSpaceClassNames(props,"tt")))},resetwrapper:function resetwrapper(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ResetWrapper,Object.assign({},nameSpaceClassNames(props,"resetwrapper")))}},BadgeWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref25){return{display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:_ref25.theme.typography.weight.bold}}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},(function(_ref26){var theme=_ref26.theme;switch(_ref26.status){case"critical":return{color:theme.color.critical,background:theme.background.critical};case"negative":return{color:theme.color.negative,background:theme.background.negative};case"warning":return{color:theme.color.warning,background:theme.background.warning};case"neutral":return{color:theme.color.dark,background:theme.color.mediumlight};case"positive":return{color:theme.color.positive,background:theme.background.positive};default:return{}}})),Badge=function Badge(_a){var props=__rest(_a,[]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(BadgeWrapper,Object.assign({},props))},icons={mobile:"M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z",watch:"M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z",tablet:"M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z",browser:"M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z",sidebar:"M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z",sidebaralt:"M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z",bottombar:"M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z",useralt:"M533 960a850 850 0 0 0 386-92v-19c0-117-242-223-306-234-20-3-21-58-21-58s59-58 72-137c35 0 56-84 21-113 2-31 45-243-173-243S337 276 338 307c-34 29-13 113 22 113 13 79 72 137 72 137s-1 55-21 58c-64 11-301 115-306 231a855 855 0 0 0 428 114z",user:"M814 805a525 525 0 00-217-116c-17-3-17-50-17-50s50-49 61-116c29 0 48-71 18-96 1-26 38-206-147-206S364 401 365 427c-30 25-11 96 18 96 11 67 61 116 61 116s0 47-17 50c-39 6-154 53-217 116a418 418 0 015-590 418 418 0 01594 0 418 418 0 015 590M512 0a512 512 0 100 1024A512 512 0 00512 0",useradd:"M87 859c-30-12-59-27-87-43 5-105 221-200 279-210 19-3 19-53 19-53s-54-53-65-125c-32 0-51-76-20-103-1-28-40-221 158-221 199 0 160 193 158 221 32 27 12 103-19 103-12 72-66 125-66 125s1 50 19 53c59 10 279 107 279 213v18a781 781 0 0 1-655 22zm892-565h-91v-90a45 45 0 1 0-91 0v90h-91a45 45 0 1 0 0 91h91v91a45 45 0 1 0 91 0v-91h91a45 45 0 1 0 0-91z",users:"M360 128c193 0 155 182 154 208 31 25 12 97-19 97-11 67-64 118-64 118s1 47 19 50c57 9 271 100 271 200v16a771 771 0 0 1-637 21c-29-11-57-25-84-40 4-99 215-189 271-197 18-3 18-50 18-50s-52-51-63-118c-31 0-50-72-19-97-1-26-40-208 153-208zm416 66c133 0 107 125 106 144 21 17 8 66-13 66-8 47-44 81-44 81s0 33 12 34c40 6 187 69 187 138v46c-80 27-163 41-249 41l-9-1c-16-31-44-61-83-90a546 546 0 0 0-111-64c47-38 117-66 143-70 12-1 12-34 12-34s-36-34-43-81c-21 0-34-49-13-66-1-19-27-144 105-144z",profile:"M761 631c0-13-10-23-22-23H285c-12 0-22 10-22 23 0 12 10 23 22 23h454c12 0 22-11 22-23zm0 100c0-12-10-22-22-22H285c-12 0-22 10-22 22 0 13 10 23 22 23h454c12 0 22-10 22-23zm0 101c0-13-10-23-22-23H285c-12 0-22 10-22 23s10 23 22 23h454c12 0 22-10 22-23zM832 0c59 0 107 49 107 109v807c-1 60-49 108-107 108H130c-25 0-45-20-45-46V46a45 45 0 0 1 45-46h702zm0 91H174v842h658c10 0 18-9 18-18V110c0-10-8-19-18-19zM384 532l-39-20c2-49 100-93 126-97 8-1 8-25 8-25s-24-24-29-57c-14 0-23-35-9-48-1-13-18-102 71-102s72 89 71 102c14 13 5 48-9 48-5 33-29 57-29 57s0 24 8 25c27 4 126 49 126 98v8a346 346 0 0 1-295 11z",bookmark:"M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z",bookmarkhollow:"M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z",book:"M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z",repository:"M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z",star:"M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z",starhollow:"M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z",circle:"M1024 512A512 512 0 110 512a512 512 0 011024 0z",circlehollow:"M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0z",heart:"M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z",hearthollow:"M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z",facehappy:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 493.7c15.2 0 28.7 7.5 37 19l2.6 3.9a46 46 0 015.8 18l.3 4.9c0 6.6-1.4 13-4 18.7l-2.1 4.1A329 329 0 01232 663l-5.5-9.3a46 46 0 01-2-41.2l2-4.2v-.2a45.6 45.6 0 0176.7-4l2.5 4a237.9 237.9 0 00410 7.7l4.5-7.7a46 46 0 0139.7-22.9zM329.7 292.6a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",facesad:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm1.1 449.2a329 329 0 01281.1 157.7l5.5 9.2a46 46 0 012 41.3l-2 4.1v.3a45.6 45.6 0 01-76.7 4l-2.6-4a238 238 0 00-410-7.7l-4.5 7.7a46 46 0 01-76.6 4l-2.6-4a46 46 0 01-5.9-18l-.2-5c0-6.6 1.4-12.9 4-18.6l2.1-4.2a329 329 0 01286.4-166.8zm-183.4-248a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",faceneutral:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 521.2a45.7 45.7 0 014.7 91.2l-4.7.2H266.3a45.7 45.7 0 01-4.7-91.2l4.7-.2H760zm-430.3-320a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",lock:"M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z",unlock:"M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z",key:"M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z",arrowleftalt:"M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z",arrowrightalt:"M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z",sync:"M135.6 442.5a41 41 0 0130 12l94.9 94.6c16 16 16 42 0 58s-42.1 16-58.2 0l-30.1-30a341.9 341.9 0 0095 178.6c65.3 65 152 101 244.3 101 92.3 0 179-36 244.3-101a345 345 0 0066.8-93.6 41.1 41.1 0 0174.3 35v.2l-.1.2-5.2 10.3a427.8 427.8 0 01-380 230.9A427.5 427.5 0 0190.1 585.8l-20 20c-16 16-42 16-58.2 0a41 41 0 010-58l93.6-93.3a41 41 0 0130-12zm376-357.2c208.9 0 382.8 149.5 420.1 347.1l22-22c16.1-16 42.2-16 58.2 0s16 42 0 58l-93.5 93.4a41 41 0 01-30 12 41 41 0 01-30-12L763.5 467a41 41 0 010-58c16-16 42.1-16 58.2 0l26.8 26.8a342 342 0 00-92.7-167.6c-65.3-65-152-101-244.3-101-92.3 0-179 36-244.2 101a345.2 345.2 0 00-66.9 93.6 41.1 41.1 0 01-74.3-35v-.2l.2-.2c.7-1.7.2-.8 5.1-10.3A427.8 427.8 0 01511.5 85.3z",reply:"M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z",undo:"M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z",transfer:"M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z",redirect:"M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z",expand:"M433.4 578.8l6.2 5.2a44.8 44.8 0 010 63.3L238.4 849.1h100.3a44.8 44.8 0 018 88.8l-8 .8H130l-6.2-.5 2.7.3h-.3a44.7 44.7 0 01-24.8-10.2l-.3-.3-.3-.2-.3-.4-.3-.2-.3-.2v-.2h-.1l-.2-.1a45.7 45.7 0 01-13.5-24.8l-.3-1.7a45 45 0 01-.5-5.3V685.7a44.8 44.8 0 0189-8.1l.6 8 .1 100L376.3 584a44.8 44.8 0 0157.1-5.2zm157.2 0a44.8 44.8 0 0157.1 5.2L849 785.7v-100l.8-8.1a44.8 44.8 0 0188.9 8V895a45 45 0 01-.5 5.3l-.3 1.7a38.6 38.6 0 01-2.8 9.4 43.4 43.4 0 01-9.6 14.2l-4.7 4.2 2-1.7.7-.6-.3.4a44.1 44.1 0 01-4.4 3.3l-.6.4a45.8 45.8 0 01-20.4 7h-.3.9l1.8-.3-6.2.5H685.3l-8-.8a44.8 44.8 0 018-88.8h100.3L584.4 647.3a44.8 44.8 0 010-63.3zM98.5 925.5l1.3 1.3.1.2.6.4a45 45 0 002 1.7l.7.6-4.7-4.2zM893.9 85.3h.9-.8l6.2.5a45 45 0 00-1.8-.2l-.9-.1h-1l-.5-.1h-1.2 2.7l.3.1a44.7 44.7 0 0125.4 10.7l.3.3v.1l.3.2.3.2v.2h.1l.2.1.6.6.5.6A45.6 45.6 0 01938 122l.3 1.7c.3 1.8.4 3.6.5 5.3v209.2a44.8 44.8 0 01-89 8.1l-.6-8-.1-100L647.7 440a44.8 44.8 0 01-57.1 5.2l-6.2-5.2a44.8 44.8 0 010-63.3l201.2-201.8H685.3a44.8 44.8 0 01-8-88.8l8-.8H894h-.1zm-555.2 0l8 .8a44.8 44.8 0 01-8 88.8H238.4l201.2 201.8a44.8 44.8 0 010 63.3l-6.2 5.2a44.8 44.8 0 01-57.1-5.2L175 238.3v100l-.8 8.1a44.8 44.8 0 01-88.9-8V129c0-1.7.2-3.5.5-5.3l.3-1.7a38.6 38.6 0 012.8-9.4 43.4 43.4 0 019.6-14.2l4.7-4.2-2 1.7.2-.3a43.7 43.7 0 0124.8-10.2h1.3l.3-.1h2.3-.1 208.7zm582 9l4.8 4.2-1.3-1.3-.1-.2-.5-.4h-.1l-.6-.6-1.4-1.1-.7-.6zm-790.7-9h-2l-.5.1h-1l-.9.2c-.6 0-1.2 0-1.8.2l6.2-.5z",expandalt:"M479.7 13.4L205.4 287.6a45.7 45.7 0 1064.7 64.7l242-242 241.8 241.9a45.7 45.7 0 1064.7-64.7L544.4 13.4a45.6 45.6 0 00-64.7 0M512 1024a45.6 45.6 0 01-32.3-13.4L205.4 736.5a45.7 45.7 0 1164.7-64.7l241.8 241.8 242-241.9a45.7 45.7 0 1164.7 64.7l-274.3 274.2c-9 9-20.7 13.4-32.4 13.4",collapse:"M479.7 411L205.4 136.6a45.7 45.7 0 1164.7-64.6L512 314 753.9 72.2a45.7 45.7 0 1164.7 64.6L544.4 411a45.6 45.6 0 01-64.7 0M512 598.3a45.6 45.6 0 00-32.3 13.4L205.4 885.8a45.7 45.7 0 1064.7 64.7l241.8-241.8 242 242a45.7 45.7 0 1064.7-64.7L544.3 611.7c-9-8.9-20.7-13.4-32.4-13.4",grow:"M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z",arrowleft:"M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z",arrowup:"M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z",arrowdown:"M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z",arrowright:"M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z",chevrondown:"M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z",back:"M512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6zm0 91.4A512 512 0 10512 0a512 512 0 000 1024zM232.7 542.5l142.8 143.3a45.7 45.7 0 0064.8-64.5L375 555.9h383.7a45.7 45.7 0 000-91.4H375.6l64.6-64.4a45.7 45.7 0 10-64.6-64.8L232.8 477.8a45.7 45.7 0 00-.1 64.6z",download:"M543.8 791.3a45.7 45.7 0 01-64.6 0l-142.5-143a45.6 45.6 0 010-64.6 45.7 45.7 0 0164.7 0l64.5 64.7V265.2a45.7 45.7 0 1191.4 0v383.6l65.4-65.1a45.7 45.7 0 1164.5 64.8L543.8 791.3zM1024 512A512 512 0 110 512a512 512 0 011024 0zm-91.4 0c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512z",upload:"M480.2 232.7a45.7 45.7 0 0164.6 0l142.5 143a45.6 45.6 0 010 64.6 45.7 45.7 0 01-64.7 0L558 375.5v383.2a45.7 45.7 0 11-91.4 0V375.2l-65.4 65.1a45.7 45.7 0 11-64.5-64.8l143.4-142.8zM0 512a512 512 0 111024 0A512 512 0 010 512zm91.4 0c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512z",proceed:"M791.3 480.2L648.5 336.8a45.7 45.7 0 10-64.8 64.5l65.1 65.4H265.2a45.7 45.7 0 100 91.4h383.2l-64.6 64.5a45.7 45.7 0 0064.6 64.7l142.8-142.5a45.7 45.7 0 00.1-64.6M512 0a512 512 0 100 1024A512 512 0 00512 0m0 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4",info:"M874.04 149.96c199.95 199.95 199.95 524.14 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.94 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.95 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 318.96a45.73 45.73 0 00-45.11 38.3l-.6 7.42v274.28a45.71 45.71 0 0090.83 7.42l.6-7.42V456.11a45.72 45.72 0 00-45.72-45.72zm0-162.25a45.72 45.72 0 100 91.44 45.72 45.72 0 000-91.44z",question:"M874.04 149.96c199.95 199.95 199.95 524.13 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.95 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.96 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 640.9a45.72 45.72 0 100 91.43 45.72 45.72 0 000-91.44zm-1.14-549c-111.3 0-201.52 90.22-201.52 201.52a45.71 45.71 0 0090.84 7.41l.6-7.47c.03-60.68 49.4-110.03 110.08-110.03 60.7 0 110.1 49.38 110.1 110.09 0 60.7-49.4 110.09-110.1 110.09v.17a45.68 45.68 0 00-44.57 45.65v100.58a45.7 45.7 0 1091.42 0v-60.46c88.7-21.12 154.67-100.87 154.67-196.03 0-111.3-90.22-201.52-201.52-201.52z",support:"M512 932.57c-87.57 0-171.05-26.59-241.23-75.93l106-106a273.98 273.98 0 00135.26 35.62c46.7 0 93.41-11.88 135.22-35.6l105.98 105.98c-70.19 49.34-153.66 75.93-241.23 75.93m-344.64-661.8l105.97 105.98c-47.44 83.63-47.43 186.86.02 270.49L167.36 753.22C118.02 683.04 91.43 599.56 91.43 512c0-87.57 26.59-171.05 75.93-241.23m585.87-103.41L647.29 273.3a273.95 273.95 0 00-135.26-35.61c-46.74 0-93.47 11.9-135.3 35.63L270.77 167.36C340.96 118.02 424.43 91.43 512 91.43s171.05 26.59 241.23 75.93m-370.5 473.91c-71.3-71.3-71.3-187.3 0-258.6a181.7 181.7 0 01129.3-53.55h.02c48.83 0 94.74 19.02 129.28 53.56 71.29 71.29 71.29 187.3 0 258.6a181.66 181.66 0 01-129.3 53.55 181.67 181.67 0 01-129.3-53.56m473.91 111.95L750.68 647.27c47.48-83.65 47.48-186.91.02-270.56l105.94-105.94c49.34 70.18 75.93 153.66 75.93 241.23s-26.59 171.04-75.93 241.22m17.4-603.26c-199.95-199.95-524.13-199.95-724.08 0-199.95 199.95-199.95 524.13 0 724.08 199.95 199.95 524.13 199.95 724.08 0 199.95-199.95 199.95-524.13 0-724.08",alert:"M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z",bell:"M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z",rss:"M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z",edit:"M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z",paintbrush:"M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z",close:"M150 150a512 512 0 11724 724 512 512 0 01-724-724zm69.3 64.2A418.5 418.5 0 0095.9 512a418.5 418.5 0 00123.4 297.8A418.5 418.5 0 00517 933.2 418.5 418.5 0 00815 809.8 418.5 418.5 0 00938.4 512 418.5 418.5 0 00815 214.2 418.5 418.5 0 00517 90.8a418.5 418.5 0 00-297.8 123.4zM655 304a46 46 0 0165 65L577 512l143 143a46 46 0 11-65 65L512 577 369 720a46 46 0 11-65-65l143-143-143-143a46 46 0 0165-65l143 143 143-143z",closeAlt:"M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z",trash:"M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z",cross:"M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z",delete:"M874 150A512 512 0 10150 874 512 512 0 00874 150zm-659.4 64.6A417.8 417.8 0 01512 91.4c97 0 188.9 32.6 263.3 92.6L184 775.3A417.4 417.4 0 0191.4 512c0-112.4 43.7-218 123.2-297.4zm594.8 594.8A417.8 417.8 0 01512 932.6c-97 0-189-32.7-263.3-92.6L840 248.7A417.4 417.4 0 01932.6 512c0 112.3-43.8 218-123.2 297.4z",add:"M512-.2a512 512 0 110 1024 512 512 0 010-1024zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 511.8c0 112.4 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.4c112.3 0 218-43.8 297.4-123.2a417.8 417.8 0 00123.2-297.4c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.2zm1.1 129.2a45.7 45.7 0 0145.7 45.7v201.1H760a45.7 45.7 0 010 91.5H558.8v201.1a45.7 45.7 0 11-91.4 0V558.7H266.3a45.7 45.7 0 110-91.5h201.1V266.1a45.7 45.7 0 0145.7-45.7z",subtract:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm4 94A418 418 0 0094 515a418 418 0 00422 422 418 418 0 00421-422A418 418 0 00516 94zm244 372a46 46 0 010 92H264a46 46 0 110-92z",plus:"M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z",document:"M764 1c12 0 24 4 32 13l129 132c9 8 13 20 13 31v802c0 24-20 44-45 44H131c-25 0-45-20-45-44V45c0-24 20-44 45-44h633zm-48 89H175v844h674l-1-707h-87c-22 0-40-15-44-36v-8l-1-93zm-16 584a45 45 0 0 1 8 89H324a45 45 0 0 1-8-88l8-1h376zm0-187a45 45 0 0 1 8 89l-8 1H324a45 45 0 0 1-8-89l8-1h376zm0-186a45 45 0 0 1 8 88l-8 1H324a45 45 0 0 1-8-89h384z",folder:"M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z",component:"M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z",calendar:"M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z",graphline:"M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z",docchart:"M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z",doclist:"M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z",category:"M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z",grid:"M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z",copy:"M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z",certificate:"M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z",print:"M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z",listunordered:"M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z",graphbar:"M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z",menu:"M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z",filter:"M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z",ellipsis:"M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z",cog:"M512 288a224 224 0 0 0 0 448h2a225 225 0 0 0 52-7 47 47 0 0 0-23-90 130 130 0 0 1-31 3 131 131 0 1 1 127-101v1a47 47 0 1 0 91 19 224 224 0 0 0-218-273zM409 0c-67 14-131 40-186 77v98c0 13-6 25-15 33-8 9-20 15-33 15H77C40 278 14 341 0 409l69 68c9 10 14 22 13 34 1 13-4 25-13 34L0 614c14 68 41 132 78 188h97c13 0 25 6 33 15 9 8 15 20 15 33v97c55 37 119 63 187 77l68-69a46 46 0 0 1 36-13c11 0 23 4 32 13l69 69c68-14 131-40 186-77v-98c0-13 6-25 15-34 8-8 20-14 33-14h98c37-56 63-119 77-186l-69-70c-10-9-14-21-14-34 0-12 4-24 14-34l69-69c-14-67-40-129-77-184h-98c-13 0-25-6-33-15-9-8-15-20-15-33V77C746 40 683 14 615 0l-69 69a46 46 0 0 1-35 14c-11 0-23-5-33-14L409 0zm-28 103l32 32c26 26 61 41 98 41h3c37 0 72-15 98-41l32-31c22 7 43 16 64 26v46c0 37 15 73 42 99 26 27 62 42 99 42h45c11 20 19 41 26 63l-31 31c-26 27-41 63-41 100 0 38 15 74 41 100l32 32c-8 22-17 44-27 65h-45c-37 0-73 15-99 42-27 26-42 62-42 99v44c-21 11-42 20-65 27l-31-31c-26-26-61-41-98-41h-3c-37 0-72 15-98 41l-32 32c-22-8-44-17-65-28v-43c0-37-15-73-42-99-26-27-62-42-99-42h-44c-11-21-20-44-28-67l32-31c26-26 41-62 40-100 1-37-14-73-40-100l-31-30c7-23 16-44 26-65h45c37 0 73-15 99-42 27-26 42-62 42-99v-45c21-10 43-19 65-27z",wrench:"M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z",nut:"M512 286a229 229 0 0 0-233 226c0 124 104 225 233 225h2a240 240 0 0 0 54-7c21-5 35-24 35-45a48 48 0 0 0-59-45 139 139 0 0 1-32 3c-75 0-136-59-136-131 0-73 61-132 136-132a134 134 0 0 1 132 161v1l-2 9c0 26 22 47 49 47a48 48 0 0 0 47-37c4-16 6-33 6-49 0-125-104-226-232-226m0-286c-16 0-33 4-47 12L90 223a91 91 0 0 0-47 79v420c0 33 18 63 47 79l375 211a96 96 0 0 0 94 0l375-211c29-16 47-46 47-79V302c0-33-18-63-47-79L559 12c-14-8-31-12-47-12m0 91l375 211v420L512 933 137 722V302L512 91",camera:"M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z",eye:"M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z",eyeclose:"M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z",photo:"M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z",video:"M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z",speaker:"M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z",phone:"M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z",flag:"M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z",pin:"M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z",compass:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm242.4 178.1a22.9 22.9 0 012.9 28.9L574.9 571.7l-3.2 3.2-273.3 182.4a22.9 22.9 0 01-31.7-31.7l181-271.6c1.7-2.5 3.8-4.6 6.3-6.3l271.6-181c9-6 21.1-4.9 28.8 2.8zM483.2 483.3l-115 172.4 172.5-115-57.5-57.4z",globe:"M533.6 1.6a144.2 144.2 0 00-43.2 0A511.7 511.7 0 000 512.6 511.7 511.7 0 00512 1024c282.8 0 512-229 512-511.4a511.7 511.7 0 00-490.4-511zM930 467H749c-3.6-105.7-20-204.7-47.2-282.5a494.4 494.4 0 00-24.2-58.2 419.3 419.3 0 01131.8 89.3A416.7 416.7 0 01930.2 467zM512 931.5c-75.3 0-137.3-163.3-145.4-373.3h290.8c-8.1 210-70.1 373.3-145.4 373.3zM366.5 467c7.4-200.2 63.7-358.5 134-374.3a406.8 406.8 0 0123 0c70.3 15.9 126.6 174.1 134 374.3h-291zM214.6 215.5A420.7 420.7 0 01346.4 126c-8.7 17.7-16.9 37.1-24.2 58.2-27.1 78-43.6 177-47.2 282.5H94a416.7 416.7 0 01120.7-251.3zM93.9 558.2H275c3.8 104.8 20.2 203 47 280.3a488.6 488.6 0 0025.8 61 420.4 420.4 0 01-133.3-89.9A416.7 416.7 0 0193.9 558.2zm715.5 251.4a420.4 420.4 0 01-133.3 90c9.3-18.4 18-38.8 25.7-61.1 27-77.4 43.3-175.5 47-280.3h181.3a416.7 416.7 0 01-120.7 251.4z",location:"M1024 512a512 512 0 10-512.1 512C643 1024 774 974 874 874s150-231 150-362zM809.4 809.4a417.4 417.4 0 01-251.7 120.7v-153a45.7 45.7 0 00-91.5 0v153a417 417 0 01-251.6-120.7A417.7 417.7 0 0194 557.7h153a45.7 45.7 0 000-91.5h-153a417.3 417.3 0 01120.7-251.6A417.5 417.5 0 01466.2 93.8v153a45.7 45.7 0 0091.4 0v-153a417.4 417.4 0 01251.8 120.7A417.5 417.5 0 01930 466.2H777a45.7 45.7 0 000 91.4h153a417.3 417.3 0 01-120.7 251.7v.1z",search:"M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60",zoom:"M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z",zoomout:"M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z",zoomreset:"M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z",timer:"M571.5 0a42.7 42.7 0 010 85.3h-16.7l-.2 53.1a441.6 441.6 0 01221.2 84.9l44.7-44.6a42.7 42.7 0 0160.3 60.3l-41.5 41.5a443.8 443.8 0 11-370-142l.1-53.2H452A42.7 42.7 0 01452 0h119.5zM512 221.7a356 356 0 00-253.5 105 356 356 0 00-105 253.5 356 356 0 00105 253.5 356 356 0 00253.5 105 356 356 0 00253.5-105 356.2 356.2 0 00105-253.5 356 356 0 00-105-253.5 356 356 0 00-253.5-105zm-.1 52.7a42.7 42.7 0 0142.6 42.6v206.6a68.2 68.2 0 0125.3 47.3l.2 5.8a68.2 68.2 0 11-110.8-53.4V317a42.7 42.7 0 0142.7-42.6z",time:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm0 54.9a45.7 45.7 0 0145.7 45.7v280H759a45.7 45.7 0 010 91.4H512c-6.1 0-12-1.2-17.4-3.4l-.4-.2-2-1c-.7-.3-1.4-.5-2-.9l-.7-.4-3-1.9-.4-.2c-12-8.2-19.8-22-19.8-37.7V192a45.7 45.7 0 0145.7-45.7z",lightning:"M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z",lightningoff:"M310 374L76 150a37 37 0 0 1 0-54c15-14 41-14 56 0l816 778c16 15 16 39 0 54a41 41 0 0 1-56 0L666 712l-57-54-242-230-57-54zm-32 28l57 54-44 38 115 29 78 76-75 254 169-165 57 54-279 271c-8 7-17 11-26 11-7 0-14-2-20-6a41 41 0 0 1-16-46l109-367-203-52c-14-4-25-16-28-30-4-15 1-31 13-40l93-81zm124-108L731 9c13-12 33-12 47-1 14 12 19 32 11 49L627 421l198 52c13 4 24 15 27 29 4 14-1 29-11 39l-89 87-56-54 42-41-118-31-80-76 109-242-190 165-57-55z",dashboard:"M512 85.3a512 512 0 01361 875c-99.5-44-225-70.4-361.6-70.4-136.1 0-261.4 26.2-360.8 70A512 512 0 01512 85.4zm0 91.5c-112.4 0-218 43.7-297.4 123.1A417.8 417.8 0 0091.4 597.3c0 93 30 181.5 85.5 254.2 101-34.8 215.3-53 334.5-53 119.6 0 234.2 18.3 335.5 53.4a417.3 417.3 0 0085.7-254.6c0-112.3-43.8-218-123.2-297.4a417.5 417.5 0 00-275-122.6l-22.4-.5zm219.7 115.7a45.7 45.7 0 0116.7 62.4L580.4 646c6.5 17.1 6.7 36.6-.6 54.3l-4.3 8.7A73.1 73.1 0 11501.3 600l168-291a45.7 45.7 0 0162.4-16.6z",hourglass:"M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z",play:"M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z",playnext:"M222 136l513 342 12 10V192a64 64 0 01128 0v640a64 64 0 01-128 0V536l-12 10-513 342c-8 5-16 8-23 8-17 0-28-16-28-42V170c0-26 11-42 28-42 7 0 15 3 23 8z",playback:"M823 136L311 478l-12 10V192a64 64 0 00-128 0v640a64 64 0 10128 0V536l12 10 512 342c8 5 16 8 23 8 17 0 29-16 29-42V170c0-26-12-42-29-42-7 0-15 3-23 8z",stop:"M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0zm471-78H338c-25 0-45-20-45-45V338c0-25 20-45 45-45h348c25 0 45 20 45 45v348c0 25-20 45-45 45z",stopalt:"M894 85H130c-25 0-45 20-45 45v764c0 25 20 45 45 45h764c25 0 45-20 45-45V130c0-25-20-45-45-45z",rewind:"m631.8 642.6 345 245.4c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3V170.3c0-26.8-11-42.3-26.8-42.3-6.4 0-13.7 2.6-21.4 8l-345 245.4v-211c0-26.9-10.9-42.4-26.8-42.4-6.4 0-13.7 2.6-21.4 8L129 459.4V192a64 64 0 0 0-128 0v640a64 64 0 0 0 128 0V564.6L583.6 888c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3v-211Z",fastforward:"M398.2 386.4 53.2 141c-7.7-5.4-15-8-21.4-8C15.9 133 5 148.5 5 175.3v683.4C5 885.5 16 901 31.8 901c6.4 0 13.7-2.6 21.4-8l345-245.4v211c0 26.9 11 42.4 26.8 42.4 6.4 0 13.7-2.6 21.4-8L901 569.6V837a64 64 0 0 0 128 0V197a64 64 0 0 0-128 0v267.4L446.4 141c-7.7-5.4-15-8-21.4-8-15.9 0-26.8 15.5-26.8 42.3v211Z",email:"M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z",link:"M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z",paperclip:"M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z",box:"M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z",structure:"M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z",cpu:"M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z",memory:"M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z",database:"M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z",power:"M320 118.3a45.7 45.7 0 0122.5 85.6 384.6 384.6 0 00-120.8 93.4A380.9 380.9 0 00128 548.6c0 102.5 39.9 199 112.4 271.5A381.5 381.5 0 00512 932.5c102.5 0 199-39.9 271.5-112.4a381.5 381.5 0 00112.4-271.5c0-98.1-36.5-190.6-103.1-262l-2-2-9.4-9.5a384.2 384.2 0 00-100-71.2 45.6 45.6 0 0139.6-82.2l.6.3h.2l.1.1h.1l2 1 4 2 1.9 1 3.5 1.9a480.6 480.6 0 0144.9 27l2 1.3v-.3.1a475.4 475.4 0 11-545.3 6.2l3.6-2.6v.1a471.4 471.4 0 0151.7-31.7l3.7-2 1.4-.7.3-.2 6.4-3.1.1-.1h.1l.7-.3c5.2-2.1 11-3.4 17-3.4zM511.8 0c25 0 45.3 20 45.7 45v421.3a45.7 45.7 0 01-91.4.7V45.7A45.7 45.7 0 01511.9 0z",outbox:"M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z",share:"M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z",button:"M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z",form:"M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z",check:"M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z",batchaccept:"M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z",batchdeny:"M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z",home:"M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z",admin:"M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z",paragraph:"M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z",basket:"M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z",credit:"M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z",shield:"M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z",beaker:"M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z",thumbsup:"M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z",mirror:"M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z",switchalt:"M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z",commit:"M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z",branch:"M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z",merge:"M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z",pullrequest:"M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z",chromatic:"M512 0a512 512 0 110 1024A512 512 0 01512 0zM368 452v284a144 144 0 00274 59c-10-4-20-8-29-14l-111-64c-6-3-10-10-10-16V523l-124-71zm454 89c-8 7-17 13-26 18L551 701l81 46 1 1a144 144 0 00189-207zm-493-89l-81 47h-1a143 143 0 00-52 196 144 144 0 00137 71c-2-10-3-21-3-32V452zm375-195l-12 1c2 10 3 21 3 32v128c0 7-4 13-10 17l-154 88v144l245-142 2-1a144 144 0 00-74-267zm-384 0c-51 0-99 28-125 72-28 49-25 109 7 154 8-7 17-13 26-18l111-64a20 20 0 0120 0l153 88 124-71-244-141-1-1c-22-12-46-19-71-19zm192-111c-57 0-107 33-130 83 10 4 19 8 29 14l245 141v-96c-2-79-66-142-144-142z",twitter:"M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z",google:"M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z",gdrive:"M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z",youtube:"M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z",facebook:"M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z",medium:"M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z",graphql:"M576 849a85 85 0 0 0-125-2L253 733l1-3h517l2 5-197 114zM451 177l2 2-258 448-3-1V398a85 85 0 0 0 61-107l198-114zm321 114a85 85 0 0 0 61 107v228l-3 1-258-448 2-2 198 114zM254 689a85 85 0 0 0-24-42l259-447a86 86 0 0 0 47 0l259 448a85 85 0 0 0-24 41H254zm643-54c-7-4-15-7-23-9V398a86 86 0 1 0-82-142L595 142a85 85 0 1 0-165 0L233 256a85 85 0 1 0-82 142v228a85 85 0 1 0 82 142l197 114a85 85 0 1 0 164-2l196-114a86 86 0 1 0 107-131z",redux:"M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z",github:"M214.6 809.4A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4-49 49-108 84.3-172.2 104.3v-74.4c0-39.5-13.6-68.6-40.7-87.2a354 354 0 0091.9-19.6c15.8-5.6 30-12.2 42.6-19.9a177.8 177.8 0 0036.3-29.8 175 175 0 0029.1-41.7 228 228 0 0018.6-55.9c4.6-21.7 6.9-45.6 6.9-71.7 0-50.7-16.5-93.8-49.5-129.4 15-39.2 13.4-81.8-4.9-127.9l-12.2-1.4c-8.5-1-23.8 2.6-45.8 10.8-22 8.1-46.8 21.5-74.3 40.1a450.9 450.9 0 00-121-16.1 442 442 0 00-120.5 16.1 419.6 419.6 0 00-49.3-29.1c-15.5-7.7-27.9-13-37.2-15.7a127.6 127.6 0 00-41.4-5.6c-2.3.3-4 .6-4.9 1-18.3 46.3-20 89-4.9 127.8a183.5 183.5 0 00-49.5 129.4c0 26.1 2.3 50 6.9 71.7a228.3 228.3 0 0018.6 56 175 175 0 0029.1 41.6 177.9 177.9 0 0036.3 29.8 223.4 223.4 0 0042.6 19.9A353.2 353.2 0 00432 752c-26.8 18.3-40.2 47.3-40.2 87.2v75.9a418.4 418.4 0 01-177-105.8M512 0a512 512 0 100 1024A512 512 0 00512 0",bitbucket:"M362.3 395l53 276.5h195.4l34-198.4h283l-74.4 457a30 30 0 01-29.7 25.3H210.7a41 41 0 01-40-34.2l-127.6-775a30 30 0 0130-34.9l877.8.2a30 30 0 0130 34.8L940.5 395H362.3z",gitlab:"M186.9 75a18.7 18.7 0 0135.6 0l108.8 333.4h361.4L512 961.8 331.3 408.4H78.1zM78.1 408.5L512 961.8 36.8 618.2a37.1 37.1 0 01-13.6-41.6L78 408.4zm867.8 0l55 168.2c5 15.3-.5 32.1-13.7 41.6L512 961.8l434-553.4zM837.1 75l108.8 333.3H692.7L801.5 75a18.7 18.7 0 0135.6 0z",azuredevops:"M0,378.6 L95.8,252 L454.4,106.2 L454.4,1 L768.8,231 L126.6,355.8 L126.6,706.8 L0,670.2 L0,378.6 Z M1024,188.8 L1024,814 L778.6,1023 L381.8,892.6 L381.8,1023 L126.6,706.6 L769,783.2 L769,231 L1024,188.8 Z",discord:"M371 147c-14 0-126 3-245 91 0 0-126 227-126 507 0 0 74 126 268 132l58-71c-111-34-153-103-153-103l24 15 4 2 8 4a668 668 0 0 0 420 68 629 629 0 0 0 228-89s-44 71-159 103l58 71c194-7 268-133 268-132 0-280-126-507-126-507-126-94-246-91-246-91l-12 14a576 576 0 0 1 218 110 729 729 0 0 0-441-81l-15 1c-31 4-105 14-199 56-33 14-52 24-52 24s72-69 230-114l-9-10h-1zm-23 323c50 0 91 43 90 97 0 53-40 96-90 96-49 0-89-43-89-96 0-54 39-97 89-97zm321 0c49 0 89 43 89 97 0 53-39 96-89 96s-90-43-90-96c0-54 40-97 90-97z",contrast:"M368 713h79l266-266v-79L368 713zm192 0h153V560L560 713zm98-402h-79L311 579v79l347-347zm-192 0H311v155l155-155zm467 402V91H311v128h452c23 0 42 19 42 42v452h128zM713 933V805H261c-23 0-42-19-42-42V311H91v622h622zM982 0c23 0 42 19 42 42v721c0 23-19 42-42 42H805v177c0 23-19 42-42 42H42c-23 0-42-19-42-42V261c0-23 19-42 42-42h177V42c0-23 19-42 42-42h721z",unfold:"M512 645l8 1c21 4 37 22 37 44v181l52-52 6-6a45 45 0 0 1 58 69l-129 129-7 5a45 45 0 0 1-57-5L351 882l-5-6a45 45 0 0 1 5-57l7-6c17-12 41-10 57 6l52 52V690l1-8c4-21 22-37 44-37zM337 275a45 45 0 1 1 0 90H229l91 102h382l91-102H685a45 45 0 1 1 0-90h208c39 0 59 46 34 75L782 512l145 162c25 29 5 75-34 75H685a45 45 0 1 1 0-90h108l-91-102H320l-91 102h108a45 45 0 1 1 0 90H129c-38 0-59-46-33-75l144-162L96 350c-24-27-8-69 26-74l7-1h208zM537 8l7 6 129 129a45 45 0 0 1-58 68l-6-5-52-52v181c0 22-16 40-37 44h-8c-22 0-40-15-44-36l-1-8V153l-52 53a45 45 0 0 1-57 5l-7-5a45 45 0 0 1-5-57l5-6L480 14c16-16 40-18 57-6z",sharealt:"M130 85h332a45 45 0 0 1 8 89l-8 1H175v674h674V557a45 45 0 0 1 89-8l1 8v337c0 22-16 40-37 44l-8 1H130c-22 0-40-16-44-37l-1-8V130c0-22 16-40 37-44l8-1h332-332zm555 0h210l5 1-6-1a45 45 0 0 1 32 13l-5-4 3 3 2 1a46 46 0 0 1 12 24v2l1 5v209a45 45 0 0 1-89 8l-1-8V238L544 544a45 45 0 0 1-57 5l-7-5a45 45 0 0 1 0-64l306-305H685a45 45 0 0 1-8-89l8-1h209-209z",accessibility:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 89.6a422.4 422.4 0 100 844.8 422.4 422.4 0 000-844.8zm262.2 250a40.9 40.9 0 01-27.5 49.3l-169.1 50.7c-8.2 2.7-15.1 11-13.7 20.5 1.3 27.4 1.5 76.5 7 98.4 12.9 59 82.4 214.4 91 233.6a56 56 0 014.9 19 40 40 0 01-40 40c-18 0-30.3-12.7-38.2-28.4A34096 34096 0 01510.9 664l-77.7 165.7-1.3 2.1a40 40 0 01-69.3-39.7c8.6-19 78-174.5 90.8-233.6 5.5-21.9 6-71 7.3-98.4a21 21 0 00-13.7-20.5l-169.1-50.7a40.7 40.7 0 01-27.5-50.7c6.9-20.5 30.2-30.1 50.9-24.6 0 0 154.6 49.3 209.6 49.3s213.8-50.7 213.8-50.7c20.6-5.5 44 6.8 49.5 27.4zm-264-171.2a76.7 76.7 0 110 153.4c-42.6 0-77-34.2-77-76.7 0-41 34.4-76.7 77-76.7z",accessibilityalt:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm262.2 339.6c-5.5-20.6-28.9-32.9-49.5-27.4 0 0-158.8 50.7-213.8 50.7s-209.6-49.3-209.6-49.3c-20.7-5.5-44 4-51 24.6A40.7 40.7 0 00278 389l169 50.7a21 21 0 0113.8 20.5c-1.3 27.4-1.8 76.5-7.3 98.4-12.9 59.1-82.2 214.5-90.8 233.6a40 40 0 1070.6 37.5L511 664a34096 34096 0 0077.7 158.7c7.9 15.7 20.2 28.4 38.2 28.4a40 40 0 0040-40 56 56 0 00-4.8-19c-8.7-19.2-78.2-174.5-91.1-233.6-5.5-21.9-5.7-71-7-98.4-1.4-9.6 5.5-17.8 13.7-20.5l169.1-50.7a40.9 40.9 0 0027.5-49.3zm-264-171.2c-42.6 0-77 35.6-77 76.7a76.7 76.7 0 0077 76.7 76.7 76.7 0 100-153.4z",markup:"M1010.6 479.7L736.4 205.4a45.7 45.7 0 10-64.7 64.6l242 242L671.7 754a45.7 45.7 0 1064.7 64.6l274.1-274.2a45.6 45.6 0 000-64.6M0 511.9c0-11.7 4.5-23.4 13.4-32.3l274.1-274.2a45.7 45.7 0 1164.7 64.6L110.4 512l241.9 241.9a45.7 45.7 0 01-64.7 64.6L13.4 544.2C4.4 535.3 0 523.6 0 512",outline:"M180.1 714.3V844h129.6v94.8h-180c-24.2 0-44-19.5-44.4-43.7V714.3h94.8zM619.3 844v94.8H404.7v-94.8h214.6zm319.4-129.6v180c0 24.2-19.5 44-43.7 44.4H714.3v-94.8H844V714.3h94.8zm0-309.6v214.6h-94.8V404.7h94.8zm-758.6 0v214.6H85.3V404.7h94.8zm331.9 34a73.2 73.2 0 110 146.4 73.2 73.2 0 010-146.3zM894.2 85.4c24.3 0 44 19.5 44.5 43.7V309.7h-94.8V180H714.3V85.3h180zm-584.5 0v94.8H180v129.6H85.3v-180c0-24.2 19.5-44 43.7-44.4H309.7zm309.6 0v94.8H404.7V85.3h214.6z",verified:"M719 66l30 56c12 23 35 40 61 44l62 11c45 8 76 51 70 96l-9 63c-4 26 5 52 23 71l44 46c32 33 32 85 0 118l-44 46a85 85 0 00-23 71l9 63c6 45-25 88-70 96l-62 11c-26 4-49 21-61 44l-30 56a85 85 0 01-113 36l-57-27a85 85 0 00-74 0l-57 27c-42 21-92 4-113-36l-30-56a85 85 0 00-61-44l-62-11c-45-8-76-51-70-96l9-63c4-26-5-52-23-71l-44-46a85 85 0 010-118l44-46c18-19 27-45 23-71l-9-63c-6-45 25-88 70-96l62-11c26-4 49-21 61-44l30-56c21-40 71-57 113-36l57 27c23 12 51 12 74 0l57-27c42-21 92-4 113 36zm70 258a46 46 0 00-59 5L437 622 294 480l-6-5a46 46 0 00-59 69l175 175 6 5c18 13 43 11 59-5l326-325 4-6c13-18 12-43-4-59z",comment:"M936 85l6 1c22 3 39 21 39 44v709c0 8-2 15-5 21l-2 4c-9 12-23 20-38 20H427l-131 127c-9 9-21 13-34 13-25 0-46-20-46-45v-95H88c-25 0-45-20-45-45V130a45 45 0 0145-45zm-46 89H134v620h756V174zM768 544c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44zm0-208c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44z",commentadd:"M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zm-379 97c22 0 40 18 40 40v134h132a40 40 0 010 81H553v132a40 40 0 11-80 0V527H341a40 40 0 110-81h132V312c0-22 18-40 40-40z",requestchange:"M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zM585 310c18-18 47-18 65 0l143 144c18 17 18 46 0 64L650 661a46 46 0 01-65 0 46 46 0 010-65l65-64H266a46 46 0 110-92h384l-65-65a46 46 0 010-65z",comments:"M978.3 92.2a45 45 0 0145.7 44.6v535.6a45.2 45.2 0 01-45.7 44.6h-125v122c0 7.7-2 14.8-5.5 21.3l-2.3 3.7a46.1 46.1 0 01-38 19.6H298.8L168 1011a47 47 0 01-34.3 13.1c-25.2 0-45.7-20-45.7-44.6v-95.8H45.7c-25.2 0-45.7-20-45.7-44.5V303.4A45 45 0 0145.7 259h125v-122a45 45 0 0139.8-44.3c1.3-.1 257.2-.3 767.8-.4zM761.9 348H91.4v446.5H762V348zm-125 264c25.3 0 45.8 20 45.8 44.6A45.2 45.2 0 01637 701H216.4c-25.3 0-45.7-20-45.7-44.5a45.2 45.2 0 0145.7-44.6H637zm295.7-430.7H262V259h505.1l46.3.4a45 45 0 0139.8 44.2v324.3h79.3V181.3zM637 441.3c25.2 0 45.7 20 45.7 44.6a45.2 45.2 0 01-45.7 44.6H216.4c-25.3 0-45.7-20-45.7-44.6a45.2 45.2 0 0145.7-44.5H637z",ruler:"M83 110c-22 0-40 18-40 40v176a40 40 0 0080 0v-49h778v49a40 40 0 0080 0V150a40 40 0 10-80 0v49H123v-49c0-22-18-40-40-40zm40 458v266h778V568h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63zm103-80h691c36 0 64 28 64 64v298c0 36-28 64-64 64H107c-36 0-64-28-64-64V552c0-36 28-64 64-64h119z"},Svg=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.svg({shapeRendering:"inherit",transform:"translate3d(0,0,0)"},(function(_ref27){return _ref27.inline?{display:"inline-block"}:{display:"block"}}));Svg.displayName="Svg";var Path=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.path({fill:"currentColor"}),Icons=Object(react__WEBPACK_IMPORTED_MODULE_51__.memo)((function(_a){var icon=_a.icon,symbol=_a.symbol,props=__rest(_a,["icon","symbol"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Svg,Object.assign({viewBox:"0 0 1024 1024"},props),symbol?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("use",{xlinkHref:"#icon--".concat(symbol)}):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Path,{d:icons[icon]}))})),Symbols=Object(react__WEBPACK_IMPORTED_MODULE_51__.memo)((function(_ref28){var _ref28$icons=_ref28.icons,keys=void 0===_ref28$icons?Object.keys(icons):_ref28$icons;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map((function(key){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("symbol",{id:"icon--".concat(key),key:key},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Path,{d:icons[key]}))})))})),LEFT_BUTTON=0,isPlainLeftClick=function isPlainLeftClick(e){return!(e.button!==LEFT_BUTTON||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)},cancelled=function cancelled(e,cb){isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span((function(_ref29){return _ref29.withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{}}),(function(_ref30){return _ref30.containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}})),A$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.a((function(_ref31){var theme=_ref31.theme;return{display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}}),(function(_ref32){var colors,theme=_ref32.theme,secondary=_ref32.secondary,tertiary=_ref32.tertiary;return secondary&&(colors=[theme.color.mediumdark,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.color.mediumdark]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}}),(function(_ref33){return _ref33.nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{}}),(function(_ref34){var theme=_ref34.theme;return _ref34.inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{}}),(function(_ref35){return _ref35.isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}})),Link=function Link(_a){var cancel=_a.cancel,children=_a.children,onClick=_a.onClick,withArrow=_a.withArrow,containsIcon=_a.containsIcon,className=_a.className,rest=__rest(_a,["cancel","children","onClick","withArrow","containsIcon","className"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(A$1,Object.assign({},rest,{onClick:onClick&&cancel?function(e){return cancelled(e,onClick)}:onClick,className:className}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LinkInner,{withArrow:withArrow,containsIcon:containsIcon},children,withArrow&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"arrowright"})))};Link.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref36){var theme=_ref36.theme;return{fontSize:"".concat(theme.typography.size.s2,"px"),lineHeight:"1.6",h1:{fontSize:"".concat(theme.typography.size.l1,"px"),fontWeight:theme.typography.weight.black},h2:{fontSize:"".concat(theme.typography.size.m2,"px"),borderBottom:"1px solid ".concat(theme.appBorderColor)},h3:{fontSize:"".concat(theme.typography.size.m1,"px")},h4:{fontSize:"".concat(theme.typography.size.s3,"px")},h5:{fontSize:"".concat(theme.typography.size.s2,"px")},h6:{fontSize:"".concat(theme.typography.size.s2,"px"),color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:"1px solid ".concat(theme.appBorderColor),height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:"4px solid ".concat(theme.color.medium),padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:"1px solid ".concat(theme.appBorderColor),backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:"1px solid ".concat(theme.appBorderColor),textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:"1px solid ".concat(theme.appBorderColor),textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:"1px solid ".concat(theme.color.medium),display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:"1px solid ".concat(theme.color.mediumlight),backgroundColor:theme.color.lighter,borderRadius:3,color:"dark"===theme.base&&theme.color.darkest}}})),Container$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref37){return{position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:_ref37.theme.background.content,zIndex:1}})),ActionButton=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.button((function(_ref38){var theme=_ref38.theme;return{margin:0,border:"0 none",padding:"4px 10px",cursor:"pointer",display:"flex",alignItems:"center",color:theme.color.defaultText,background:theme.background.content,fontSize:12,lineHeight:"16px",fontFamily:theme.typography.fonts.base,fontWeight:theme.typography.weight.bold,borderTop:"1px solid ".concat(theme.appBorderColor),borderLeft:"1px solid ".concat(theme.appBorderColor),marginLeft:-1,borderRadius:"4px 0 0 0","&:not(:last-child)":{borderRight:"1px solid ".concat(theme.appBorderColor)},"& + *":{borderLeft:"1px solid ".concat(theme.appBorderColor),borderRadius:0},"&:focus":{boxShadow:"".concat(theme.color.secondary," 0 -3px 0 0 inset"),outline:"0 none"}}}),(function(_ref39){return _ref39.disabled&&{cursor:"not-allowed",opacity:.5}}));ActionButton.displayName="ActionButton";var ActionBar=function ActionBar(_a){var actionItems=_a.actionItems,props=__rest(_a,["actionItems"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Container$1,Object.assign({},props),actionItems.map((function(_ref40,index){var title=_ref40.title,className=_ref40.className,onClick=_ref40.onClick,disabled=_ref40.disabled;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ActionButton,{key:index,className:className,onClick:onClick,disabled:disabled},title)})))},toNumber=function toNumber(input){return"number"==typeof input?input:Number(input)},Container=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref41){var theme=_ref41.theme,col=_ref41.col,_ref41$row=_ref41.row,row=void 0===_ref41$row?1:_ref41$row;return col?_defineProperty2({display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"}},"& > *:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{marginLeft:0}):_defineProperty2({"& > *":{marginTop:row*theme.layoutMargin}},"& > *:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{marginTop:0})}),(function(_ref44){var theme=_ref44.theme,outer=_ref44.outer,col=_ref44.col,row=_ref44.row;switch(!0){case!(!outer||!col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!(!outer||!row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}})),Spaced=function Spaced(_a){var col=_a.col,row=_a.row,outer=_a.outer,children=_a.children,rest=__rest(_a,["col","row","outer","children"]),outerAmount=toNumber("number"!=typeof outer&&outer?col||row:outer);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Container,Object.assign({col:col,row:row,outer:outerAmount},rest),children)},Title$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref45){return{fontWeight:_ref45.theme.typography.weight.bold}})),Desc$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div(),Message$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref46){var theme=_ref46.theme;return{padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1}})),Placeholder=function Placeholder(_a){var children=_a.children,props=__rest(_a,["children"]),_Children$toArray2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children),2),title=_Children$toArray2[0],desc=_Children$toArray2[1];return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Message$1,Object.assign({},props),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Title$3,null,title),desc&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Desc$1,null,desc))},GlobalScrollAreaStyles=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(8).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/GlobalScrollAreaStyles-8793ce4a.js"))})),OverlayScrollbars=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(9).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/OverlayScrollbars-9b821cbe.js"))})),Scroller=function Scroller(_a){var props=__rest(_a,["horizontal","vertical"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",Object.assign({},props))},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(GlobalScrollAreaStyles,null),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(OverlayScrollbars,Object.assign({options:{scrollbars:{autoHide:"leave"}}},props)))},ScrollArea=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Scroller)((function(_ref47){return _ref47.vertical?{overflowY:"auto",height:"100%"}:{overflowY:"hidden"}}),(function(_ref48){return _ref48.horizontal?{overflowX:"auto",width:"100%"}:{overflowX:"hidden"}}));ScrollArea.defaultProps={horizontal:!1,vertical:!1};var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==global?global:"undefined"!=typeof self?self:{},win;function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x}win="undefined"!=typeof window?window:void 0!==commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{};var window_1=win,globalWindow$2=window_1.window;function browserSupportsCssZoom(){try{return void 0!==globalWindow$2.document.implementation.createHTMLDocument("").body.style.zoom}catch(error){return!1}}var ZoomElementWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref49){var _ref49$scale=_ref49.scale,scale=void 0===_ref49$scale?1:_ref49$scale,height=_ref49.height;return browserSupportsCssZoom()?{"> *":{zoom:1/scale}}:{height:height+50,transformOrigin:"top left",transform:"scale(".concat(1/scale,")")}}));function ZoomElement(_ref50){var scale=_ref50.scale,children=_ref50.children,componentWrapperRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null),_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(0),2),height=_useState2[0],setHeight=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)}),[scale,componentWrapperRef.current]),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ZoomElementWrapper,{scale:scale,height:height},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=function(_Component){_inherits(ZoomIFrame,_Component);var _super=_createSuper(ZoomIFrame);function ZoomIFrame(){var _this2;return _classCallCheck(this,ZoomIFrame),(_this2=_super.apply(this,arguments)).iframe=null,_this2}return _createClass(ZoomIFrame,[{key:"componentDidMount",value:function componentDidMount(){var iFrameRef=this.props.iFrameRef;this.iframe=iFrameRef.current}},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var _this$props=this.props,scale=_this$props.scale,active=_this$props.active;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}},{key:"setIframeInnerZoom",value:function setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale}):Object.assign(this.iframe.contentDocument.body.style,{width:"".concat(100*scale,"%"),height:"".concat(100*scale,"%"),transform:"scale(".concat(1/scale,")"),transformOrigin:"top left"})}catch(e){this.setIframeZoom(scale)}}},{key:"setIframeZoom",value:function setIframeZoom(scale){Object.assign(this.iframe.style,{width:"".concat(100*scale,"%"),height:"".concat(100*scale,"%"),transform:"scale(".concat(1/scale,")"),transformOrigin:"top left"})}},{key:"render",value:function render(){return this.props.children}}]),ZoomIFrame}(react__WEBPACK_IMPORTED_MODULE_51__.Component),Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame},ButtonWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.button((function(_ref51){var small=_ref51.small,theme=_ref51.theme;return{border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:"".concat(small?theme.typography.size.s1:theme.typography.size.s2-1,"px"),fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?14:16,width:small?14:16,verticalAlign:"top",marginRight:small?4:6,marginTop:small?-1:-2,marginBottom:small?-1:-2,pointerEvents:"none",path:{fill:"currentColor"}}}}),(function(_ref52){return _ref52.disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{}}),(function(_ref53){var containsIcon=_ref53.containsIcon,small=_ref53.small;return containsIcon?Object.assign({svg:{display:"block",margin:0}},small?{padding:9}:{padding:12}):{}}),(function(_ref54){var color,theme=_ref54.theme,primary=_ref54.primary,secondary=_ref54.secondary,gray=_ref54.gray;return gray?color=theme.color.medium:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:"".concat(rgba(color,1)," 0 1px 9px 2px"),outline:"none"},"&:focus:hover":{boxShadow:"".concat(rgba(color,.2)," 0 8px 18px 0px")}}:{}}),(function(_ref55){var theme=_ref55.theme,tertiary=_ref55.tertiary,inForm=_ref55.inForm,small=_ref55.small;return tertiary?Object.assign(Object.assign({background:"light"===theme.base?curriedDarken$1(.02,theme.input.background):curriedLighten$1(.02,theme.input.background),color:theme.input.color,boxShadow:"".concat(theme.input.border," 0 0 0 1px inset"),borderRadius:theme.input.borderRadius},inForm&&small?{padding:"10px 16px"}:{}),{"&:hover":Object.assign({background:"light"===theme.base?curriedDarken$1(.05,theme.input.background):curriedLighten$1(.05,theme.input.background)},inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}),"&:active":{background:theme.input.background},"&:focus":{boxShadow:"".concat(rgba(theme.color.secondary,1)," 0 0 0 1px inset"),outline:"none"}}):{}}),(function(_ref56){var theme=_ref56.theme;return _ref56.outline?{boxShadow:"".concat(curriedTransparentize$1(.8,theme.color.defaultText)," 0 0 0 1px inset"),color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:"".concat(curriedTransparentize$1(.5,theme.color.defaultText)," 0 0 0 1px inset"),outline:"none"},"&:active":{boxShadow:"".concat(curriedTransparentize$1(.5,theme.color.defaultText)," 0 0 0 2px inset"),color:curriedTransparentize$1(0,theme.color.defaultText)}}:{}}),(function(_ref57){var theme=_ref57.theme,outline=_ref57.outline,primary=_ref57.primary,color=theme.color.primary;return outline&&primary?{boxShadow:"".concat(color," 0 0 0 1px inset"),color:color,"svg path":{fill:color},"&:hover":{boxShadow:"".concat(color," 0 0 0 1px inset"),background:"transparent"},"&:active":{background:color,boxShadow:"".concat(color," 0 0 0 1px inset"),color:theme.color.tertiary},"&:focus":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.4)," 0 1px 9px 2px"),outline:"none"},"&:focus:hover":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.2)," 0 8px 18px 0px")}}:{}}),(function(_ref58){var color,theme=_ref58.theme,outline=_ref58.outline,primary=_ref58.primary;return _ref58.secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:"".concat(color," 0 0 0 1px inset"),color:color,"svg path":{fill:color},"&:hover":{boxShadow:"".concat(color," 0 0 0 1px inset"),background:"transparent"},"&:active":{background:color,boxShadow:"".concat(color," 0 0 0 1px inset"),color:theme.color.tertiary},"&:focus":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.4)," 0 1px 9px 2px"),outline:"none"},"&:focus:hover":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.2)," 0 8px 18px 0px")}}:{}})),ButtonLink=ButtonWrapper.withComponent("a"),Button$2=Object.assign(Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var isLink=_a.isLink,children=_a.children,props=__rest(_a,["isLink","children"]);return isLink?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ButtonLink,Object.assign({},props,{ref:ref}),children):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ButtonWrapper,Object.assign({},props,{ref:ref}),children)})),{defaultProps:{isLink:!1}}),Wrapper$7=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.label((function(_ref59){var theme=_ref59.theme;return{display:"flex",borderBottom:"1px solid ".concat(theme.appBorderColor),margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}}})),Label$4=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span((function(_ref60){return{minWidth:100,fontWeight:_ref60.theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"}})),Field=function Field(_a){var label=_a.label,children=_a.children,props=__rest(_a,["label","children"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$7,Object.assign({},props),label?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Label$4,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,label)):null,children)};function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}Field.defaultProps={label:void 0};var index$1="undefined"!=typeof document?react__WEBPACK_IMPORTED_MODULE_51__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_51__.useEffect,useLatest=function useLatest(value){var ref=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(value);return index$1((function(){ref.current=value})),ref},updateRef=function updateRef(ref,value){"function"!=typeof ref?ref.current=value:ref(value)},useComposedRef=function useComposedRef(libRef,userRef){var prevUserRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)();return Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)}),[userRef])},HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function forceHiddenStyles(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach((function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")}))},hiddenTextarea=null,getHeight=function getHeight(node,sizingData){var height=node.scrollHeight;return"border-box"===sizingData.sizingStyle.boxSizing?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){void 0===minRows&&(minRows=1),void 0===maxRows&&(maxRows=1/0),hiddenTextarea||((hiddenTextarea=document.createElement("textarea")).setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),null===hiddenTextarea.parentNode&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach((function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]})),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;"border-box"===boxSizing&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return"border-box"===boxSizing&&(maxHeight=maxHeight+paddingSize+borderSize),[height=Math.min(maxHeight,height),rowHeight]}var noop$2=function noop(){},pick=function pick(props,obj){return props.reduce((function(acc,prop){return acc[prop]=obj[prop],acc}),{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE="undefined"!=typeof document&&!!document.documentElement.currentStyle,getSizingData=function getSizingData(node){var style=window.getComputedStyle(node);if(null===style)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;return""===boxSizing?null:(isIE&&"border-box"===boxSizing&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px"),{sizingStyle:sizingStyle,paddingSize:parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize:parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth)})},useWindowResizeListener=function useWindowResizeListener(listener){var latestListener=useLatest(listener);Object(react__WEBPACK_IMPORTED_MODULE_51__.useLayoutEffect)((function(){var handler=function handler(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}}),[])},TextareaAutosize=function TextareaAutosize(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?noop$2:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=void 0===_ref$onHeightChange?noop$2:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);var isControlled=void 0!==props.value,libRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null),ref=useComposedRef(libRef,userRef),heightRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(0),measurementsCacheRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(),resizeTextarea=function resizeTextarea(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight:rowHeight}))}};return"undefined"!=typeof document&&(Object(react__WEBPACK_IMPORTED_MODULE_51__.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),Object(react__WEBPACK_IMPORTED_MODULE_51__.createElement)("textarea",_extends({},props,{onChange:function handleChange(event){isControlled||resizeTextarea(),onChange(event)},ref:ref}))},index=Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)(TextareaAutosize),TextareaAutoResize=index,styleResets$1={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=function styles(_ref61){var theme=_ref61.theme;return Object.assign(Object.assign({},styleResets$1),{transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:"".concat(theme.input.border," 0 0 0 1px inset"),borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset"),outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 3em ".concat(theme.color.lightest," inset")},"::placeholder":{color:theme.color.mediumdark}})},sizes=function sizes(_ref62){switch(_ref62.size){case"100%":return{width:"100%"};case"flex":return{flex:1};default:return{display:"inline"}}},alignment=function alignment(_ref63){switch(_ref63.align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};default:return{textAlign:"left"}}},validation=function validation(_ref64){var valid=_ref64.valid,theme=_ref64.theme;switch(valid){case"valid":return{boxShadow:"".concat(theme.color.positive," 0 0 0 1px inset !important")};case"error":return{boxShadow:"".concat(theme.color.negative," 0 0 0 1px inset !important")};case"warn":return{boxShadow:"".concat(theme.color.warning," 0 0 0 1px inset")};default:return{}}},Input$1=Object.assign(Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("input",Object.assign({},props,{ref:ref}))})))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("select",Object.assign({},props,{ref:ref}))})))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TextareaAutoResize,Object.assign({},props,{ref:ref}))})))(styles,sizes,alignment,validation,(function(_ref65){var _ref65$height=_ref65.height;return{overflow:"visible",maxHeight:void 0===_ref65$height?400:_ref65$height}})),{displayName:"Textarea"}),ButtonStyled=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Button$2,Object.assign({},props,{ref:ref}))})))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button$1=Object.assign(Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(props,ref){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ButtonStyled,Object.assign({},props,{tertiary:!0,small:!0,inForm:!0},{ref:ref}))})),{displayName:"Button"}),Form=Object.assign(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.form({boxSizing:"border-box",width:"100%"}),{Field:Field,Input:Input$1,Select:Select,Textarea:Textarea,Button:Button$1}),LazyWithTooltip=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(1).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/WithTooltip-2fc4c925.js")).then((function(mod){return{default:mod.WithTooltip}}))})),WithTooltip=function WithTooltip(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null)},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LazyWithTooltip,Object.assign({},props)))},LazyWithTooltipPure=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(1).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/WithTooltip-2fc4c925.js")).then((function(mod){return{default:mod.WithTooltipPure}}))})),WithTooltipPure=function WithTooltipPure(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null)},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LazyWithTooltipPure,Object.assign({},props)))},Title$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref66){return{fontWeight:_ref66.theme.typography.weight.black}})),Desc=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span(),Links=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref67){return{marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:_ref67.theme.typography.weight.black}}})),Message=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref68){return{color:_ref68.theme.textColor,lineHeight:"18px"}})),MessageWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=function TooltipMessage(_ref69){var title=_ref69.title,desc=_ref69.desc,links=_ref69.links;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(MessageWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Message,null,title&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Title$2,null,title),desc&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Desc,null,desc)),links&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Links,null,links.map((function(_a){var linkTitle=_a.title,other=__rest(_a,["title"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Link,Object.assign({},other,{key:linkTitle}),linkTitle)}))))};TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref70){var theme=_ref70.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"light"===theme.base?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6}})),TooltipNote=function TooltipNote(_a){var note=_a.note,props=__rest(_a,["note"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Note,Object.assign({},props),note)};function Similar(){return this.list=[],this.lastItem=void 0,this.size=0,this}Similar.prototype.get=function(key){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?this.lastItem.val:(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val):void 0},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key:key,val:val},this.list.push(this.lastItem),this.size++,this)},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),(index=this.indexOf(key))>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return!(!this.lastItem||!this.isEqual(this.lastItem.key,key))||(index=this.indexOf(key))>=0&&(this.lastItem=this.list[index],!0)},Similar.prototype.forEach=function(callback,thisArg){var i;for(i=0;i<this.size;i++)callback.call(thisArg||this,this.list[i].val,this.list[i].key,this)},Similar.prototype.indexOf=function(key){var i;for(i=0;i<this.size;i++)if(this.isEqual(this.list[i].key,key))return i;return-1},Similar.prototype.isEqual=function(val1,val2){return val1===val2||val1!=val1&&val2!=val2};var similar=Similar,mapOrSimilar=function mapOrSimilar(forceSimilar){return"function"!=typeof Map||forceSimilar?new similar:new Map},MapOrSimilar=mapOrSimilar,memoizerific=function memoizerific(limit){var cache=new MapOrSimilar("true"===process.env.FORCE_SIMILAR_INSTEAD_OF_MAP),lru=[];return function(fn){var memoizerific=function memoizerific(){var newMap,fnResult,i,currentCache=cache,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0;if((memoizerific.numArgs||0===memoizerific.numArgs)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i=0;i<argsLengthMinusOne;i++)lruPath[i]={cacheItem:currentCache,arg:arguments[i]},currentCache.has(arguments[i])?currentCache=currentCache.get(arguments[i]):(isMemoized=!1,newMap=new MapOrSimilar("true"===process.env.FORCE_SIMILAR_INSTEAD_OF_MAP),currentCache.set(arguments[i],newMap),currentCache=newMap);return isMemoized&&(currentCache.has(arguments[argsLengthMinusOne])?fnResult=currentCache.get(arguments[argsLengthMinusOne]):isMemoized=!1),isMemoized||(fnResult=fn.apply(null,arguments),currentCache.set(arguments[argsLengthMinusOne],fnResult)),limit>0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}};function moveToMostRecentLru(lru,lruPath){var isMatch,i,ii,lruLen=lru.length,lruPathLen=lruPath.length;for(i=0;i<lruLen;i++){for(isMatch=!0,ii=0;ii<lruPathLen;ii++)if(!isEqual(lru[i][ii].arg,lruPath[ii].arg)){isMatch=!1;break}if(isMatch)break}lru.push(lru.splice(i,1)[0])}function removeCachedResult(removedLru){var tmp,i,removedLruLen=removedLru.length,currentLru=removedLru[removedLruLen-1];for(currentLru.cacheItem.delete(currentLru.arg),i=removedLruLen-2;i>=0&&(!(tmp=(currentLru=removedLru[i]).cacheItem.get(currentLru.arg))||!tmp.size);i--)currentLru.cacheItem.delete(currentLru.arg)}function isEqual(val1,val2){return val1===val2||val1!=val1&&val2!=val2}var Title$1=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)((function(_a){var rest=__rest(_a,["active","loading","disabled"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",Object.assign({},rest))}))((function(_ref71){var theme=_ref71.theme;return{color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}}),(function(_ref72){var active=_ref72.active,theme=_ref72.theme;return active?{color:theme.color.primary,fontWeight:theme.typography.weight.bold}:{}}),(function(_ref73){var loading=_ref73.loading,theme=_ref73.theme;return loading?Object.assign({display:"inline-block",flex:"none"},theme.animation.inlineGlow):{}}),(function(_ref74){var disabled=_ref74.disabled,theme=_ref74.theme;return disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}})),Right=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},(function(_ref75){var active=_ref75.active,theme=_ref75.theme;return active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}})),Center=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),CenterText=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({flex:1,textAlign:"center"},(function(_ref76){var active=_ref76.active,theme=_ref76.theme;return active?{color:theme.color.primary}:{}}),(function(_ref77){var theme=_ref77.theme;return _ref77.disabled?{color:theme.color.mediumdark}:{}})),Left=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span((function(_ref78){var active=_ref78.active,theme=_ref78.theme;return active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}})),Item$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.a((function(_ref79){var theme=_ref79.theme;return{fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}}),(function(_ref80){return _ref80.disabled?{cursor:"not-allowed"}:{}})),getItemProps=memoizerific(100)((function(onClick,href,LinkWrapper){var result={};return onClick&&Object.assign(result,{onClick:onClick}),href&&Object.assign(result,{href:href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result})),ListItem=function ListItem(_a){var loading=_a.loading,left=_a.left,title=_a.title,center=_a.center,right=_a.right,active=_a.active,disabled=_a.disabled,href=_a.href,onClick=_a.onClick,LinkWrapper=_a.LinkWrapper,rest=__rest(_a,["loading","left","title","center","right","active","disabled","href","onClick","LinkWrapper"]),itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active:active,disabled:disabled};return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Item$3,Object.assign({},commonProps,rest,itemProps),left&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Left,Object.assign({},commonProps),left),title||center?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Center,null,title&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Title$1,Object.assign({},commonProps,{loading:loading}),title),center&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(CenterText,Object.assign({},commonProps),center)):null,right&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Right,Object.assign({},commonProps),right))};ListItem.defaultProps={loading:!1,left:null,title:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var List$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:432},(function(_ref81){return{borderRadius:2*_ref81.theme.appBorderRadius}})),Item$2=function Item$2(props){var LinkWrapper=props.LinkWrapper,onClickFromProps=props.onClick,rest=__rest(props,["LinkWrapper","onClick"]),title=rest.title,href=rest.href,active=rest.active,onClick=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(event){onClickFromProps(event,rest)}),[onClickFromProps]),hasOnClick=!!onClickFromProps;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ListItem,Object.assign({title:title,active:active,href:href,LinkWrapper:LinkWrapper},rest,hasOnClick?{onClick:onClick}:{}))},TooltipLinkList=function TooltipLinkList(_ref82){var links=_ref82.links,LinkWrapper=_ref82.LinkWrapper;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(List$2,null,links.map((function(_a){var isGatsby=_a.isGatsby,p=__rest(_a,["isGatsby"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Item$2,Object.assign({key:p.id,LinkWrapper:isGatsby?LinkWrapper:null},p))})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem.defaultProps.LinkWrapper};var Side=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},(function(_ref83){return _ref83.left?{"& > *":{marginLeft:4}}:{}}),(function(_ref84){return _ref84.right?{marginLeft:30,"& > *":{marginRight:4}}:{}}));Side.displayName="Side";var Bar$1=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)((function(_ref85){var children=_ref85.children,className=_ref85.className;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ScrollArea,{horizontal:!0,vertical:!1,className:className},children)}))((function(_ref86){return{color:_ref86.theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}}),(function(_ref87){var theme=_ref87.theme;return _ref87.border?{boxShadow:"".concat(theme.appBorderColor,"  0 -1px 0 0 inset"),background:theme.barBg}:{}}));Bar$1.displayName="Bar";var BarInner=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref88){return{display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:_ref88.bgColor||""}})),FlexBar=function FlexBar(_a){var children=_a.children,backgroundColor=_a.backgroundColor,rest=__rest(_a,["children","backgroundColor"]),_Children$toArray4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children),2),left=_Children$toArray4[0],right=_Children$toArray4[1];return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Bar$1,Object.assign({},rest),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(BarInner,{bgColor:backgroundColor},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Side,{left:!0},left),right?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var top="top",bottom="bottom",right="right",left="left",auto="auto",basePlacements=[top,bottom,right,left],start="start",end="end",clippingParents="clippingParents",viewport="viewport",popper="popper",reference="reference",variationPlacements=basePlacements.reduce((function(acc,placement){return acc.concat([placement+"-"+start,placement+"-"+end])}),[]),placements=[].concat(basePlacements,[auto]).reduce((function(acc,placement){return acc.concat([placement,placement+"-"+start,placement+"-"+end])}),[]),beforeRead="beforeRead",read="read",afterRead="afterRead",beforeMain="beforeMain",main="main",afterMain="afterMain",beforeWrite="beforeWrite",write="write",afterWrite="afterWrite",modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite],ButtonOrLink=function ButtonOrLink(_a){var children=_a.children,restProps=__rest(_a,["children"]);return null!=restProps.href?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("a",Object.assign({},restProps),children):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",Object.assign({type:"button"},restProps),children)},TabButton=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(ButtonOrLink,{shouldForwardProp:_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.g})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},(function(_ref89){return{padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:_ref89.theme.color.secondary}}}),(function(_ref90){var active=_ref90.active,textColor=_ref90.textColor,theme=_ref90.theme;return active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"}}));TabButton.displayName="TabButton";var IconButton=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(ButtonOrLink,{shouldForwardProp:_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.g})((function(){return{alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}}),(function(_ref91){var active=_ref91.active,theme=_ref91.theme;return active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{}}),(function(_ref92){var disabled=_ref92.disabled,theme=_ref92.theme;return disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}}}));IconButton.displayName="IconButton";var IconPlaceholder=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref93){var theme=_ref93.theme;return{width:14,height:14,backgroundColor:theme.appBorderColor,animation:"".concat(theme.animation.glow," 1.5s ease-in-out infinite")}})),IconButtonSkeletonWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(){return{marginTop:6,padding:7,height:28}})),IconButtonSkeleton=function IconButtonSkeleton(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButtonSkeletonWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconPlaceholder,null))},ignoreSsrWarning="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper$6=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref94){var theme=_ref94.theme;return _ref94.bordered?{backgroundClip:"padding-box",border:"1px solid ".concat(theme.appBorderColor),borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{}}),(function(_ref95){return _ref95.absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}})),TabBar=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),Content=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"block",position:"relative"},(function(_ref96){var theme=_ref96.theme;return{fontSize:theme.typography.size.s2-1,background:theme.background.content}}),(function(_ref97){var bordered=_ref97.bordered,theme=_ref97.theme;return bordered?{borderRadius:"0 0 ".concat(theme.appBorderRadius-1,"px ").concat(theme.appBorderRadius-1,"px")}:{}}),(function(_ref98){var absolute=_ref98.absolute,bordered=_ref98.bordered;return absolute?_defineProperty2({height:"calc(100% - ".concat(bordered?42:40,"px)"),position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto"},"& > *:first-child".concat(ignoreSsrWarning),{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:"calc(100% - ".concat(bordered?2:0,"px)"),overflow:"auto"}):{}})),VisuallyHidden=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref100){return _ref100.active?{display:"block"}:{display:"none"}})),TabWrapper=function TabWrapper(_ref101){var active=_ref101.active,render=_ref101.render,children=_ref101.children;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(VisuallyHidden,{active:active},render?render():children)},childrenToList=function childrenToList(children,selected){return react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children).map((function(_ref102,index){var _ref102$props=_ref102.props,title=_ref102$props.title,id=_ref102$props.id,color=_ref102$props.color,childrenOfChild=_ref102$props.children,content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:0===index,title:title,id:id,color:color,render:"function"==typeof content?content:function(_ref103){var active=_ref103.active,key=_ref103.key;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(VisuallyHidden,{key:key,active:active,role:"tabpanel"},content)}}}))},Tabs=Object(react__WEBPACK_IMPORTED_MODULE_51__.memo)((function(_ref104){var children=_ref104.children,selected=_ref104.selected,actions=_ref104.actions,absolute=_ref104.absolute,bordered=_ref104.bordered,tools=_ref104.tools,backgroundColor=_ref104.backgroundColor,htmlId=_ref104.id,list=childrenToList(children,selected);return list.length?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$6,{absolute:absolute,bordered:bordered,id:htmlId},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(FlexBar,{border:!0,backgroundColor:backgroundColor},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TabBar,{role:"tablist"},list.map((function(_ref105){var title=_ref105.title,id=_ref105.id,active=_ref105.active,color=_ref105.color,tabTitle="function"==typeof title?title():title;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TabButton,{id:"tabbutton-".concat(Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_53__.sanitize)(tabTitle)),className:"tabbutton ".concat(active?"tabbutton-active":""),type:"button",key:id,active:active,textColor:color,onClick:function onClick(e){e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)}))),tools?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,tools):null),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Content,{id:"panel-tab-content",bordered:bordered,absolute:absolute},list.map((function(_ref106){var id=_ref106.id,active=_ref106.active;return(0,_ref106.render)({key:id,active:active})})))):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Placeholder,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:"title"},"Nothing found"))}));Tabs.displayName="Tabs",Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=function(_Component2){_inherits(TabsState,_Component2);var _super2=_createSuper(TabsState);function TabsState(props){var _this3;return _classCallCheck(this,TabsState),(_this3=_super2.call(this,props)).handlers={onSelect:function onSelect(id){return _this3.setState({selected:id})}},_this3.state={selected:props.initial},_this3}return _createClass(TabsState,[{key:"render",value:function render(){var _this$props2=this.props,_this$props2$bordered=_this$props2.bordered,bordered=void 0!==_this$props2$bordered&&_this$props2$bordered,_this$props2$absolute=_this$props2.absolute,absolute=void 0!==_this$props2$absolute&&_this$props2$absolute,children=_this$props2.children,backgroundColor=_this$props2.backgroundColor,selected=this.state.selected;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Tabs,{bordered:bordered,absolute:absolute,selected:selected,backgroundColor:backgroundColor,actions:this.handlers},children)}}]),TabsState}(react__WEBPACK_IMPORTED_MODULE_51__.Component);TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};var Separator=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span((function(_ref107){return{width:1,height:20,background:_ref107.theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}}),(function(_ref108){return _ref108.force?{}:{"& + &":{display:"none"}}}));Separator.displayName="Separator";var interleaveSeparators=function interleaveSeparators(list){return list.reduce((function(acc,item,index){return item?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:item.id||item.key||"f-".concat(index)},acc,index>0?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Separator,{key:"s-".concat(index)}):null,item.render()||item):acc}),null)},usePrevious=function usePrevious(value){var ref=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)();return Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){ref.current=value}),[value]),ref.current},useUpdate=function useUpdate(update,value){var previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=function AddonPanel(_ref109){var active=_ref109.active,children=_ref109.children;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{hidden:!active,style:{transform:"translateX(0px)"}},useUpdate(active,children))},StorybookLogo=function StorybookLogo(_a){var alt=_a.alt,props=__rest(_a,["alt"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("svg",Object.assign({width:"200px",height:"40px",viewBox:"0 0 200 40"},props,{role:"img"}),alt?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("title",null,alt):null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("defs",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("mask",{id:"b",fill:"#fff"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("use",{xlinkHref:"#a"})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})))},StorybookIcon=function StorybookIcon(_a){var props=__rest(_a,[]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("svg",Object.assign({viewBox:"0 0 64 64"},props),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("title",null,"Storybook icon"),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})))};function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var n=/[\'\"]/,r=["children","options"],o=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((function(t,e){return t[e.toLowerCase()]=e,t}),{for:"htmlFor"}),c={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},a=["style","script"],u=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,i=/mailto:/i,l=/\n{2,}$/,s=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,_2=/^ *> ?/gm,f=/^ {2,}\n/,d=/^(?:( *[-*_]) *){3,}(?:\n *)+\n/,p=/^\s*(`{3,}|~{3,}) *(\S+)? *\n([\s\S]+?)\s*\1 *(?:\n *)+\n?/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,y=/^(?:\n *)*\n/,h=/\r\n?/g,k=/^\[\^([^\]]+)](:.*)\n/,x=/^\[\^([^\]]+)]/,v=/\f/g,b=/^\s*?\[(x|\s)\]/,S=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,$=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,w=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,z=/&([a-z]+);/g,E=/^<!--[\s\S]*?(?:-->)/,A=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,R=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,I=/^\{.*\}$/,M=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,O=/^<([^ >]+@[^ >]+)>/,B=/^<([^ >]+:\/[^ >]+)>/,L=/ *\n+$/,T=/(?:^|\n)( *)$/,j=/-([a-z])?/gi,C=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,D=/^\[([^\]]*)\]:\s*(\S+)\s*("([^"]*)")?/,N=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,Z=/^\[([^\]]*)\] ?\[([^\]]*)\]/,F=/(\[|\])/g,P=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,G=/\t/g,H=/^ *\| */,q=/(^ *\||\| *$)/g,U=/ *$/,V=/^ *:-+: *$/,W=/^ *:-+ *$/,Q=/^ *-+: *$/,X=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,J=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,K=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,Y=/^\\([^0-9A-Za-z\s])/,tt=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,et=/^\n+/,nt=/^([ \t]*)/,rt=/\\([^0-9A-Z\s])/gi,ot=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +"),ct=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +[^\\n]*(?:\\n(?!\\1(?:[*+-]|\\d+\\.) )[^\\n]*)*(\\n|$)","gm"),at=new RegExp("^( *)((?:[*+-]|\\d+\\.)) [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1(?:[*+-]|\\d+\\.) (?!(?:[*+-]|\\d+\\.) ))\\n*|\\s*\\n*$)"),ut="(?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*",it=new RegExp("^\\[("+ut+")\\]\\(\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),lt=new RegExp("^!\\[("+ut+")\\]\\(\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),st=[s,g,p,S,$,E,ct,at,C],_t=[].concat(st,[/^[^\n]+(?:  \n|\n{2,})/,w,R]);function ft(t){return t.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function dt(t){return Q.test(t)?"right":V.test(t)?"center":W.test(t)?"left":null}function pt(t,e,n){var r=n.t;n.t=!0;var o=e(t.trim(),n);n.t=r;var c=[[]];return o.forEach((function(t,e){"tableSeparator"===t.type?0!==e&&e!==o.length-1&&c.push([]):("text"!==t.type||null!=o[e+1]&&"tableSeparator"!==o[e+1].type||(t.content=t.content.replace(U,"")),c[c.length-1].push(t))})),c}function gt(t,e,n){n.o=!0;var r=pt(t[1],e,n),o=t[2].replace(q,"").split("|").map(dt),c=function(t,e,n){return t.trim().split("\n").map((function(t){return pt(t,e,n)}))}(t[3],e,n);return n.o=!1,{align:o,cells:c,header:r,type:"table"}}function mt(t,e){return null==t.align[e]?{}:{textAlign:t.align[e]}}function yt(t){return function(e,n){return n.o?t.exec(e):null}}function ht(t){return function(e,n){return n.o||n.u?t.exec(e):null}}function kt(t){return function(e,n){return n.o||n.u?null:t.exec(e)}}function xt(t){return function(e){return t.exec(e)}}function vt(t,e,n){if(e.o||e.u)return null;if(n&&!n.endsWith("\n"))return null;var r="";t.split("\n").every((function(t){return!st.some((function(e){return e.test(t)}))&&(r+=t+"\n",t.trim())}));var o=r.trimEnd();return""==o?null:[r,o]}function bt(t){try{if(decodeURIComponent(t).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data):/i))return null}catch(t){return null}return t}function St(t){return t.replace(rt,"$1")}function $t(t,e,n){var r=n.o||!1,o=n.u||!1;n.o=!0,n.u=!0;var c=t(e,n);return n.o=r,n.u=o,c}function wt(t,e,n){var r=n.o||!1,o=n.u||!1;n.o=!1,n.u=!0;var c=t(e,n);return n.o=r,n.u=o,c}function zt(t,e,n){return n.o=!1,t(e+"\n\n",n)}var Et=function Et(t,e,n){return{content:$t(e,t[1],n)}},Ot,t;function At(){return{}}function Rt(){return null}function It(){for(var _len3=arguments.length,t=new Array(_len3),_key3=0;_key3<_len3;_key3++)t[_key3]=arguments[_key3];return t.filter(Boolean).join(" ")}function Mt(t,e,n){for(var r=t,o=e.split(".");o.length&&void 0!==(r=r[o[0]]);)o.shift();return r||n}function Bt(r){var q=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};q.overrides=q.overrides||{},q.slugify=q.slugify||ft,q.namedCodesToUnicode=q.namedCodesToUnicode?e({},c,q.namedCodesToUnicode):c;var U=q.createElement||react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement;function V(t,n){for(var o=Mt(q.overrides,"".concat(t,".props"),{}),_len4=arguments.length,r=new Array(_len4>2?_len4-2:0),_key4=2;_key4<_len4;_key4++)r[_key4-2]=arguments[_key4];return U.apply(void 0,[function(t,e){var n=Mt(e,t);return n?"function"==typeof n||"object"==_typeof(n)&&"render"in n?n:Mt(e,"".concat(t,".component"),t):t}(t,q.overrides),e({},n,o,{className:It(null==n?void 0:n.className,o.className)||void 0})].concat(r))}function W(e){var n=!1;q.forceInline?n=!0:q.forceBlock||(n=!1===P.test(e));for(var r=pt(dt(n?e:"".concat(e.trimEnd().replace(et,""),"\n\n"),{o:n}));"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===q.wrapper)return r;var c,o=q.wrapper||(n?"span":"div");if(r.length>1||q.forceWrapper)c=r;else{if(1===r.length)return"string"==typeof(c=r[0])?V("span",{key:"outer"},c):c;c=null}return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(o,{key:"outer"},c)}function Q(e){var r=e.match(u);return r?r.reduce((function(e,r,c){var t,a=r.indexOf("=");if(-1!==a){var _u=(t=r.slice(0,a),-1!==t.indexOf("-")&&null===t.match(A)&&(t=t.replace(j,(function(t,e){return e.toUpperCase()}))),t).trim(),_i2=function(t){return t?(n.test(t.charAt(0))&&(t=t.substr(1)),n.test(t.charAt(t.length-1))&&(t=t.substr(0,t.length-1)),t):""}(r.slice(a+1).trim()),_l=o[_u]||_u,_s2=e[_l]=function(t,e){return"style"===t?e.split(/;\s?/).reduce((function(t,e){var n=e.slice(0,e.indexOf(":"));return t[n.replace(/(-[a-z])/g,(function(t){return t[1].toUpperCase()}))]=e.slice(n.length+1).trim(),t}),{}):"href"===t?bt(e):(e.match(I)&&(e=e.slice(1,e.length-1)),"true"===e||"false"!==e&&e)}(_u,_i2);"string"==typeof _s2&&(w.test(_s2)||R.test(_s2))&&(e[_l]=react__WEBPACK_IMPORTED_MODULE_51___default.a.cloneElement(W(_s2.trim()),{key:c}))}else"style"!==r&&(e[o[r]||r]=!0);return e}),{}):void 0}var rt=[],ut={},st={blockQuote:{i:kt(s),l:Ot.HIGH,_:function _(t,e,n){return{content:e(t[0].replace(_2,""),n)}},p:function p(t,e,n){return V("blockquote",{key:n.g},e(t.content,n))}},breakLine:{i:xt(f),l:Ot.HIGH,_:At,p:function p(t,e,n){return V("br",{key:n.g})}},breakThematic:{i:kt(d),l:Ot.HIGH,_:At,p:function p(t,e,n){return V("hr",{key:n.g})}},codeBlock:{i:kt(g),l:Ot.MAX,_:function _(t){return{content:t[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),lang:void 0}},p:function p(t,e,n){return V("pre",{key:n.g},V("code",{className:t.lang?"lang-".concat(t.lang):""},t.content))}},codeFenced:{i:kt(p),l:Ot.MAX,_:function _(t){return{content:t[3],lang:t[2]||void 0,type:"codeBlock"}}},codeInline:{i:ht(m),l:Ot.LOW,_:function _(t){return{content:t[2]}},p:function p(t,e,n){return V("code",{key:n.g},t.content)}},footnote:{i:kt(k),l:Ot.MAX,_:function _(t){return rt.push({footnote:t[2],identifier:t[1]}),{}},p:Rt},footnoteReference:{i:yt(x),l:Ot.HIGH,_:function _(t){return{content:t[1],target:"#".concat(q.slugify(t[1]))}},p:function p(t,e,n){return V("a",{key:n.g,href:bt(t.target)},V("sup",{key:n.g},t.content))}},gfmTask:{i:yt(b),l:Ot.HIGH,_:function _(t){return{completed:"x"===t[1].toLowerCase()}},p:function p(t,e,n){return V("input",{checked:t.completed,key:n.g,readOnly:!0,type:"checkbox"})}},heading:{i:kt(S),l:Ot.HIGH,_:function _(t,e,n){return{content:$t(e,t[2],n),id:q.slugify(t[2]),level:t[1].length}},p:function p(t,e,n){return t.tag="h".concat(t.level),V(t.tag,{id:t.id,key:n.g},e(t.content,n))}},headingSetext:{i:kt($),l:Ot.MAX,_:function _(t,e,n){return{content:$t(e,t[1],n),level:"="===t[2]?1:2,type:"heading"}}},htmlComment:{i:xt(E),l:Ot.HIGH,_:function _(){return{}},p:Rt},image:{i:ht(lt),l:Ot.HIGH,_:function _(t){return{alt:t[1],target:St(t[2]),title:t[3]}},p:function p(t,e,n){return V("img",{key:n.g,alt:t.alt||void 0,title:t.title||void 0,src:bt(t.target)})}},link:{i:yt(it),l:Ot.LOW,_:function _(t,e,n){return{content:wt(e,t[1],n),target:St(t[2]),title:t[3]}},p:function p(t,e,n){return V("a",{key:n.g,href:bt(t.target),title:t.title},e(t.content,n))}},linkAngleBraceStyleDetector:{i:yt(B),l:Ot.MAX,_:function _(t){return{content:[{content:t[1],type:"text"}],target:t[1],type:"link"}}},linkBareUrlDetector:{i:function i(t,e){return e.m?null:yt(M)(t,e)},l:Ot.MAX,_:function _(t){return{content:[{content:t[1],type:"text"}],target:t[1],title:void 0,type:"link"}}},linkMailtoDetector:{i:yt(O),l:Ot.MAX,_:function _(t){var e=t[1],n=t[1];return i.test(n)||(n="mailto:"+n),{content:[{content:e.replace("mailto:",""),type:"text"}],target:n,type:"link"}}},list:{i:function i(t,e,n){var r=T.exec(n);return!r||!e.h&&e.o?null:at.exec(t=r[1]+t)},l:Ot.HIGH,_:function _(t,e,n){var r=t[2],o=r.length>1,c=o?+r:void 0,a=t[0].replace(l,"\n").match(ct),u=!1;return{items:a.map((function(t,r){var o=ot.exec(t)[0].length,c=new RegExp("^ {1,"+o+"}","gm"),i=t.replace(c,"").replace(ot,""),l=r===a.length-1,s=-1!==i.indexOf("\n\n")||l&&u;u=s;var d,_=n.o,f=n.h;n.h=!0,s?(n.o=!1,d=i.replace(L,"\n\n")):(n.o=!0,d=i.replace(L,""));var p=e(d,n);return n.o=_,n.h=f,p})),ordered:o,start:c}},p:function p(t,e,n){return V(t.ordered?"ol":"ul",{key:n.g,start:t.start},t.items.map((function(t,r){return V("li",{key:r},e(t,n))})))}},newlineCoalescer:{i:kt(y),l:Ot.LOW,_:At,p:function p(){return"\n"}},paragraph:{i:vt,l:Ot.LOW,_:Et,p:function p(t,e,n){return V("p",{key:n.g},e(t.content,n))}},ref:{i:yt(D),l:Ot.MAX,_:function _(t){return ut[t[1]]={target:t[2],title:t[4]},{}},p:Rt},refImage:{i:ht(N),l:Ot.MAX,_:function _(t){return{alt:t[1]||void 0,ref:t[2]}},p:function p(t,e,n){return V("img",{key:n.g,alt:t.alt,src:bt(ut[t.ref].target),title:ut[t.ref].title})}},refLink:{i:yt(Z),l:Ot.MAX,_:function _(t,e,n){return{content:e(t[1],n),fallbackContent:e(t[0].replace(F,"\\$1"),n),ref:t[2]}},p:function p(t,e,n){return ut[t.ref]?V("a",{key:n.g,href:bt(ut[t.ref].target),title:ut[t.ref].title},e(t.content,n)):V("span",{key:n.g},e(t.fallbackContent,n))}},table:{i:kt(C),l:Ot.HIGH,_:gt,p:function p(t,e,n){return V("table",{key:n.g},V("thead",null,V("tr",null,t.header.map((function(r,o){return V("th",{key:o,style:mt(t,o)},e(r,n))})))),V("tbody",null,t.cells.map((function(r,o){return V("tr",{key:o},r.map((function(r,o){return V("td",{key:o,style:mt(t,o)},e(r,n))})))}))))}},tableSeparator:{i:function i(t,e){return e.t?H.exec(t):null},l:Ot.HIGH,_:function _(){return{type:"tableSeparator"}},p:function p(){return" | "}},text:{i:xt(tt),l:Ot.MIN,_:function _(t){return{content:t[0].replace(z,(function(t,e){return q.namedCodesToUnicode[e]?q.namedCodesToUnicode[e]:t}))}},p:function p(t){return t.content}},textBolded:{i:ht(X),l:Ot.MED,_:function _(t,e,n){return{content:e(t[2],n)}},p:function p(t,e,n){return V("strong",{key:n.g},e(t.content,n))}},textEmphasized:{i:ht(J),l:Ot.LOW,_:function _(t,e,n){return{content:e(t[2],n)}},p:function p(t,e,n){return V("em",{key:n.g},e(t.content,n))}},textEscaped:{i:ht(Y),l:Ot.HIGH,_:function _(t){return{content:t[1],type:"text"}}},textStrikethroughed:{i:ht(K),l:Ot.LOW,_:Et,p:function p(t,e,n){return V("del",{key:n.g},e(t.content,n))}}};!0!==q.disableParsingRawHTML&&(st.htmlBlock={i:xt(w),l:Ot.HIGH,_:function _(t,e,n){var i,r=_slicedToArray(t[3].match(nt),2)[1],o=new RegExp("^".concat(r),"gm"),c=t[3].replace(o,""),u=(i=c,_t.some((function(t){return t.test(i)}))?zt:$t),l=t[1].toLowerCase(),s=-1!==a.indexOf(l);n.m=n.m||"a"===l;var _=s?t[3]:u(e,c,n);return n.m=!1,{attrs:Q(t[2]),content:_,noInnerParse:s,tag:s?l:t[1]}},p:function p(t,n,r){return V(t.tag,e({key:r.g},t.attrs),t.noInnerParse?t.content:n(t.content,r))}},st.htmlSelfClosing={i:xt(R),l:Ot.HIGH,_:function _(t){return{attrs:Q(t[2]||""),tag:t[1]}},p:function p(t,n,r){return V(t.tag,e({},t.attrs,{key:r.g}))}});var t,Bt,dt=function(t){var e=Object.keys(t);function n(r,o){for(var c=[],a="";r;)for(var _u2=0;_u2<e.length;){var _i3=e[_u2],_l2=t[_i3],_s3=_l2.i(r,o,a);if(_s3){var _t2=_s3[0];r=r.substring(_t2.length);var _e2=_l2._(_s3,n,o);null==_e2.type&&(_e2.type=_i3),c.push(_e2),a=_t2;break}_u2++}return c}return e.sort((function(e,n){var r=t[e].l,o=t[n].l;return r!==o?r-o:e<n?-1:1})),function(t,e){return n(function(t){return t.replace(h,"\n").replace(v,"").replace(G,"    ")}(t),e)}}(st),pt=(t=st,Bt=function(e,n,r){return t[e.type].p(e,n,r)},function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Array.isArray(e)){for(var _r=n.g,_o=[],_c=!1,_r2=0;_r2<e.length;_r2++){n.g=_r2;var _a2=t(e[_r2],n),_u3="string"==typeof _a2;_u3&&_c?_o[_o.length-1]+=_a2:null!==_a2&&_o.push(_a2),_c=_u3}return n.g=_r,_o}return Bt(e,t,n)}),Lt=W(r);return rt.length?V("div",null,Lt,V("footer",{key:"footer"},rt.map((function(t){return V("div",{id:q.slugify(t.identifier),key:t.identifier},t.identifier,pt(dt(t.footnote,{o:!0})))})))):Lt}t=Ot||(Ot={}),t[t.MAX=0]="MAX",t[t.HIGH=1]="HIGH",t[t.MED=2]="MED",t[t.LOW=3]="LOW",t[t.MIN=4]="MIN";var Markdown=function Markdown(e){var n=e.children,o=e.options,c=function(t,e){if(null==t)return{};var n,r,o={},c=Object.keys(t);for(r=0;r<c.length;r++)e.indexOf(n=c[r])>=0||(o[n]=t[n]);return o}(e,r);return react__WEBPACK_IMPORTED_MODULE_51___default.a.cloneElement(Bt(n,o),c)},Description$1=function Description$1(_ref110){var markdown=_ref110.markdown;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Markdown,{options:{forceBlock:!0,overrides:components$1}},markdown))},breakpoint=600,Title=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h1(withReset,(function(_ref111){var theme=_ref111.theme;return _defineProperty2({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.black,lineHeight:"32px"},"@media (min-width: ".concat(breakpoint,"px)"),{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"})})),Subtitle=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.h2(withReset,(function(_ref113){var _ref114,theme=_ref113.theme;return _defineProperty2(_ref114={fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15},"@media (min-width: ".concat(breakpoint,"px)"),{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24}),_defineProperty2(_ref114,"color",curriedTransparentize$1(.25,theme.color.defaultText)),_ref114})),DocsContent=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({maxWidth:1e3,width:"100%"}),DocsWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref115){return _defineProperty2({background:_ref115.theme.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box"},"@media (min-width: ".concat(breakpoint,"px)"),{})})),DocsPageWrapper=function DocsPageWrapper(_ref117){var children=_ref117.children;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(DocsWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(DocsContent,null,children))},getBlockBackgroundStyle=function getBlockBackgroundStyle(theme){return{borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:"1px solid ".concat(theme.appBorderColor)}},getStoryHref=function getStoryHref(baseUrl,storyId){var additionalParams=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},_baseUrl$split=baseUrl.split("?"),_baseUrl$split2=_slicedToArray(_baseUrl$split,2),url=_baseUrl$split2[0],paramsStr=_baseUrl$split2[1],params=paramsStr?Object.assign(Object.assign(Object.assign({},qs__WEBPACK_IMPORTED_MODULE_54___default.a.parse(paramsStr)),additionalParams),{id:storyId}):Object.assign(Object.assign({},additionalParams),{id:storyId});return"".concat(url).concat(qs__WEBPACK_IMPORTED_MODULE_54___default.a.stringify(params,{addQueryPrefix:!0,encode:!1}))},Zoom=function Zoom(_ref118){var zoom=_ref118.zoom,resetZoom=_ref118.resetZoom;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButton,{key:"zoomin",onClick:function onClick(e){e.preventDefault(),zoom(.8)},title:"Zoom in"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"zoom"})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButton,{key:"zoomout",onClick:function onClick(e){e.preventDefault(),zoom(1.25)},title:"Zoom out"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"zoomout"})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButton,{key:"zoomreset",onClick:function onClick(e){e.preventDefault(),resetZoom()},title:"Reset zoom"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"zoomreset"})))},Eject=function Eject(_ref119){var baseUrl=_ref119.baseUrl,storyId=_ref119.storyId;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId),target:"_blank",title:"Open canvas in new tab"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"share"}))},Bar=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Toolbar=function Toolbar(_a){var isLoading=_a.isLoading,storyId=_a.storyId,baseUrl=_a.baseUrl,zoom=_a.zoom,resetZoom=_a.resetZoom,rest=__rest(_a,["isLoading","storyId","baseUrl","zoom","resetZoom"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Bar,Object.assign({},rest),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:"left"},isLoading?[1,2,3].map((function(key){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButtonSkeleton,{key:key})})):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Zoom,Object.assign({},{zoom:zoom,resetZoom:resetZoom}))),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:"right"},storyId&&(isLoading?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IconButtonSkeleton,null):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Eject,Object.assign({},{storyId:storyId,baseUrl:baseUrl})))))},ZoomContext=Object(react__WEBPACK_IMPORTED_MODULE_51__.createContext)({scale:1}),globalWindow$1=window_1.window,IFrame=function(_Component3){_inherits(IFrame,_Component3);var _super3=_createSuper(IFrame);function IFrame(){var _this4;return _classCallCheck(this,IFrame),(_this4=_super3.apply(this,arguments)).iframe=null,_this4}return _createClass(IFrame,[{key:"componentDidMount",value:function componentDidMount(){var id=this.props.id;this.iframe=globalWindow$1.document.getElementById(id)}},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var scale=nextProps.scale;return scale!==this.props.scale&&this.setIframeBodyStyle({width:"".concat(100*scale,"%"),height:"".concat(100*scale,"%"),transform:"scale(".concat(1/scale,")"),transformOrigin:"top left"}),!1}},{key:"setIframeBodyStyle",value:function setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}},{key:"render",value:function render(){var _a=this.props,id=_a.id,title=_a.title,src=_a.src,allowFullScreen=_a.allowFullScreen,rest=(_a.scale,__rest(_a,["id","title","src","allowFullScreen","scale"]));return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("iframe",Object.assign({id:id,title:title,src:src,allowFullScreen:allowFullScreen,loading:"lazy"},rest))}}]),IFrame}(react__WEBPACK_IMPORTED_MODULE_51__.Component),rotate360=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.h)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n"]))),EventSource=window_1.EventSource,CONFIG_TYPE=window_1.CONFIG_TYPE,LoaderWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref120){var _ref120$size=_ref120.size,size=void 0===_ref120$size?32:_ref120$size;return{borderRadius:"50%",cursor:"progress",display:"inline-block",overflow:"hidden",position:"absolute",transition:"all 200ms ease-out",verticalAlign:"top",top:"50%",left:"50%",marginTop:-size/2,marginLeft:-size/2,height:size,width:size,zIndex:4,borderWidth:2,borderStyle:"solid",borderColor:"rgba(97, 97, 97, 0.29)",borderTopColor:"rgb(100,100,100)",animation:"".concat(rotate360," 0.7s linear infinite"),mixBlendMode:"difference"}})),ProgressWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}),ProgressTrack=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref121){var theme=_ref121.theme;return{position:"relative",width:"80%",marginBottom:"0.75rem",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:"hidden",cursor:"progress"}})),ProgressBar=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref122){return{position:"absolute",top:0,left:0,height:"100%",background:_ref122.theme.color.secondary}})),ProgressMessage=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref123){var theme=_ref123.theme;return{minHeight:"2em",fontSize:"".concat(theme.typography.size.s1,"px"),color:theme.barTextColor}})),ErrorIcon=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Icons)((function(_ref124){return{width:20,height:20,marginBottom:"0.5rem",color:_ref124.theme.color.mediumdark}})),ellipsis=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.h)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(['\n  from { content: "..." }\n  33% { content: "." }\n  66% { content: ".." }\n  to { content: "..." }\n']))),Ellipsis=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({"&::after":{content:"'...'",animation:"".concat(ellipsis," 1s linear infinite"),animationDelay:"1s",display:"inline-block",width:"1em",height:"auto"}}),PureLoader=function PureLoader(_a){var progress=_a.progress,error=_a.error,size=_a.size,props=__rest(_a,["progress","error","size"]);if(error)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ProgressWrapper,Object.assign({"aria-label":error.toString(),"aria-live":"polite",role:"status"},props),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ErrorIcon,{icon:"lightningoff"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ProgressMessage,null,error.message));if(progress){var _value=progress.value,modules=progress.modules,message=progress.message;return modules&&(message+=" ".concat(modules.complete," / ").concat(modules.total," modules")),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ProgressWrapper,Object.assign({"aria-label":"Content is loading...","aria-live":"polite","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":100*_value,"aria-valuetext":message,role:"progressbar"},props),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ProgressTrack,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ProgressBar,{style:{width:"".concat(100*_value,"%")}})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ProgressMessage,null,message,_value<1&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Ellipsis,{key:message})))}return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LoaderWrapper,Object.assign({"aria-label":"Content is loading...","aria-live":"polite",role:"status",size:size},props))},Loader=function Loader(props){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(void 0),2),progress=_useState4[0],setProgress=_useState4[1],_useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(void 0),2),error=_useState6[0],setError=_useState6[1];return Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){if("DEVELOPMENT"===CONFIG_TYPE&&EventSource){var lastProgress,eventSource=new EventSource("/progress");return eventSource.onmessage=function(event){try{lastProgress=JSON.parse(event.data),setProgress(lastProgress)}catch(e){setError(e),eventSource.close()}},eventSource.onerror=function(){lastProgress&&1!==lastProgress.value&&setError(new Error("Connection closed")),eventSource.close()},function(){return eventSource.close()}}}),[]),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(PureLoader,Object.assign({progress:progress,error:error},props))},PREVIEW_URL=window_1.PREVIEW_URL,BASE_URL=PREVIEW_URL||"iframe.html",StoryError;!function(StoryError){StoryError.NO_STORY="No component or story to display"}(StoryError||(StoryError={}));var MISSING_STORY=function MISSING_STORY(id){return id?'Story "'.concat(id,"\" doesn't exist."):StoryError.NO_STORY},InlineStory=function InlineStory(_ref125){var storyFn=_ref125.storyFn,height=_ref125.height,id=_ref125.id;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,height?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("style",null,"#story--".concat(id," { min-height: ").concat(height,"; transform: translateZ(0); overflow: auto }")):null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,storyFn?Object(react__WEBPACK_IMPORTED_MODULE_51__.createElement)(storyFn):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(EmptyBlock,null,MISSING_STORY(id))))},IFrameStory=function IFrameStory(_ref126){var id=_ref126.id,title=_ref126.title,_ref126$height=_ref126.height,height=void 0===_ref126$height?"500px":_ref126$height;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{style:{width:"100%",height:height}},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ZoomContext.Consumer,null,(function(_ref127){var scale=_ref127.scale;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IFrame,{key:"iframe",id:"iframe--".concat(id),title:title,src:getStoryHref(BASE_URL,id,{viewMode:"story"}),allowFullScreen:!0,scale:scale,style:{width:"100%",height:"100%",border:"0 none"}})})))},Story=function Story(_a){_a.children;var error=_a.error,inline=_a.inline,props=__rest(_a,["children","error","inline"]),id=props.id,title=props.title,height=props.height;return error?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(EmptyBlock,null,error):inline?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(InlineStory,Object.assign({},props)):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(IFrameStory,{id:id,title:title,height:height})},StorySkeleton=function StorySkeleton(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Loader,null)},ChildrenContainer=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref128){var isColumn=_ref128.isColumn,columns=_ref128.columns,layout=_ref128.layout;return{display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"inline-block"}}}),(function(_ref129){var _ref129$layout=_ref129.layout,layout=void 0===_ref129$layout?"padded":_ref129$layout;return"centered"===layout||"padded"===layout?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{}}),(function(_ref130){var _ref130$layout=_ref130.layout;return"centered"===(void 0===_ref130$layout?"padded":_ref130$layout)?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{}}),(function(_ref131){var columns=_ref131.columns;return columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:"calc(100% / ".concat(columns," - 20px)")}}:{}})),StyledSource=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Source)((function(_ref132){var theme=_ref132.theme;return{margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content),color:theme.color.lightest,button:{background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content)}}})),PreviewContainer=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref133){var theme=_ref133.theme,withSource=_ref133.withSource,isExpanded=_ref133.isExpanded;return Object.assign(Object.assign({position:"relative",overflow:"hidden",margin:"25px 0 40px"},getBlockBackgroundStyle(theme)),{borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0})}),(function(_ref134){return _ref134.withToolbar&&{paddingTop:40}})),getSource=function getSource(withSource,expanded,setExpanded){switch(!0){case!(!withSource||!withSource.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:function onClick(){return setExpanded(!1)}}};case expanded:return{source:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledSource,Object.assign({},withSource,{dark:!0})),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:function onClick(){return setExpanded(!1)}}};default:return{source:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledSource,Object.assign({},withSource,{dark:!0})),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:function onClick(){return setExpanded(!0)}}}}};function getStoryId(children){if(1===react__WEBPACK_IMPORTED_MODULE_51__.Children.count(children)){var elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Toolbar)({position:"absolute",top:0,left:0,right:0,height:40}),Relative=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({overflow:"hidden",position:"relative"}),getLayout=function getLayout(children){return children.reduce((function(result,c){return result||("string"==typeof c||"number"==typeof c?"padded":c.props&&c.props.parameters&&c.props.parameters.layout||"padded")}),void 0)},Preview=function Preview(_a){var isLoading=_a.isLoading,isColumn=_a.isColumn,columns=_a.columns,children=_a.children,withSource=_a.withSource,_a$withToolbar=_a.withToolbar,withToolbar=void 0!==_a$withToolbar&&_a$withToolbar,_a$isExpanded=_a.isExpanded,isExpanded=void 0!==_a$isExpanded&&_a$isExpanded,additionalActions=_a.additionalActions,className=_a.className,props=__rest(_a,["isLoading","isColumn","columns","children","withSource","withToolbar","isExpanded","additionalActions","className"]),_useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(isExpanded),2),expanded=_useState8[0],setExpanded=_useState8[1],_getSource=getSource(withSource,expanded,setExpanded),source=_getSource.source,actionItem=_getSource.actionItem,_useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(1),2),scale=_useState10[0],setScale=_useState10[1],previewClasses=[className].concat(["sbdocs","sbdocs-preview"]),defaultActionItems=withSource?[actionItem]:[],_useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(additionalActions?_toConsumableArray(additionalActions):[]),2),additionalActionItems=_useState12[0],setAdditionalActionItems=_useState12[1],actionItems=[].concat(defaultActionItems,_toConsumableArray(additionalActionItems)),layout=getLayout(1===react__WEBPACK_IMPORTED_MODULE_51__.Children.count(children)?[children]:children),globalWindow=window_1.window,copyToClipboard=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(text){return __awaiter(void 0,void 0,void 0,regeneratorRuntime.mark((function _callee2(){var _yield$import;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,__webpack_require__.e(0).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/syntaxhighlighter-b09267a2.js"));case 2:_yield$import=_context2.sent,(0,_yield$import.createCopyToClipboardFunction)();case 5:case"end":return _context2.stop()}}),_callee2)})))}),[]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(PreviewContainer,Object.assign({},{withSource:withSource,withToolbar:withToolbar},props,{className:previewClasses.join(" ")}),withToolbar&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(PositionedToolbar,{isLoading:isLoading,border:!0,zoom:function zoom(z){return setScale(scale*z)},resetZoom:function resetZoom(){return setScale(1)},storyId:getStoryId(children),baseUrl:"./iframe.html"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ZoomContext.Provider,{value:{scale:scale}},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&function onCopyCapture(e){e.preventDefault(),0===additionalActionItems.filter((function(item){return"Copied"===item.title})).length&&copyToClipboard(source.props.code).then((function(){setAdditionalActionItems([].concat(_toConsumableArray(additionalActionItems),[{title:"Copied",onClick:function onClick(){}}])),globalWindow.setTimeout((function(){return setAdditionalActionItems(additionalActionItems.filter((function(item){return"Copied"!==item.title})))}),1500)}))}},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns:columns,layout:layout},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Zoom$1.Element,{scale:scale},Array.isArray(children)?children.map((function(child,i){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{key:i},child)})):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null,children))),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ActionBar,{actionItems:actionItems}))),withSource&&expanded&&source)},StyledPreview=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Preview)((function(){return{".docs-story":{paddingTop:32,paddingBottom:40}}})),PreviewSkeleton=function PreviewSkeleton(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledPreview,{isLoading:!0,withToolbar:!0},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StorySkeleton,null))};function arrayMap$2(array,iteratee){for(var index=-1,length=null==array?0:array.length,result=Array(length);++index<length;)result[index]=iteratee(array[index],index,array);return result}var _arrayMap=arrayMap$2;function listCacheClear$1(){this.__data__=[],this.size=0}var _listCacheClear=listCacheClear$1;function eq$3(value,other){return value===other||value!=value&&other!=other}var eq_1=eq$3,eq$2=eq_1;function assocIndexOf$4(array,key){for(var length=array.length;length--;)if(eq$2(array[length][0],key))return length;return-1}var _assocIndexOf=assocIndexOf$4,assocIndexOf$3=_assocIndexOf,arrayProto=Array.prototype,splice=arrayProto.splice;function listCacheDelete$1(key){var data=this.__data__,index=assocIndexOf$3(data,key);return!(index<0)&&(index==data.length-1?data.pop():splice.call(data,index,1),--this.size,!0)}var _listCacheDelete=listCacheDelete$1,assocIndexOf$2=_assocIndexOf;function listCacheGet$1(key){var data=this.__data__,index=assocIndexOf$2(data,key);return index<0?void 0:data[index][1]}var _listCacheGet=listCacheGet$1,assocIndexOf$1=_assocIndexOf;function listCacheHas$1(key){return assocIndexOf$1(this.__data__,key)>-1}var _listCacheHas=listCacheHas$1,assocIndexOf=_assocIndexOf;function listCacheSet$1(key,value){var data=this.__data__,index=assocIndexOf(data,key);return index<0?(++this.size,data.push([key,value])):data[index][1]=value,this}var _listCacheSet=listCacheSet$1,listCacheClear=_listCacheClear,listCacheDelete=_listCacheDelete,listCacheGet=_listCacheGet,listCacheHas=_listCacheHas,listCacheSet=_listCacheSet;function ListCache$4(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index<length;){var entry=entries[index];this.set(entry[0],entry[1])}}ListCache$4.prototype.clear=listCacheClear,ListCache$4.prototype.delete=listCacheDelete,ListCache$4.prototype.get=listCacheGet,ListCache$4.prototype.has=listCacheHas,ListCache$4.prototype.set=listCacheSet;var _ListCache=ListCache$4,ListCache$3=_ListCache;function stackClear$1(){this.__data__=new ListCache$3,this.size=0}var _stackClear=stackClear$1;function stackDelete$1(key){var data=this.__data__,result=data.delete(key);return this.size=data.size,result}var _stackDelete=stackDelete$1;function stackGet$1(key){return this.__data__.get(key)}var _stackGet=stackGet$1;function stackHas$1(key){return this.__data__.has(key)}var _stackHas=stackHas$1,freeGlobal$1="object"==_typeof(commonjsGlobal)&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal=_freeGlobal,freeSelf="object"==("undefined"==typeof self?"undefined":_typeof(self))&&self&&self.Object===Object&&self,root$8=freeGlobal||freeSelf||Function("return this")(),_root=root$8,root$7=_root,Symbol$6=root$7.Symbol,_Symbol=Symbol$6,Symbol$5=_Symbol,objectProto$e=Object.prototype,hasOwnProperty$b=objectProto$e.hasOwnProperty,nativeObjectToString$1=objectProto$e.toString,symToStringTag$1=Symbol$5?Symbol$5.toStringTag:void 0;function getRawTag$1(value){var isOwn=hasOwnProperty$b.call(value,symToStringTag$1),tag=value[symToStringTag$1];try{value[symToStringTag$1]=void 0;var unmasked=!0}catch(e){}var result=nativeObjectToString$1.call(value);return unmasked&&(isOwn?value[symToStringTag$1]=tag:delete value[symToStringTag$1]),result}var _getRawTag=getRawTag$1,objectProto$d=Object.prototype,nativeObjectToString=objectProto$d.toString;function objectToString$1(value){return nativeObjectToString.call(value)}var _objectToString=objectToString$1,Symbol$4=_Symbol,getRawTag=_getRawTag,objectToString=_objectToString,nullTag="[object Null]",undefinedTag="[object Undefined]",symToStringTag=Symbol$4?Symbol$4.toStringTag:void 0;function baseGetTag$5(value){return null==value?void 0===value?undefinedTag:nullTag:symToStringTag&&symToStringTag in Object(value)?getRawTag(value):objectToString(value)}var _baseGetTag=baseGetTag$5;function isObject$7(value){var type=_typeof(value);return null!=value&&("object"==type||"function"==type)}var isObject_1=isObject$7,baseGetTag$4=_baseGetTag,isObject$6=isObject_1,asyncTag="[object AsyncFunction]",funcTag$2="[object Function]",genTag$1="[object GeneratorFunction]",proxyTag="[object Proxy]";function isFunction$2(value){if(!isObject$6(value))return!1;var tag=baseGetTag$4(value);return tag==funcTag$2||tag==genTag$1||tag==asyncTag||tag==proxyTag}var isFunction_1=isFunction$2,root$6=_root,coreJsData$1=root$6["__core-js_shared__"],_coreJsData=coreJsData$1,coreJsData=_coreJsData,maskSrcKey=(uid=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||""),uid?"Symbol(src)_1."+uid:""),uid;function isMasked$1(func){return!!maskSrcKey&&maskSrcKey in func}var _isMasked=isMasked$1,funcProto$1=Function.prototype,funcToString$1=funcProto$1.toString;function toSource$2(func){if(null!=func){try{return funcToString$1.call(func)}catch(e){}try{return func+""}catch(e){}}return""}var _toSource=toSource$2,isFunction$1=isFunction_1,isMasked=_isMasked,isObject$5=isObject_1,toSource$1=_toSource,reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reIsHostCtor=/^\[object .+?Constructor\]$/,funcProto=Function.prototype,objectProto$c=Object.prototype,funcToString=funcProto.toString,hasOwnProperty$a=objectProto$c.hasOwnProperty,reIsNative=RegExp("^"+funcToString.call(hasOwnProperty$a).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function baseIsNative$1(value){return!(!isObject$5(value)||isMasked(value))&&(isFunction$1(value)?reIsNative:reIsHostCtor).test(toSource$1(value))}var _baseIsNative=baseIsNative$1;function getValue$1(object,key){return null==object?void 0:object[key]}var _getValue=getValue$1,baseIsNative=_baseIsNative,getValue=_getValue;function getNative$7(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}var _getNative=getNative$7,getNative$6=_getNative,root$5=_root,Map$4=getNative$6(root$5,"Map"),_Map=Map$4,getNative$5=_getNative,nativeCreate$4=getNative$5(Object,"create"),_nativeCreate=nativeCreate$4,nativeCreate$3=_nativeCreate;function hashClear$1(){this.__data__=nativeCreate$3?nativeCreate$3(null):{},this.size=0}var _hashClear=hashClear$1;function hashDelete$1(key){var result=this.has(key)&&delete this.__data__[key];return this.size-=result?1:0,result}var _hashDelete=hashDelete$1,nativeCreate$2=_nativeCreate,HASH_UNDEFINED$2="__lodash_hash_undefined__",objectProto$b=Object.prototype,hasOwnProperty$9=objectProto$b.hasOwnProperty;function hashGet$1(key){var data=this.__data__;if(nativeCreate$2){var result=data[key];return result===HASH_UNDEFINED$2?void 0:result}return hasOwnProperty$9.call(data,key)?data[key]:void 0}var _hashGet=hashGet$1,nativeCreate$1=_nativeCreate,objectProto$a=Object.prototype,hasOwnProperty$8=objectProto$a.hasOwnProperty;function hashHas$1(key){var data=this.__data__;return nativeCreate$1?void 0!==data[key]:hasOwnProperty$8.call(data,key)}var _hashHas=hashHas$1,nativeCreate=_nativeCreate,HASH_UNDEFINED$1="__lodash_hash_undefined__";function hashSet$1(key,value){var data=this.__data__;return this.size+=this.has(key)?0:1,data[key]=nativeCreate&&void 0===value?HASH_UNDEFINED$1:value,this}var _hashSet=hashSet$1,hashClear=_hashClear,hashDelete=_hashDelete,hashGet=_hashGet,hashHas=_hashHas,hashSet=_hashSet;function Hash$1(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index<length;){var entry=entries[index];this.set(entry[0],entry[1])}}Hash$1.prototype.clear=hashClear,Hash$1.prototype.delete=hashDelete,Hash$1.prototype.get=hashGet,Hash$1.prototype.has=hashHas,Hash$1.prototype.set=hashSet;var _Hash=Hash$1,Hash=_Hash,ListCache$2=_ListCache,Map$3=_Map;function mapCacheClear$1(){this.size=0,this.__data__={hash:new Hash,map:new(Map$3||ListCache$2),string:new Hash}}var _mapCacheClear=mapCacheClear$1;function isKeyable$1(value){var type=_typeof(value);return"string"==type||"number"==type||"symbol"==type||"boolean"==type?"__proto__"!==value:null===value}var _isKeyable=isKeyable$1,isKeyable=_isKeyable;function getMapData$4(map,key){var data=map.__data__;return isKeyable(key)?data["string"==typeof key?"string":"hash"]:data.map}var _getMapData=getMapData$4,getMapData$3=_getMapData;function mapCacheDelete$1(key){var result=getMapData$3(this,key).delete(key);return this.size-=result?1:0,result}var _mapCacheDelete=mapCacheDelete$1,getMapData$2=_getMapData;function mapCacheGet$1(key){return getMapData$2(this,key).get(key)}var _mapCacheGet=mapCacheGet$1,getMapData$1=_getMapData;function mapCacheHas$1(key){return getMapData$1(this,key).has(key)}var _mapCacheHas=mapCacheHas$1,getMapData=_getMapData;function mapCacheSet$1(key,value){var data=getMapData(this,key),size=data.size;return data.set(key,value),this.size+=data.size==size?0:1,this}var _mapCacheSet=mapCacheSet$1,mapCacheClear=_mapCacheClear,mapCacheDelete=_mapCacheDelete,mapCacheGet=_mapCacheGet,mapCacheHas=_mapCacheHas,mapCacheSet=_mapCacheSet;function MapCache$3(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index<length;){var entry=entries[index];this.set(entry[0],entry[1])}}MapCache$3.prototype.clear=mapCacheClear,MapCache$3.prototype.delete=mapCacheDelete,MapCache$3.prototype.get=mapCacheGet,MapCache$3.prototype.has=mapCacheHas,MapCache$3.prototype.set=mapCacheSet;var _MapCache=MapCache$3,ListCache$1=_ListCache,Map$2=_Map,MapCache$2=_MapCache,LARGE_ARRAY_SIZE$1=200;function stackSet$1(key,value){var data=this.__data__;if(data instanceof ListCache$1){var pairs=data.__data__;if(!Map$2||pairs.length<LARGE_ARRAY_SIZE$1-1)return pairs.push([key,value]),this.size=++data.size,this;data=this.__data__=new MapCache$2(pairs)}return data.set(key,value),this.size=data.size,this}var _stackSet=stackSet$1,ListCache=_ListCache,stackClear=_stackClear,stackDelete=_stackDelete,stackGet=_stackGet,stackHas=_stackHas,stackSet=_stackSet;function Stack$3(entries){var data=this.__data__=new ListCache(entries);this.size=data.size}Stack$3.prototype.clear=stackClear,Stack$3.prototype.delete=stackDelete,Stack$3.prototype.get=stackGet,Stack$3.prototype.has=stackHas,Stack$3.prototype.set=stackSet;var _Stack=Stack$3,HASH_UNDEFINED="__lodash_hash_undefined__";function setCacheAdd$1(value){return this.__data__.set(value,HASH_UNDEFINED),this}var _setCacheAdd=setCacheAdd$1;function setCacheHas$1(value){return this.__data__.has(value)}var _setCacheHas=setCacheHas$1,MapCache$1=_MapCache,setCacheAdd=_setCacheAdd,setCacheHas=_setCacheHas;function SetCache$2(values){var index=-1,length=null==values?0:values.length;for(this.__data__=new MapCache$1;++index<length;)this.add(values[index])}SetCache$2.prototype.add=SetCache$2.prototype.push=setCacheAdd,SetCache$2.prototype.has=setCacheHas;var _SetCache=SetCache$2;function arraySome$1(array,predicate){for(var index=-1,length=null==array?0:array.length;++index<length;)if(predicate(array[index],index,array))return!0;return!1}var _arraySome=arraySome$1;function cacheHas$2(cache,key){return cache.has(key)}var _cacheHas=cacheHas$2,SetCache$1=_SetCache,arraySome=_arraySome,cacheHas$1=_cacheHas,COMPARE_PARTIAL_FLAG$5=1,COMPARE_UNORDERED_FLAG$3=2;function equalArrays$2(array,other,bitmask,customizer,equalFunc,stack){var isPartial=bitmask&COMPARE_PARTIAL_FLAG$5,arrLength=array.length,othLength=other.length;if(arrLength!=othLength&&!(isPartial&&othLength>arrLength))return!1;var arrStacked=stack.get(array),othStacked=stack.get(other);if(arrStacked&&othStacked)return arrStacked==other&&othStacked==array;var index=-1,result=!0,seen=bitmask&COMPARE_UNORDERED_FLAG$3?new SetCache$1:void 0;for(stack.set(array,other),stack.set(other,array);++index<arrLength;){var arrValue=array[index],othValue=other[index];if(customizer)var compared=isPartial?customizer(othValue,arrValue,index,other,array,stack):customizer(arrValue,othValue,index,array,other,stack);if(void 0!==compared){if(compared)continue;result=!1;break}if(seen){if(!arraySome(other,(function(othValue,othIndex){if(!cacheHas$1(seen,othIndex)&&(arrValue===othValue||equalFunc(arrValue,othValue,bitmask,customizer,stack)))return seen.push(othIndex)}))){result=!1;break}}else if(arrValue!==othValue&&!equalFunc(arrValue,othValue,bitmask,customizer,stack)){result=!1;break}}return stack.delete(array),stack.delete(other),result}var _equalArrays=equalArrays$2,root$4=_root,Uint8Array$2=root$4.Uint8Array,_Uint8Array=Uint8Array$2;function mapToArray$1(map){var index=-1,result=Array(map.size);return map.forEach((function(value,key){result[++index]=[key,value]})),result}var _mapToArray=mapToArray$1;function setToArray$3(set){var index=-1,result=Array(set.size);return set.forEach((function(value){result[++index]=value})),result}var _setToArray=setToArray$3,Symbol$3=_Symbol,Uint8Array$1=_Uint8Array,eq$1=eq_1,equalArrays$1=_equalArrays,mapToArray=_mapToArray,setToArray$2=_setToArray,COMPARE_PARTIAL_FLAG$4=1,COMPARE_UNORDERED_FLAG$2=2,boolTag$3="[object Boolean]",dateTag$3="[object Date]",errorTag$2="[object Error]",mapTag$5="[object Map]",numberTag$3="[object Number]",regexpTag$3="[object RegExp]",setTag$5="[object Set]",stringTag$3="[object String]",symbolTag$3="[object Symbol]",arrayBufferTag$3="[object ArrayBuffer]",dataViewTag$4="[object DataView]",symbolProto$2=Symbol$3?Symbol$3.prototype:void 0,symbolValueOf$1=symbolProto$2?symbolProto$2.valueOf:void 0;function equalByTag$1(object,other,tag,bitmask,customizer,equalFunc,stack){switch(tag){case dataViewTag$4:if(object.byteLength!=other.byteLength||object.byteOffset!=other.byteOffset)return!1;object=object.buffer,other=other.buffer;case arrayBufferTag$3:return!(object.byteLength!=other.byteLength||!equalFunc(new Uint8Array$1(object),new Uint8Array$1(other)));case boolTag$3:case dateTag$3:case numberTag$3:return eq$1(+object,+other);case errorTag$2:return object.name==other.name&&object.message==other.message;case regexpTag$3:case stringTag$3:return object==other+"";case mapTag$5:var convert=mapToArray;case setTag$5:var isPartial=bitmask&COMPARE_PARTIAL_FLAG$4;if(convert||(convert=setToArray$2),object.size!=other.size&&!isPartial)return!1;var stacked=stack.get(object);if(stacked)return stacked==other;bitmask|=COMPARE_UNORDERED_FLAG$2,stack.set(object,other);var result=equalArrays$1(convert(object),convert(other),bitmask,customizer,equalFunc,stack);return stack.delete(object),result;case symbolTag$3:if(symbolValueOf$1)return symbolValueOf$1.call(object)==symbolValueOf$1.call(other)}return!1}var _equalByTag=equalByTag$1;function arrayPush$2(array,values){for(var index=-1,length=values.length,offset=array.length;++index<length;)array[offset+index]=values[index];return array}var _arrayPush=arrayPush$2,isArray$9=Array.isArray,isArray_1=isArray$9,arrayPush$1=_arrayPush,isArray$8=isArray_1;function baseGetAllKeys$2(object,keysFunc,symbolsFunc){var result=keysFunc(object);return isArray$8(object)?result:arrayPush$1(result,symbolsFunc(object))}var _baseGetAllKeys=baseGetAllKeys$2;function arrayFilter$1(array,predicate){for(var index=-1,length=null==array?0:array.length,resIndex=0,result=[];++index<length;){var value=array[index];predicate(value,index,array)&&(result[resIndex++]=value)}return result}var _arrayFilter=arrayFilter$1;function stubArray$2(){return[]}var stubArray_1=stubArray$2,arrayFilter=_arrayFilter,stubArray$1=stubArray_1,objectProto$9=Object.prototype,propertyIsEnumerable$1=objectProto$9.propertyIsEnumerable,nativeGetSymbols$1=Object.getOwnPropertySymbols,getSymbols$3=nativeGetSymbols$1?function(object){return null==object?[]:(object=Object(object),arrayFilter(nativeGetSymbols$1(object),(function(symbol){return propertyIsEnumerable$1.call(object,symbol)})))}:stubArray$1,_getSymbols=getSymbols$3;function baseTimes$1(n,iteratee){for(var index=-1,result=Array(n);++index<n;)result[index]=iteratee(index);return result}var _baseTimes=baseTimes$1;function isObjectLike$7(value){return null!=value&&"object"==_typeof(value)}var isObjectLike_1=isObjectLike$7,baseGetTag$3=_baseGetTag,isObjectLike$6=isObjectLike_1,argsTag$3="[object Arguments]";function baseIsArguments$1(value){return isObjectLike$6(value)&&baseGetTag$3(value)==argsTag$3}var _baseIsArguments=baseIsArguments$1,baseIsArguments=_baseIsArguments,isObjectLike$5=isObjectLike_1,objectProto$8=Object.prototype,hasOwnProperty$7=objectProto$8.hasOwnProperty,propertyIsEnumerable=objectProto$8.propertyIsEnumerable,isArguments$2=baseIsArguments(function(){return arguments}())?baseIsArguments:function(value){return isObjectLike$5(value)&&hasOwnProperty$7.call(value,"callee")&&!propertyIsEnumerable.call(value,"callee")},isArguments_1=isArguments$2,isBuffer$3={exports:{}};function stubFalse(){return!1}var stubFalse_1=stubFalse;!function(module,exports){var root=_root,stubFalse=stubFalse_1,freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&module&&!module.nodeType&&module,Buffer=freeModule&&freeModule.exports===freeExports?root.Buffer:void 0,isBuffer=(Buffer?Buffer.isBuffer:void 0)||stubFalse;module.exports=isBuffer}(isBuffer$3,isBuffer$3.exports);var MAX_SAFE_INTEGER$1=9007199254740991,reIsUint=/^(?:0|[1-9]\d*)$/;function isIndex$3(value,length){var type=_typeof(value);return!!(length=null==length?MAX_SAFE_INTEGER$1:length)&&("number"==type||"symbol"!=type&&reIsUint.test(value))&&value>-1&&value%1==0&&value<length}var _isIndex=isIndex$3,MAX_SAFE_INTEGER=9007199254740991;function isLength$3(value){return"number"==typeof value&&value>-1&&value%1==0&&value<=MAX_SAFE_INTEGER}var isLength_1=isLength$3,baseGetTag$2=_baseGetTag,isLength$2=isLength_1,isObjectLike$4=isObjectLike_1,argsTag$2="[object Arguments]",arrayTag$2="[object Array]",boolTag$2="[object Boolean]",dateTag$2="[object Date]",errorTag$1="[object Error]",funcTag$1="[object Function]",mapTag$4="[object Map]",numberTag$2="[object Number]",objectTag$3="[object Object]",regexpTag$2="[object RegExp]",setTag$4="[object Set]",stringTag$2="[object String]",weakMapTag$2="[object WeakMap]",arrayBufferTag$2="[object ArrayBuffer]",dataViewTag$3="[object DataView]",float32Tag$2="[object Float32Array]",float64Tag$2="[object Float64Array]",int8Tag$2="[object Int8Array]",int16Tag$2="[object Int16Array]",int32Tag$2="[object Int32Array]",uint8Tag$2="[object Uint8Array]",uint8ClampedTag$2="[object Uint8ClampedArray]",uint16Tag$2="[object Uint16Array]",uint32Tag$2="[object Uint32Array]",typedArrayTags={};function baseIsTypedArray$1(value){return isObjectLike$4(value)&&isLength$2(value.length)&&!!typedArrayTags[baseGetTag$2(value)]}typedArrayTags[float32Tag$2]=typedArrayTags[float64Tag$2]=typedArrayTags[int8Tag$2]=typedArrayTags[int16Tag$2]=typedArrayTags[int32Tag$2]=typedArrayTags[uint8Tag$2]=typedArrayTags[uint8ClampedTag$2]=typedArrayTags[uint16Tag$2]=typedArrayTags[uint32Tag$2]=!0,typedArrayTags[argsTag$2]=typedArrayTags[arrayTag$2]=typedArrayTags[arrayBufferTag$2]=typedArrayTags[boolTag$2]=typedArrayTags[dataViewTag$3]=typedArrayTags[dateTag$2]=typedArrayTags[errorTag$1]=typedArrayTags[funcTag$1]=typedArrayTags[mapTag$4]=typedArrayTags[numberTag$2]=typedArrayTags[objectTag$3]=typedArrayTags[regexpTag$2]=typedArrayTags[setTag$4]=typedArrayTags[stringTag$2]=typedArrayTags[weakMapTag$2]=!1;var _baseIsTypedArray=baseIsTypedArray$1;function baseUnary$3(func){return function(value){return func(value)}}var _baseUnary=baseUnary$3,_nodeUtil={exports:{}};!function(module,exports){var freeGlobal=_freeGlobal,freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&module&&!module.nodeType&&module,freeProcess=freeModule&&freeModule.exports===freeExports&&freeGlobal.process,nodeUtil=function(){try{var types=freeModule&&freeModule.require&&freeModule.require("util").types;return types||freeProcess&&freeProcess.binding&&freeProcess.binding("util")}catch(e){}}();module.exports=nodeUtil}(_nodeUtil,_nodeUtil.exports);var baseIsTypedArray=_baseIsTypedArray,baseUnary$2=_baseUnary,nodeUtil$2=_nodeUtil.exports,nodeIsTypedArray=nodeUtil$2&&nodeUtil$2.isTypedArray,isTypedArray$2=nodeIsTypedArray?baseUnary$2(nodeIsTypedArray):baseIsTypedArray,isTypedArray_1=isTypedArray$2,baseTimes=_baseTimes,isArguments$1=isArguments_1,isArray$7=isArray_1,isBuffer$2=isBuffer$3.exports,isIndex$2=_isIndex,isTypedArray$1=isTypedArray_1,objectProto$7=Object.prototype,hasOwnProperty$6=objectProto$7.hasOwnProperty;function arrayLikeKeys$2(value,inherited){var isArr=isArray$7(value),isArg=!isArr&&isArguments$1(value),isBuff=!isArr&&!isArg&&isBuffer$2(value),isType=!isArr&&!isArg&&!isBuff&&isTypedArray$1(value),skipIndexes=isArr||isArg||isBuff||isType,result=skipIndexes?baseTimes(value.length,String):[],length=result.length;for(var key in value)!inherited&&!hasOwnProperty$6.call(value,key)||skipIndexes&&("length"==key||isBuff&&("offset"==key||"parent"==key)||isType&&("buffer"==key||"byteLength"==key||"byteOffset"==key)||isIndex$2(key,length))||result.push(key);return result}var _arrayLikeKeys=arrayLikeKeys$2,objectProto$6=Object.prototype;function isPrototype$3(value){var Ctor=value&&value.constructor;return value===("function"==typeof Ctor&&Ctor.prototype||objectProto$6)}var _isPrototype=isPrototype$3;function overArg$2(func,transform){return function(arg){return func(transform(arg))}}var _overArg=overArg$2,overArg$1=_overArg,nativeKeys$1=overArg$1(Object.keys,Object),_nativeKeys=nativeKeys$1,isPrototype$2=_isPrototype,nativeKeys=_nativeKeys,objectProto$5=Object.prototype,hasOwnProperty$5=objectProto$5.hasOwnProperty;function baseKeys$1(object){if(!isPrototype$2(object))return nativeKeys(object);var result=[];for(var key in Object(object))hasOwnProperty$5.call(object,key)&&"constructor"!=key&&result.push(key);return result}var _baseKeys=baseKeys$1,isFunction=isFunction_1,isLength$1=isLength_1;function isArrayLike$2(value){return null!=value&&isLength$1(value.length)&&!isFunction(value)}var isArrayLike_1=isArrayLike$2,arrayLikeKeys$1=_arrayLikeKeys,baseKeys=_baseKeys,isArrayLike$1=isArrayLike_1;function keys$4(object){return isArrayLike$1(object)?arrayLikeKeys$1(object):baseKeys(object)}var keys_1=keys$4,baseGetAllKeys$1=_baseGetAllKeys,getSymbols$2=_getSymbols,keys$3=keys_1;function getAllKeys$2(object){return baseGetAllKeys$1(object,keys$3,getSymbols$2)}var _getAllKeys=getAllKeys$2,getAllKeys$1=_getAllKeys,COMPARE_PARTIAL_FLAG$3=1,objectProto$4=Object.prototype,hasOwnProperty$4=objectProto$4.hasOwnProperty;function equalObjects$1(object,other,bitmask,customizer,equalFunc,stack){var isPartial=bitmask&COMPARE_PARTIAL_FLAG$3,objProps=getAllKeys$1(object),objLength=objProps.length;if(objLength!=getAllKeys$1(other).length&&!isPartial)return!1;for(var index=objLength;index--;){var key=objProps[index];if(!(isPartial?key in other:hasOwnProperty$4.call(other,key)))return!1}var objStacked=stack.get(object),othStacked=stack.get(other);if(objStacked&&othStacked)return objStacked==other&&othStacked==object;var result=!0;stack.set(object,other),stack.set(other,object);for(var skipCtor=isPartial;++index<objLength;){var objValue=object[key=objProps[index]],othValue=other[key];if(customizer)var compared=isPartial?customizer(othValue,objValue,key,other,object,stack):customizer(objValue,othValue,key,object,other,stack);if(!(void 0===compared?objValue===othValue||equalFunc(objValue,othValue,bitmask,customizer,stack):compared)){result=!1;break}skipCtor||(skipCtor="constructor"==key)}if(result&&!skipCtor){var objCtor=object.constructor,othCtor=other.constructor;objCtor==othCtor||!("constructor"in object)||!("constructor"in other)||"function"==typeof objCtor&&objCtor instanceof objCtor&&"function"==typeof othCtor&&othCtor instanceof othCtor||(result=!1)}return stack.delete(object),stack.delete(other),result}var _equalObjects=equalObjects$1,getNative$4=_getNative,root$3=_root,DataView$1=getNative$4(root$3,"DataView"),_DataView=DataView$1,getNative$3=_getNative,root$2=_root,Promise$2=getNative$3(root$2,"Promise"),_Promise=Promise$2,getNative$2=_getNative,root$1=_root,Set$2=getNative$2(root$1,"Set"),_Set=Set$2,getNative$1=_getNative,root=_root,WeakMap$1=getNative$1(root,"WeakMap"),_WeakMap=WeakMap$1,DataView=_DataView,Map$1=_Map,Promise$1=_Promise,Set$1=_Set,WeakMap=_WeakMap,baseGetTag$1=_baseGetTag,toSource=_toSource,mapTag$3="[object Map]",objectTag$2="[object Object]",promiseTag="[object Promise]",setTag$3="[object Set]",weakMapTag$1="[object WeakMap]",dataViewTag$2="[object DataView]",dataViewCtorString=toSource(DataView),mapCtorString=toSource(Map$1),promiseCtorString=toSource(Promise$1),setCtorString=toSource(Set$1),weakMapCtorString=toSource(WeakMap),getTag$4=baseGetTag$1;(DataView&&getTag$4(new DataView(new ArrayBuffer(1)))!=dataViewTag$2||Map$1&&getTag$4(new Map$1)!=mapTag$3||Promise$1&&getTag$4(Promise$1.resolve())!=promiseTag||Set$1&&getTag$4(new Set$1)!=setTag$3||WeakMap&&getTag$4(new WeakMap)!=weakMapTag$1)&&(getTag$4=function getTag$4(value){var result=baseGetTag$1(value),Ctor=result==objectTag$2?value.constructor:void 0,ctorString=Ctor?toSource(Ctor):"";if(ctorString)switch(ctorString){case dataViewCtorString:return dataViewTag$2;case mapCtorString:return mapTag$3;case promiseCtorString:return promiseTag;case setCtorString:return setTag$3;case weakMapCtorString:return weakMapTag$1}return result});var _getTag=getTag$4,Stack$2=_Stack,equalArrays=_equalArrays,equalByTag=_equalByTag,equalObjects=_equalObjects,getTag$3=_getTag,isArray$6=isArray_1,isBuffer$1=isBuffer$3.exports,isTypedArray=isTypedArray_1,COMPARE_PARTIAL_FLAG$2=1,argsTag$1="[object Arguments]",arrayTag$1="[object Array]",objectTag$1="[object Object]",objectProto$3=Object.prototype,hasOwnProperty$3=objectProto$3.hasOwnProperty;function baseIsEqualDeep$1(object,other,bitmask,customizer,equalFunc,stack){var objIsArr=isArray$6(object),othIsArr=isArray$6(other),objTag=objIsArr?arrayTag$1:getTag$3(object),othTag=othIsArr?arrayTag$1:getTag$3(other),objIsObj=(objTag=objTag==argsTag$1?objectTag$1:objTag)==objectTag$1,othIsObj=(othTag=othTag==argsTag$1?objectTag$1:othTag)==objectTag$1,isSameTag=objTag==othTag;if(isSameTag&&isBuffer$1(object)){if(!isBuffer$1(other))return!1;objIsArr=!0,objIsObj=!1}if(isSameTag&&!objIsObj)return stack||(stack=new Stack$2),objIsArr||isTypedArray(object)?equalArrays(object,other,bitmask,customizer,equalFunc,stack):equalByTag(object,other,objTag,bitmask,customizer,equalFunc,stack);if(!(bitmask&COMPARE_PARTIAL_FLAG$2)){var objIsWrapped=objIsObj&&hasOwnProperty$3.call(object,"__wrapped__"),othIsWrapped=othIsObj&&hasOwnProperty$3.call(other,"__wrapped__");if(objIsWrapped||othIsWrapped){var objUnwrapped=objIsWrapped?object.value():object,othUnwrapped=othIsWrapped?other.value():other;return stack||(stack=new Stack$2),equalFunc(objUnwrapped,othUnwrapped,bitmask,customizer,stack)}}return!!isSameTag&&(stack||(stack=new Stack$2),equalObjects(object,other,bitmask,customizer,equalFunc,stack))}var _baseIsEqualDeep=baseIsEqualDeep$1,baseIsEqualDeep=_baseIsEqualDeep,isObjectLike$3=isObjectLike_1;function baseIsEqual$2(value,other,bitmask,customizer,stack){return value===other||(null==value||null==other||!isObjectLike$3(value)&&!isObjectLike$3(other)?value!=value&&other!=other:baseIsEqualDeep(value,other,bitmask,customizer,baseIsEqual$2,stack))}var _baseIsEqual=baseIsEqual$2,Stack$1=_Stack,baseIsEqual$1=_baseIsEqual,COMPARE_PARTIAL_FLAG$1=1,COMPARE_UNORDERED_FLAG$1=2;function baseIsMatch$1(object,source,matchData,customizer){var index=matchData.length,length=index,noCustomizer=!customizer;if(null==object)return!length;for(object=Object(object);index--;){var data=matchData[index];if(noCustomizer&&data[2]?data[1]!==object[data[0]]:!(data[0]in object))return!1}for(;++index<length;){var key=(data=matchData[index])[0],objValue=object[key],srcValue=data[1];if(noCustomizer&&data[2]){if(void 0===objValue&&!(key in object))return!1}else{var stack=new Stack$1;if(customizer)var result=customizer(objValue,srcValue,key,object,source,stack);if(!(void 0===result?baseIsEqual$1(srcValue,objValue,COMPARE_PARTIAL_FLAG$1|COMPARE_UNORDERED_FLAG$1,customizer,stack):result))return!1}}return!0}var _baseIsMatch=baseIsMatch$1,isObject$4=isObject_1;function isStrictComparable$2(value){return value==value&&!isObject$4(value)}var _isStrictComparable=isStrictComparable$2,isStrictComparable$1=_isStrictComparable,keys$2=keys_1;function getMatchData$1(object){for(var result=keys$2(object),length=result.length;length--;){var key=result[length],value=object[key];result[length]=[key,value,isStrictComparable$1(value)]}return result}var _getMatchData=getMatchData$1;function matchesStrictComparable$2(key,srcValue){return function(object){return null!=object&&(object[key]===srcValue&&(void 0!==srcValue||key in Object(object)))}}var _matchesStrictComparable=matchesStrictComparable$2,baseIsMatch=_baseIsMatch,getMatchData=_getMatchData,matchesStrictComparable$1=_matchesStrictComparable;function baseMatches$1(source){var matchData=getMatchData(source);return 1==matchData.length&&matchData[0][2]?matchesStrictComparable$1(matchData[0][0],matchData[0][1]):function(object){return object===source||baseIsMatch(object,source,matchData)}}var _baseMatches=baseMatches$1,baseGetTag=_baseGetTag,isObjectLike$2=isObjectLike_1,symbolTag$2="[object Symbol]";function isSymbol$3(value){return"symbol"==_typeof(value)||isObjectLike$2(value)&&baseGetTag(value)==symbolTag$2}var isSymbol_1=isSymbol$3,isArray$5=isArray_1,isSymbol$2=isSymbol_1,reIsDeepProp=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,reIsPlainProp=/^\w*$/;function isKey$3(value,object){if(isArray$5(value))return!1;var type=_typeof(value);return!("number"!=type&&"symbol"!=type&&"boolean"!=type&&null!=value&&!isSymbol$2(value))||(reIsPlainProp.test(value)||!reIsDeepProp.test(value)||null!=object&&value in Object(object))}var _isKey=isKey$3,MapCache=_MapCache,FUNC_ERROR_TEXT="Expected a function";function memoize$1(func,resolver){if("function"!=typeof func||null!=resolver&&"function"!=typeof resolver)throw new TypeError(FUNC_ERROR_TEXT);var memoized=function memoized(){var args=arguments,key=resolver?resolver.apply(this,args):args[0],cache=memoized.cache;if(cache.has(key))return cache.get(key);var result=func.apply(this,args);return memoized.cache=cache.set(key,result)||cache,result};return memoized.cache=new(memoize$1.Cache||MapCache),memoized}memoize$1.Cache=MapCache;var memoize_1=memoize$1,memoize=memoize_1,MAX_MEMOIZE_SIZE=500;function memoizeCapped$1(func){var result=memoize(func,(function(key){return cache.size===MAX_MEMOIZE_SIZE&&cache.clear(),key})),cache=result.cache;return result}var _memoizeCapped=memoizeCapped$1,memoizeCapped=_memoizeCapped,rePropName=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,reEscapeChar=/\\(\\)?/g,stringToPath$1=memoizeCapped((function(string){var result=[];return 46===string.charCodeAt(0)&&result.push(""),string.replace(rePropName,(function(match,number,quote,subString){result.push(quote?subString.replace(reEscapeChar,"$1"):number||match)})),result})),_stringToPath=stringToPath$1,Symbol$2=_Symbol,arrayMap$1=_arrayMap,isArray$4=isArray_1,isSymbol$1=isSymbol_1,INFINITY$2=1/0,symbolProto$1=Symbol$2?Symbol$2.prototype:void 0,symbolToString=symbolProto$1?symbolProto$1.toString:void 0;function baseToString$1(value){if("string"==typeof value)return value;if(isArray$4(value))return arrayMap$1(value,baseToString$1)+"";if(isSymbol$1(value))return symbolToString?symbolToString.call(value):"";var result=value+"";return"0"==result&&1/value==-INFINITY$2?"-0":result}var _baseToString=baseToString$1,baseToString=_baseToString;function toString$1(value){return null==value?"":baseToString(value)}var toString_1=toString$1,isArray$3=isArray_1,isKey$2=_isKey,stringToPath=_stringToPath,toString=toString_1;function castPath$4(value,object){return isArray$3(value)?value:isKey$2(value,object)?[value]:stringToPath(toString(value))}var _castPath=castPath$4,isSymbol=isSymbol_1,INFINITY$1=1/0;function toKey$5(value){if("string"==typeof value||isSymbol(value))return value;var result=value+"";return"0"==result&&1/value==-INFINITY$1?"-0":result}var _toKey=toKey$5,castPath$3=_castPath,toKey$4=_toKey;function baseGet$3(object,path){for(var index=0,length=(path=castPath$3(path,object)).length;null!=object&&index<length;)object=object[toKey$4(path[index++])];return index&&index==length?object:void 0}var _baseGet=baseGet$3,baseGet$2=_baseGet;function get$1(object,path,defaultValue){var result=null==object?void 0:baseGet$2(object,path);return void 0===result?defaultValue:result}var get_1=get$1;function baseHasIn$1(object,key){return null!=object&&key in Object(object)}var _baseHasIn=baseHasIn$1,castPath$2=_castPath,isArguments=isArguments_1,isArray$2=isArray_1,isIndex$1=_isIndex,isLength=isLength_1,toKey$3=_toKey;function hasPath$1(object,path,hasFunc){for(var index=-1,length=(path=castPath$2(path,object)).length,result=!1;++index<length;){var key=toKey$3(path[index]);if(!(result=null!=object&&hasFunc(object,key)))break;object=object[key]}return result||++index!=length?result:!!(length=null==object?0:object.length)&&isLength(length)&&isIndex$1(key,length)&&(isArray$2(object)||isArguments(object))}var _hasPath=hasPath$1,baseHasIn=_baseHasIn,hasPath=_hasPath;function hasIn$1(object,path){return null!=object&&hasPath(object,path,baseHasIn)}var hasIn_1=hasIn$1,baseIsEqual=_baseIsEqual,get=get_1,hasIn=hasIn_1,isKey$1=_isKey,isStrictComparable=_isStrictComparable,matchesStrictComparable=_matchesStrictComparable,toKey$2=_toKey,COMPARE_PARTIAL_FLAG=1,COMPARE_UNORDERED_FLAG=2;function baseMatchesProperty$1(path,srcValue){return isKey$1(path)&&isStrictComparable(srcValue)?matchesStrictComparable(toKey$2(path),srcValue):function(object){var objValue=get(object,path);return void 0===objValue&&objValue===srcValue?hasIn(object,path):baseIsEqual(srcValue,objValue,COMPARE_PARTIAL_FLAG|COMPARE_UNORDERED_FLAG)}}var _baseMatchesProperty=baseMatchesProperty$1;function identity$1(value){return value}var identity_1=identity$1;function baseProperty$1(key){return function(object){return null==object?void 0:object[key]}}var _baseProperty=baseProperty$1,baseGet$1=_baseGet;function basePropertyDeep$1(path){return function(object){return baseGet$1(object,path)}}var _basePropertyDeep=basePropertyDeep$1,baseProperty=_baseProperty,basePropertyDeep=_basePropertyDeep,isKey=_isKey,toKey$1=_toKey;function property$1(path){return isKey(path)?baseProperty(toKey$1(path)):basePropertyDeep(path)}var property_1=property$1,baseMatches=_baseMatches,baseMatchesProperty=_baseMatchesProperty,identity=identity_1,isArray$1=isArray_1,property=property_1;function baseIteratee$1(value){return"function"==typeof value?value:null==value?identity:"object"==_typeof(value)?isArray$1(value)?baseMatchesProperty(value[0],value[1]):baseMatches(value):property(value)}var _baseIteratee=baseIteratee$1,getNative=_getNative,defineProperty$1=function(){try{var func=getNative(Object,"defineProperty");return func({},"",{}),func}catch(e){}}(),_defineProperty=defineProperty$1,defineProperty=_defineProperty;function baseAssignValue$2(object,key,value){"__proto__"==key&&defineProperty?defineProperty(object,key,{configurable:!0,enumerable:!0,value:value,writable:!0}):object[key]=value}var _baseAssignValue=baseAssignValue$2,baseAssignValue$1=_baseAssignValue,eq=eq_1,objectProto$2=Object.prototype,hasOwnProperty$2=objectProto$2.hasOwnProperty;function assignValue$3(object,key,value){var objValue=object[key];hasOwnProperty$2.call(object,key)&&eq(objValue,value)&&(void 0!==value||key in object)||baseAssignValue$1(object,key,value)}var _assignValue=assignValue$3,assignValue$2=_assignValue,castPath$1=_castPath,isIndex=_isIndex,isObject$3=isObject_1,toKey=_toKey;function baseSet$1(object,path,value,customizer){if(!isObject$3(object))return object;for(var index=-1,length=(path=castPath$1(path,object)).length,lastIndex=length-1,nested=object;null!=nested&&++index<length;){var key=toKey(path[index]),newValue=value;if("__proto__"===key||"constructor"===key||"prototype"===key)return object;if(index!=lastIndex){var objValue=nested[key];void 0===(newValue=customizer?customizer(objValue,key,nested):void 0)&&(newValue=isObject$3(objValue)?objValue:isIndex(path[index+1])?[]:{})}assignValue$2(nested,key,newValue),nested=nested[key]}return object}var _baseSet=baseSet$1,baseGet=_baseGet,baseSet=_baseSet,castPath=_castPath;function basePickBy$1(object,paths,predicate){for(var index=-1,length=paths.length,result={};++index<length;){var path=paths[index],value=baseGet(object,path);predicate(value,path)&&baseSet(result,castPath(path,object),value)}return result}var _basePickBy=basePickBy$1,overArg=_overArg,getPrototype$2=overArg(Object.getPrototypeOf,Object),_getPrototype=getPrototype$2,arrayPush=_arrayPush,getPrototype$1=_getPrototype,getSymbols$1=_getSymbols,stubArray=stubArray_1,nativeGetSymbols=Object.getOwnPropertySymbols,getSymbolsIn$2=nativeGetSymbols?function(object){for(var result=[];object;)arrayPush(result,getSymbols$1(object)),object=getPrototype$1(object);return result}:stubArray,_getSymbolsIn=getSymbolsIn$2;function nativeKeysIn$1(object){var result=[];if(null!=object)for(var key in Object(object))result.push(key);return result}var _nativeKeysIn=nativeKeysIn$1,isObject$2=isObject_1,isPrototype$1=_isPrototype,nativeKeysIn=_nativeKeysIn,objectProto$1=Object.prototype,hasOwnProperty$1=objectProto$1.hasOwnProperty;function baseKeysIn$1(object){if(!isObject$2(object))return nativeKeysIn(object);var isProto=isPrototype$1(object),result=[];for(var key in object)("constructor"!=key||!isProto&&hasOwnProperty$1.call(object,key))&&result.push(key);return result}var _baseKeysIn=baseKeysIn$1,arrayLikeKeys=_arrayLikeKeys,baseKeysIn=_baseKeysIn,isArrayLike=isArrayLike_1;function keysIn$3(object){return isArrayLike(object)?arrayLikeKeys(object,!0):baseKeysIn(object)}var keysIn_1=keysIn$3,baseGetAllKeys=_baseGetAllKeys,getSymbolsIn$1=_getSymbolsIn,keysIn$2=keysIn_1;function getAllKeysIn$2(object){return baseGetAllKeys(object,keysIn$2,getSymbolsIn$1)}var _getAllKeysIn=getAllKeysIn$2,arrayMap=_arrayMap,baseIteratee=_baseIteratee,basePickBy=_basePickBy,getAllKeysIn$1=_getAllKeysIn;function pickBy(object,predicate){if(null==object)return{};var props=arrayMap(getAllKeysIn$1(object),(function(prop){return[prop]}));return predicate=baseIteratee(predicate),basePickBy(object,props,(function(value,path){return predicate(value,path[0])}))}var pickBy_1=pickBy,Table=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.table((function(_ref135){var theme=_ref135.theme;return{"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:codeCommon({theme:theme}),"& code":{margin:0,display:"inline-block",fontSize:theme.typography.size.s1}}}})),ArgJsDoc=function ArgJsDoc(_ref136){var tags=_ref136.tags,params=(tags.params||[]).filter((function(x){return x.description})),hasDisplayableParams=0!==params.length,hasDisplayableReturns=null!=tags.returns&&null!=tags.returns.description;return hasDisplayableParams||hasDisplayableReturns?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Table,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("tbody",null,hasDisplayableParams&&params.map((function(x){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("tr",{key:x.name},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("code",null,x.name)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,x.description))})),hasDisplayableReturns&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("tr",{key:"returns"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("code",null,"Returns")),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,tags.returns.description)))):null};function baseFindIndex$1(array,predicate,fromIndex,fromRight){for(var length=array.length,index=fromIndex+(fromRight?1:-1);fromRight?index--:++index<length;)if(predicate(array[index],index,array))return index;return-1}var _baseFindIndex=baseFindIndex$1;function baseIsNaN$1(value){return value!=value}var _baseIsNaN=baseIsNaN$1;function strictIndexOf$1(array,value,fromIndex){for(var index=fromIndex-1,length=array.length;++index<length;)if(array[index]===value)return index;return-1}var _strictIndexOf=strictIndexOf$1,baseFindIndex=_baseFindIndex,baseIsNaN=_baseIsNaN,strictIndexOf=_strictIndexOf;function baseIndexOf$1(array,value,fromIndex){return value==value?strictIndexOf(array,value,fromIndex):baseFindIndex(array,baseIsNaN,fromIndex)}var _baseIndexOf=baseIndexOf$1,baseIndexOf=_baseIndexOf;function arrayIncludes$1(array,value){return!!(null==array?0:array.length)&&baseIndexOf(array,value,0)>-1}var _arrayIncludes=arrayIncludes$1;function arrayIncludesWith$1(array,value,comparator){for(var index=-1,length=null==array?0:array.length;++index<length;)if(comparator(value,array[index]))return!0;return!1}var _arrayIncludesWith=arrayIncludesWith$1;function noop$1(){}var noop_1=noop$1,Set=_Set,noop=noop_1,setToArray$1=_setToArray,INFINITY=1/0,createSet$1=Set&&1/setToArray$1(new Set([,-0]))[1]==INFINITY?function(values){return new Set(values)}:noop,_createSet=createSet$1,SetCache=_SetCache,arrayIncludes=_arrayIncludes,arrayIncludesWith=_arrayIncludesWith,cacheHas=_cacheHas,createSet=_createSet,setToArray=_setToArray,LARGE_ARRAY_SIZE=200;function baseUniq$1(array,iteratee,comparator){var index=-1,includes=arrayIncludes,length=array.length,isCommon=!0,result=[],seen=result;if(comparator)isCommon=!1,includes=arrayIncludesWith;else if(length>=LARGE_ARRAY_SIZE){var set=iteratee?null:createSet(array);if(set)return setToArray(set);isCommon=!1,includes=cacheHas,seen=new SetCache}else seen=iteratee?[]:result;outer:for(;++index<length;){var value=array[index],computed=iteratee?iteratee(value):value;if(value=comparator||0!==value?value:0,isCommon&&computed==computed){for(var seenIndex=seen.length;seenIndex--;)if(seen[seenIndex]===computed)continue outer;iteratee&&seen.push(computed),result.push(value)}else includes(seen,computed,comparator)||(seen!==result&&seen.push(computed),result.push(value))}return result}var _baseUniq=baseUniq$1,baseUniq=_baseUniq;function uniq(array){return array&&array.length?baseUniq(array):[]}var uniq_1=uniq,ITEMS_BEFORE_EXPANSION=8,Summary=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref137){return{display:"flex",flexDirection:_ref137.isExpanded?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100}})),Text$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span(codeCommon,(function(_ref138){var theme=_ref138.theme,_ref138$simple=_ref138.simple,simple=void 0!==_ref138$simple&&_ref138$simple;return Object.assign({flex:"0 0 auto",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px"},simple&&{background:"transparent",border:"0 none",paddingLeft:0})})),ExpandButton=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.button((function(_ref139){var theme=_ref139.theme;return{fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:"4px",background:"none",border:"none"}})),Expandable=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div(codeCommon,(function(_ref140){var theme=_ref140.theme;return{fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})),Detail=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref141){var theme=_ref141.theme;return{width:_ref141.width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}}})),ArrowIcon=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Icons)({height:10,width:10,minWidth:10,marginLeft:4}),EmptyArg=function EmptyArg(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"-")},ArgText=function ArgText(_ref142){var text=_ref142.text,simple=_ref142.simple;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Text$2,{simple:simple},text)},calculateDetailWidth=memoizerific(1e3)((function(detail){var lines=detail.split(/\r?\n/);return"".concat(Math.max.apply(Math,_toConsumableArray(lines.map((function(x){return x.length})))),"ch")})),getSummaryItems=function getSummaryItems(summary){if(!summary)return[summary];var summaryItems=summary.split("|").map((function(value){return value.trim()}));return uniq_1(summaryItems)},renderSummaryItems=function renderSummaryItems(summaryItems){var isExpanded=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],items=summaryItems;return isExpanded||(items=summaryItems.slice(0,ITEMS_BEFORE_EXPANSION)),items.map((function(item){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgText,{key:item,text:""===item?'""':item})}))},ArgSummary=function ArgSummary(_ref143){var value=_ref143.value,initialExpandedArgs=_ref143.initialExpandedArgs,summary=value.summary,detail=value.detail,_useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),isOpen=_useState14[0],setIsOpen=_useState14[1],_useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(initialExpandedArgs||!1),2),isExpanded=_useState16[0],setIsExpanded=_useState16[1];if(null==summary)return null;var summaryAsString="function"==typeof summary.toString?summary.toString():summary;if(null==detail){if(/[(){}[\]<>]/.test(summaryAsString))return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgText,{text:summaryAsString});var summaryItems=getSummaryItems(summaryAsString),itemsCount=summaryItems.length;return itemsCount>ITEMS_BEFORE_EXPANSION?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Summary,{isExpanded:isExpanded},renderSummaryItems(summaryItems,isExpanded),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ExpandButton,{onClick:function onClick(){return setIsExpanded(!isExpanded)}},isExpanded?"Show less...":"Show ".concat(itemsCount-ITEMS_BEFORE_EXPANSION," more..."))):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Summary,null,renderSummaryItems(summaryItems))}return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(WithTooltipPure,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:isOpen,onVisibilityChange:function onVisibilityChange(isVisible){setIsOpen(isVisible)},tooltip:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Detail,{width:calculateDetailWidth(detail)},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SyntaxHighlighter,{language:"jsx",format:!1},detail))},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Expandable,{className:"sbdocs-expandable"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,summaryAsString),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArrowIcon,{icon:isOpen?"arrowup":"arrowdown"})))},ArgValue=function ArgValue(_ref144){var value=_ref144.value,initialExpandedArgs=_ref144.initialExpandedArgs;return null==value?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(EmptyArg,null):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgSummary,{value:value,initialExpandedArgs:initialExpandedArgs})},getControlId=function getControlId(value){return"control-".concat(value.replace(/\s+/g,"-"))},getControlSetterButtonId=function getControlSetterButtonId(value){return"set-".concat(value.replace(/\s+/g,"-"))},Label$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.label((function(_ref145){var theme=_ref145.theme;return{lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:"".concat(curriedOpacify$1(.05,theme.appBorderColor)),borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset !important")}},span:{textAlign:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:curriedTransparentize$1(.4,theme.color.defaultText),background:"transparent","&:hover":{boxShadow:"".concat(curriedOpacify$1(.3,theme.appBorderColor)," 0 0 0 1px inset")},"&:active":{boxShadow:"".concat(curriedOpacify$1(.05,theme.appBorderColor)," 0 0 0 2px inset"),color:curriedOpacify$1(1,theme.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:theme.background.app,boxShadow:"".concat(curriedOpacify$1(.1,theme.appBorderColor)," 0 0 2px"),color:theme.color.defaultText,padding:"7px 15px"}}})),parse$2=function parse$2(value){return"true"===value},BooleanControl=function BooleanControl(_ref146){var name=_ref146.name,value=_ref146.value,_onChange=_ref146.onChange,onBlur=_ref146.onBlur,onFocus=_ref146.onFocus,onSetFalse=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){return _onChange(!1)}),[_onChange]);if(void 0===value)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onSetFalse},"Set boolean");var parsedValue="string"==typeof value?parse$2(value):value;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Label$3,{htmlFor:name,title:parsedValue?"Change to false":"Change to true"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("input",Object.assign({id:getControlId(name),type:"checkbox",onChange:function onChange(e){return _onChange(e.target.checked)},checked:parsedValue},{name:name,onBlur:onBlur,onFocus:onFocus})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"False"),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"True"))},parseDate=function parseDate(value){var _value$split2=_slicedToArray(value.split("-"),3),year=_value$split2[0],month=_value$split2[1],day=_value$split2[2],result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result},parseTime=function parseTime(value){var _value$split4=_slicedToArray(value.split(":"),2),hours=_value$split4[0],minutes=_value$split4[1],result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result},formatDate=function formatDate(value){var date=new Date(value),year="000".concat(date.getFullYear()).slice(-4),month="0".concat(date.getMonth()+1).slice(-2),day="0".concat(date.getDate()).slice(-2);return"".concat(year,"-").concat(month,"-").concat(day)},formatTime=function formatTime(value){var date=new Date(value),hours="0".concat(date.getHours()).slice(-2),minutes="0".concat(date.getMinutes()).slice(-2);return"".concat(hours,":").concat(minutes)},FlexSpaced=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref147){return{flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:"light"===_ref147.theme.base?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}}})),DateControl=function DateControl(_ref148){var name=_ref148.name,value=_ref148.value,onChange=_ref148.onChange,onFocus=_ref148.onFocus,onBlur=_ref148.onBlur,_useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!0),2),valid=_useState18[0],setValid=_useState18[1],dateRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(),timeRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)();Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){!1!==valid&&(dateRef&&dateRef.current&&(dateRef.current.value=formatDate(value)),timeRef&&timeRef.current&&(timeRef.current.value=formatTime(value)))}),[value]);var controlId=getControlId(name);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(FlexSpaced,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Input,Object.assign({type:"date",max:"9999-12-31",ref:dateRef,id:"".concat(controlId,"-date"),name:"".concat(controlId,"-date"),onChange:function onDateChange(e){var parsed=parseDate(e.target.value),result=new Date(value);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());var time=result.getTime();time&&onChange(time),setValid(!!time)}},{onFocus:onFocus,onBlur:onBlur})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Input,Object.assign({type:"time",id:"".concat(controlId,"-time"),name:"".concat(controlId,"-time"),ref:timeRef,onChange:function onTimeChange(e){var parsed=parseTime(e.target.value),result=new Date(value);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());var time=result.getTime();time&&onChange(time),setValid(!!time)}},{onFocus:onFocus,onBlur:onBlur})),valid?null:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null,"invalid"))},Wrapper$5=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.label({display:"flex"}),parse$1=function parse$1(value){var result=parseFloat(value);return Number.isNaN(result)?void 0:result},format=function format(value){return null!=value?String(value):""},NumberControl=function NumberControl(_ref149){var name=_ref149.name,value=_ref149.value,onChange=_ref149.onChange,min=_ref149.min,max=_ref149.max,step=_ref149.step,onBlur=_ref149.onBlur,onFocus=_ref149.onFocus,_useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)("number"==typeof value?value:""),2),inputValue=_useState20[0],setInputValue=_useState20[1],_useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),forceVisible=_useState22[0],setForceVisible=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(null),2),parseError=_useState24[0],setParseError=_useState24[1],handleChange=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(event){setInputValue(event.target.value);var result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error("'".concat(event.target.value,"' is not a number"))):(onChange(result),setParseError(null))}),[onChange,setParseError]),onForceVisible=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){setInputValue("0"),onChange(0),setForceVisible(!0)}),[setForceVisible]),htmlElRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null);return Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){inputValue!==("number"==typeof value?value:"")&&setInputValue(value)}),[value]),forceVisible||void 0!==value?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$5,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Input,Object.assign({ref:htmlElRef,id:getControlId(name),type:"number",onChange:handleChange,size:"flex",placeholder:"Edit number...",value:inputValue,valid:parseError?"error":null,autoFocus:forceVisible},{name:name,min:min,max:max,step:step,onFocus:onFocus,onBlur:onBlur}))):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set number")};function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from("string"==typeof templ?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce((function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map((function(match){var _a,_b;return null!==(_b=null===(_a=match.match(/[\t ]/g))||void 0===_a?void 0:_a.length)&&void 0!==_b?_b:0}))):arr}),[]);if(indentLengths.length){var pattern_1=new RegExp("\n[\t ]{"+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map((function(str){return str.replace(pattern_1,"\n")}))}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach((function(value,i){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value;"string"==typeof value&&value.includes("\n")&&(indentedValue=String(value).split("\n").map((function(str,i){return 0===i?str:""+endentation+str})).join("\n")),string+=indentedValue+strings[i+1]})),string}var selectedKey=function selectedKey(value,options){var entry=options&&Object.entries(options).find((function(_ref150){var _ref151=_slicedToArray(_ref150,2);_ref151[0];return _ref151[1]===value}));return entry?entry[0]:void 0},selectedKeys=function selectedKeys(value,options){return value&&options?Object.entries(options).filter((function(entry){return value.includes(entry[1])})).map((function(entry){return entry[0]})):[]},selectedValues=function selectedValues(keys,options){return keys&&options&&keys.map((function(key){return options[key]}))},Wrapper$4=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref152){return _ref152.isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}})),Text$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({}),Label$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=function CheckboxControl(_ref153){var name=_ref153.name,options=_ref153.options,value=_ref153.value,onChange=_ref153.onChange,isInline=_ref153.isInline;if(!options)return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_55__.a.warn("Checkbox with no options: ".concat(name)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,"-");var initial=selectedKeys(value,options),_useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(initial),2),selected=_useState26[0],setSelected=_useState26[1],handleChange=function handleChange(e){var option=e.target.value,updated=_toConsumableArray(selected);(null==updated?void 0:updated.includes(option))?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated)},controlId=getControlId(name);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$4,{isInline:isInline},Object.keys(options).map((function(key,index){var id="".concat(controlId,"-").concat(index);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Label$2,{key:id,htmlFor:id},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("input",{type:"checkbox",id:id,name:id,value:key,onChange:handleChange,checked:null==selected?void 0:selected.includes(key)}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Text$1,null,key))})))},Wrapper$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref154){return _ref154.isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}}));_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.fieldset({border:0,padding:0,margin:0});var Text=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({}),Label$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=function RadioControl(_ref155){var name=_ref155.name,options=_ref155.options,value=_ref155.value,_onChange2=_ref155.onChange,isInline=_ref155.isInline;if(!options)return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_55__.a.warn("Radio with no options: ".concat(name)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,"-");var selection=selectedKey(value,options),controlId=getControlId(name);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$3,{isInline:isInline},Object.keys(options).map((function(key,index){var id="".concat(controlId,"-").concat(index);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Label$1,{key:id,htmlFor:id},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("input",{type:"radio",id:id,name:id,value:key,onChange:function onChange(e){return _onChange2(options[e.currentTarget.value])},checked:key===selection}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Text,null,key))})))},styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},OptionsSelect=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.select((function(_ref156){var theme=_ref156.theme;return Object.assign(Object.assign({},styleResets),{boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:theme.input.color||"inherit",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:"".concat(theme.input.border," 0 0 0 1px inset"),fontSize:theme.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset"),outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:theme.color.mediumdark},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})})),SelectWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: inline-block;\n  line-height: normal;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  width: 100%;\n\n  svg {\n    position: absolute;\n    z-index: 1;\n    pointer-events: none;\n    height: 12px;\n    margin-top: -6px;\n    right: 12px;\n    top: 50%;\n\n    path {\n      fill: currentColor;\n    }\n  }\n"]))),NO_SELECTION="Choose option...",SingleSelect=function SingleSelect(_ref157){var name=_ref157.name,value=_ref157.value,options=_ref157.options,onChange=_ref157.onChange,selection=selectedKey(value,options)||NO_SELECTION,controlId=getControlId(name);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SelectWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"arrowdown"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(OptionsSelect,{id:controlId,value:selection,onChange:function handleChange(e){onChange(options[e.currentTarget.value])}},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("option",{key:"no-selection",disabled:!0},NO_SELECTION),Object.keys(options).map((function(key){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("option",{key:key},key)}))))},MultiSelect=function MultiSelect(_ref158){var name=_ref158.name,value=_ref158.value,options=_ref158.options,onChange=_ref158.onChange,selection=selectedKeys(value,options),controlId=getControlId(name);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SelectWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:function handleChange(e){var selection=Array.from(e.currentTarget.options).filter((function(option){return option.selected})).map((function(option){return option.value}));onChange(selectedValues(selection,options))}},Object.keys(options).map((function(key){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("option",{key:key},key)}))))},SelectControl=function SelectControl(props){var name=props.name;return props.options?props.isMulti?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(MultiSelect,Object.assign({},props)):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SingleSelect,Object.assign({},props)):(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_55__.a.warn("Select with no options: ".concat(name)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,"-"))},normalizeOptions=function normalizeOptions(options,labels){return Array.isArray(options)?options.reduce((function(acc,item){return acc[(null==labels?void 0:labels[item])||String(item)]=item,acc}),{}):options},Controls$1={check:CheckboxControl,"inline-check":CheckboxControl,radio:RadioControl,"inline-radio":RadioControl,select:SelectControl,"multi-select":SelectControl},OptionsControl=function OptionsControl(props){var _props$type=props.type,type=void 0===_props$type?"select":_props$type,options=props.options,labels=props.labels,argType=props.argType,normalized=Object.assign(Object.assign({},props),{options:normalizeOptions(options||argType.options,labels),isInline:type.includes("inline"),isMulti:type.includes("multi")});options&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_55__.b.warn(dedent(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      'control.options' is deprecated and will be removed in Storybook 7.0. Define 'options' directly on the argType instead, and use 'control.labels' for custom labels.\n\n      More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-controloptions\n    "]))));var Control=Controls$1[type];if(Control)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Control,Object.assign({},normalized));throw new Error("Unknown options type: ".concat(type))};function arrayEach$1(array,iteratee){for(var index=-1,length=null==array?0:array.length;++index<length&&!1!==iteratee(array[index],index,array););return array}var _arrayEach=arrayEach$1,assignValue$1=_assignValue,baseAssignValue=_baseAssignValue;function copyObject$4(source,props,object,customizer){var isNew=!object;object||(object={});for(var index=-1,length=props.length;++index<length;){var key=props[index],newValue=customizer?customizer(object[key],source[key],key,object,source):void 0;void 0===newValue&&(newValue=source[key]),isNew?baseAssignValue(object,key,newValue):assignValue$1(object,key,newValue)}return object}var _copyObject=copyObject$4,copyObject$3=_copyObject,keys$1=keys_1;function baseAssign$1(object,source){return object&&copyObject$3(source,keys$1(source),object)}var _baseAssign=baseAssign$1,copyObject$2=_copyObject,keysIn$1=keysIn_1;function baseAssignIn$1(object,source){return object&&copyObject$2(source,keysIn$1(source),object)}var _baseAssignIn=baseAssignIn$1,_cloneBuffer={exports:{}};function copyArray$1(source,array){var index=-1,length=source.length;for(array||(array=Array(length));++index<length;)array[index]=source[index];return array}!function(module,exports){var root=_root,freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&module&&!module.nodeType&&module,Buffer=freeModule&&freeModule.exports===freeExports?root.Buffer:void 0,allocUnsafe=Buffer?Buffer.allocUnsafe:void 0;module.exports=function cloneBuffer(buffer,isDeep){if(isDeep)return buffer.slice();var length=buffer.length,result=allocUnsafe?allocUnsafe(length):new buffer.constructor(length);return buffer.copy(result),result}}(_cloneBuffer,_cloneBuffer.exports);var _copyArray=copyArray$1,copyObject$1=_copyObject,getSymbols=_getSymbols;function copySymbols$1(source,object){return copyObject$1(source,getSymbols(source),object)}var _copySymbols=copySymbols$1,copyObject=_copyObject,getSymbolsIn=_getSymbolsIn;function copySymbolsIn$1(source,object){return copyObject(source,getSymbolsIn(source),object)}var _copySymbolsIn=copySymbolsIn$1,objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty;function initCloneArray$1(array){var length=array.length,result=new array.constructor(length);return length&&"string"==typeof array[0]&&hasOwnProperty.call(array,"index")&&(result.index=array.index,result.input=array.input),result}var _initCloneArray=initCloneArray$1,Uint8Array=_Uint8Array;function cloneArrayBuffer$3(arrayBuffer){var result=new arrayBuffer.constructor(arrayBuffer.byteLength);return new Uint8Array(result).set(new Uint8Array(arrayBuffer)),result}var _cloneArrayBuffer=cloneArrayBuffer$3,cloneArrayBuffer$2=_cloneArrayBuffer;function cloneDataView$1(dataView,isDeep){var buffer=isDeep?cloneArrayBuffer$2(dataView.buffer):dataView.buffer;return new dataView.constructor(buffer,dataView.byteOffset,dataView.byteLength)}var _cloneDataView=cloneDataView$1,reFlags=/\w*$/;function cloneRegExp$1(regexp){var result=new regexp.constructor(regexp.source,reFlags.exec(regexp));return result.lastIndex=regexp.lastIndex,result}var _cloneRegExp=cloneRegExp$1,Symbol$1=_Symbol,symbolProto=Symbol$1?Symbol$1.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;function cloneSymbol$1(symbol){return symbolValueOf?Object(symbolValueOf.call(symbol)):{}}var _cloneSymbol=cloneSymbol$1,cloneArrayBuffer$1=_cloneArrayBuffer;function cloneTypedArray$1(typedArray,isDeep){var buffer=isDeep?cloneArrayBuffer$1(typedArray.buffer):typedArray.buffer;return new typedArray.constructor(buffer,typedArray.byteOffset,typedArray.length)}var _cloneTypedArray=cloneTypedArray$1,cloneArrayBuffer=_cloneArrayBuffer,cloneDataView=_cloneDataView,cloneRegExp=_cloneRegExp,cloneSymbol=_cloneSymbol,cloneTypedArray=_cloneTypedArray,boolTag$1="[object Boolean]",dateTag$1="[object Date]",mapTag$2="[object Map]",numberTag$1="[object Number]",regexpTag$1="[object RegExp]",setTag$2="[object Set]",stringTag$1="[object String]",symbolTag$1="[object Symbol]",arrayBufferTag$1="[object ArrayBuffer]",dataViewTag$1="[object DataView]",float32Tag$1="[object Float32Array]",float64Tag$1="[object Float64Array]",int8Tag$1="[object Int8Array]",int16Tag$1="[object Int16Array]",int32Tag$1="[object Int32Array]",uint8Tag$1="[object Uint8Array]",uint8ClampedTag$1="[object Uint8ClampedArray]",uint16Tag$1="[object Uint16Array]",uint32Tag$1="[object Uint32Array]";function initCloneByTag$1(object,tag,isDeep){var Ctor=object.constructor;switch(tag){case arrayBufferTag$1:return cloneArrayBuffer(object);case boolTag$1:case dateTag$1:return new Ctor(+object);case dataViewTag$1:return cloneDataView(object,isDeep);case float32Tag$1:case float64Tag$1:case int8Tag$1:case int16Tag$1:case int32Tag$1:case uint8Tag$1:case uint8ClampedTag$1:case uint16Tag$1:case uint32Tag$1:return cloneTypedArray(object,isDeep);case mapTag$2:return new Ctor;case numberTag$1:case stringTag$1:return new Ctor(object);case regexpTag$1:return cloneRegExp(object);case setTag$2:return new Ctor;case symbolTag$1:return cloneSymbol(object)}}var _initCloneByTag=initCloneByTag$1,isObject$1=isObject_1,objectCreate=Object.create,baseCreate$1=function(){function object(){}return function(proto){if(!isObject$1(proto))return{};if(objectCreate)return objectCreate(proto);object.prototype=proto;var result=new object;return object.prototype=void 0,result}}(),_baseCreate=baseCreate$1,baseCreate=_baseCreate,getPrototype=_getPrototype,isPrototype=_isPrototype;function initCloneObject$1(object){return"function"!=typeof object.constructor||isPrototype(object)?{}:baseCreate(getPrototype(object))}var _initCloneObject=initCloneObject$1,getTag$2=_getTag,isObjectLike$1=isObjectLike_1,mapTag$1="[object Map]";function baseIsMap$1(value){return isObjectLike$1(value)&&getTag$2(value)==mapTag$1}var _baseIsMap=baseIsMap$1,baseIsMap=_baseIsMap,baseUnary$1=_baseUnary,nodeUtil$1=_nodeUtil.exports,nodeIsMap=nodeUtil$1&&nodeUtil$1.isMap,isMap$1=nodeIsMap?baseUnary$1(nodeIsMap):baseIsMap,isMap_1=isMap$1,getTag$1=_getTag,isObjectLike=isObjectLike_1,setTag$1="[object Set]";function baseIsSet$1(value){return isObjectLike(value)&&getTag$1(value)==setTag$1}var _baseIsSet=baseIsSet$1,baseIsSet=_baseIsSet,baseUnary=_baseUnary,nodeUtil=_nodeUtil.exports,nodeIsSet=nodeUtil&&nodeUtil.isSet,isSet$1=nodeIsSet?baseUnary(nodeIsSet):baseIsSet,isSet_1=isSet$1,Stack=_Stack,arrayEach=_arrayEach,assignValue=_assignValue,baseAssign=_baseAssign,baseAssignIn=_baseAssignIn,cloneBuffer=_cloneBuffer.exports,copyArray=_copyArray,copySymbols=_copySymbols,copySymbolsIn=_copySymbolsIn,getAllKeys=_getAllKeys,getAllKeysIn=_getAllKeysIn,getTag=_getTag,initCloneArray=_initCloneArray,initCloneByTag=_initCloneByTag,initCloneObject=_initCloneObject,isArray=isArray_1,isBuffer=isBuffer$3.exports,isMap=isMap_1,isObject=isObject_1,isSet=isSet_1,keys=keys_1,keysIn=keysIn_1,CLONE_DEEP_FLAG$1=1,CLONE_FLAT_FLAG=2,CLONE_SYMBOLS_FLAG$1=4,argsTag="[object Arguments]",arrayTag="[object Array]",boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",funcTag="[object Function]",genTag="[object GeneratorFunction]",mapTag="[object Map]",numberTag="[object Number]",objectTag="[object Object]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",symbolTag="[object Symbol]",weakMapTag="[object WeakMap]",arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",float32Tag="[object Float32Array]",float64Tag="[object Float64Array]",int8Tag="[object Int8Array]",int16Tag="[object Int16Array]",int32Tag="[object Int32Array]",uint8Tag="[object Uint8Array]",uint8ClampedTag="[object Uint8ClampedArray]",uint16Tag="[object Uint16Array]",uint32Tag="[object Uint32Array]",cloneableTags={};function baseClone$1(value,bitmask,customizer,key,object,stack){var result,isDeep=bitmask&CLONE_DEEP_FLAG$1,isFlat=bitmask&CLONE_FLAT_FLAG,isFull=bitmask&CLONE_SYMBOLS_FLAG$1;if(customizer&&(result=object?customizer(value,key,object,stack):customizer(value)),void 0!==result)return result;if(!isObject(value))return value;var isArr=isArray(value);if(isArr){if(result=initCloneArray(value),!isDeep)return copyArray(value,result)}else{var tag=getTag(value),isFunc=tag==funcTag||tag==genTag;if(isBuffer(value))return cloneBuffer(value,isDeep);if(tag==objectTag||tag==argsTag||isFunc&&!object){if(result=isFlat||isFunc?{}:initCloneObject(value),!isDeep)return isFlat?copySymbolsIn(value,baseAssignIn(result,value)):copySymbols(value,baseAssign(result,value))}else{if(!cloneableTags[tag])return object?value:{};result=initCloneByTag(value,tag,isDeep)}}stack||(stack=new Stack);var stacked=stack.get(value);if(stacked)return stacked;stack.set(value,result),isSet(value)?value.forEach((function(subValue){result.add(baseClone$1(subValue,bitmask,customizer,subValue,value,stack))})):isMap(value)&&value.forEach((function(subValue,key){result.set(key,baseClone$1(subValue,bitmask,customizer,key,value,stack))}));var props=isArr?void 0:(isFull?isFlat?getAllKeysIn:getAllKeys:isFlat?keysIn:keys)(value);return arrayEach(props||value,(function(subValue,key){props&&(subValue=value[key=subValue]),assignValue(result,key,baseClone$1(subValue,bitmask,customizer,key,value,stack))})),result}cloneableTags[argsTag]=cloneableTags[arrayTag]=cloneableTags[arrayBufferTag]=cloneableTags[dataViewTag]=cloneableTags[boolTag]=cloneableTags[dateTag]=cloneableTags[float32Tag]=cloneableTags[float64Tag]=cloneableTags[int8Tag]=cloneableTags[int16Tag]=cloneableTags[int32Tag]=cloneableTags[mapTag]=cloneableTags[numberTag]=cloneableTags[objectTag]=cloneableTags[regexpTag]=cloneableTags[setTag]=cloneableTags[stringTag]=cloneableTags[symbolTag]=cloneableTags[uint8Tag]=cloneableTags[uint8ClampedTag]=cloneableTags[uint16Tag]=cloneableTags[uint32Tag]=!0,cloneableTags[errorTag]=cloneableTags[funcTag]=cloneableTags[weakMapTag]=!1;var _baseClone=baseClone$1,baseClone=_baseClone,CLONE_DEEP_FLAG=1,CLONE_SYMBOLS_FLAG=4;function cloneDeep(value){return baseClone(value,CLONE_DEEP_FLAG|CLONE_SYMBOLS_FLAG)}var cloneDeep_1=cloneDeep,VALUE="value",KEY="key",ERROR="Error",OBJECT="Object",ARRAY="Array",STRING="String",NUMBER="Number",BOOLEAN="Boolean",DATE="Date",NULL="Null",UNDEFINED="Undefined",FUNCTION="Function",SYMBOL="Symbol",ADD_DELTA_TYPE="ADD_DELTA_TYPE",REMOVE_DELTA_TYPE="REMOVE_DELTA_TYPE",UPDATE_DELTA_TYPE="UPDATE_DELTA_TYPE";function getObjectType(obj){return null===obj||"object"!==_typeof(obj)||Array.isArray(obj)||"function"!=typeof obj[Symbol.iterator]?Object.prototype.toString.call(obj).slice(8,-1):"Iterable"}function isComponentWillChange(oldValue,newValue){var oldType=getObjectType(oldValue),newType=getObjectType(newValue);return("Function"===oldType||"Function"===newType)&&newType!==oldType}var JsonAddValue=function(_Component4){_inherits(JsonAddValue,_Component4);var _super4=_createSuper(JsonAddValue);function JsonAddValue(props){var _this5;return _classCallCheck(this,JsonAddValue),(_this5=_super4.call(this,props)).state={inputRefKey:null,inputRefValue:null},_this5.refInputValue=_this5.refInputValue.bind(_assertThisInitialized2(_this5)),_this5.refInputKey=_this5.refInputKey.bind(_assertThisInitialized2(_this5)),_this5.onKeydown=_this5.onKeydown.bind(_assertThisInitialized2(_this5)),_this5.onSubmit=_this5.onSubmit.bind(_assertThisInitialized2(_this5)),_this5}return _createClass(JsonAddValue,[{key:"componentDidMount",value:function componentDidMount(){var _this$state=this.state,inputRefKey=_this$state.inputRefKey,inputRefValue=_this$state.inputRefValue,onlyValue=this.props.onlyValue;inputRefKey&&"function"==typeof inputRefKey.focus&&inputRefKey.focus(),onlyValue&&inputRefValue&&"function"==typeof inputRefValue.focus&&inputRefValue.focus(),document.addEventListener("keydown",this.onKeydown)}},{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}},{key:"onKeydown",value:function onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||("Enter"!==event.code&&"Enter"!==event.key||(event.preventDefault(),this.onSubmit()),"Escape"!==event.code&&"Escape"!==event.key||(event.preventDefault(),this.props.handleCancel()))}},{key:"onSubmit",value:function onSubmit(){var _this$props3=this.props,handleAdd=_this$props3.handleAdd,onlyValue=_this$props3.onlyValue,onSubmitValueParser=_this$props3.onSubmitValueParser,keyPath=_this$props3.keyPath,deep=_this$props3.deep,_this$state2=this.state,inputRefKey=_this$state2.inputRefKey,inputRefValue=_this$state2.inputRefValue,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result)}},{key:"refInputKey",value:function refInputKey(node){this.state.inputRefKey=node}},{key:"refInputValue",value:function refInputValue(node){this.state.inputRefValue=node}},{key:"render",value:function render(){var _this$props4=this.props,handleCancel=_this$props4.handleCancel,onlyValue=_this$props4.onlyValue,addButtonElement=_this$props4.addButtonElement,cancelButtonElement=_this$props4.cancelButtonElement,inputElementGenerator=_this$props4.inputElementGenerator,keyPath=_this$props4.keyPath,deep=_this$props4.deep,addButtonElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator(VALUE,keyPath,deep),inputElementValueLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(inputElementValue,{placeholder:"Value",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){var inputElementKey=inputElementGenerator(KEY,keyPath,deep);inputElementKeyLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(inputElementKey,{placeholder:"Key",ref:this.refInputKey})}return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-add-value-node"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}}]),JsonAddValue}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",null,"+"),cancelButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",null,"c")};var JsonArray=function(_Component5){_inherits(JsonArray,_Component5);var _super5=_createSuper(JsonArray);function JsonArray(props){var _this6;_classCallCheck(this,JsonArray),_this6=_super5.call(this,props);var keyPath=[].concat(_toConsumableArray(props.keyPath),[props.name]);return _this6.state={data:props.data,name:props.name,keyPath:keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},_this6.handleCollapseMode=_this6.handleCollapseMode.bind(_assertThisInitialized2(_this6)),_this6.handleRemoveItem=_this6.handleRemoveItem.bind(_assertThisInitialized2(_this6)),_this6.handleAddMode=_this6.handleAddMode.bind(_assertThisInitialized2(_this6)),_this6.handleAddValueAdd=_this6.handleAddValueAdd.bind(_assertThisInitialized2(_this6)),_this6.handleAddValueCancel=_this6.handleAddValueCancel.bind(_assertThisInitialized2(_this6)),_this6.handleEditValue=_this6.handleEditValue.bind(_assertThisInitialized2(_this6)),_this6.onChildUpdate=_this6.onChildUpdate.bind(_assertThisInitialized2(_this6)),_this6.renderCollapsed=_this6.renderCollapsed.bind(_assertThisInitialized2(_this6)),_this6.renderNotCollapsed=_this6.renderNotCollapsed.bind(_assertThisInitialized2(_this6)),_this6}return _createClass(JsonArray,[{key:"onChildUpdate",value:function onChildUpdate(childKey,childData){var _this$state3=this.state,data=_this$state3.data,keyPath=_this$state3.keyPath;data[childKey]=childData,this.setState({data:data}),(0,this.props.onUpdate)(keyPath[keyPath.length-1],data)}},{key:"handleAddMode",value:function handleAddMode(){this.setState({addFormVisible:!0})}},{key:"handleCollapseMode",value:function handleCollapseMode(){this.setState((function(state){return{collapsed:!state.collapsed}}))}},{key:"handleRemoveItem",value:function handleRemoveItem(index){var _this7=this;return function(){var _this7$props=_this7.props,beforeRemoveAction=_this7$props.beforeRemoveAction,logger=_this7$props.logger,_this7$state=_this7.state,data=_this7$state.data,keyPath=_this7$state.keyPath,deep=_this7$state.nextDeep,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then((function(){var deltaUpdateResult={keyPath:keyPath,deep:deep,key:index,oldValue:oldValue,type:REMOVE_DELTA_TYPE};data.splice(index,1),_this7.setState({data:data});var _this7$props2=_this7.props,onUpdate=_this7$props2.onUpdate,onDeltaUpdate=_this7$props2.onDeltaUpdate;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger.error)}}},{key:"handleAddValueAdd",value:function handleAddValueAdd(_ref159){var _this8=this,newValue=_ref159.newValue,_this$state4=this.state,data=_this$state4.data,keyPath=_this$state4.keyPath,deep=_this$state4.nextDeep,_this$props5=this.props,beforeAddAction=_this$props5.beforeAddAction,logger=_this$props5.logger;beforeAddAction(data.length,keyPath,deep,newValue).then((function(){var newData=[].concat(_toConsumableArray(data),[newValue]);_this8.setState({data:newData}),_this8.handleAddValueCancel();var _this8$props=_this8.props,onUpdate=_this8$props.onUpdate,onDeltaUpdate=_this8$props.onDeltaUpdate;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath:keyPath,deep:deep,key:newData.length-1,newValue:newValue})})).catch(logger.error)}},{key:"handleAddValueCancel",value:function handleAddValueCancel(){this.setState({addFormVisible:!1})}},{key:"handleEditValue",value:function handleEditValue(_ref160){var _this9=this,key=_ref160.key,value=_ref160.value;return new Promise((function(resolve,reject){var beforeUpdateAction=_this9.props.beforeUpdateAction,_this9$state=_this9.state,data=_this9$state.data,keyPath=_this9$state.keyPath,deep=_this9$state.nextDeep,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value).then((function(){data[key]=value,_this9.setState({data:data});var _this9$props=_this9.props,onUpdate=_this9$props.onUpdate,onDeltaUpdate=_this9$props.onDeltaUpdate;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath:keyPath,deep:deep,key:key,newValue:value,oldValue:oldValue}),resolve(void 0)})).catch(reject)}))}},{key:"renderCollapsed",value:function renderCollapsed(){var _this$state5=this.state,name=_this$state5.name,data=_this$state5.data,keyPath=_this$state5.keyPath,deep=_this$state5.deep,_this$props6=this.props,handleRemove=_this$props6.handleRemove,readOnly=_this$props6.readOnly,getStyle=_this$props6.getStyle,dataType=_this$props6.dataType,minusMenuElement=_this$props6.minusMenuElement,_getStyle=getStyle(name,data,keyPath,deep,dataType),minus=_getStyle.minus,collapsed=_getStyle.collapsed,isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-collapsed"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"[...] ",data.length," ",1===data.length?"item":"items"),!isReadOnly&&removeItemButton)}},{key:"renderNotCollapsed",value:function renderNotCollapsed(){var _this10=this,_this$state6=this.state,name=_this$state6.name,data=_this$state6.data,keyPath=_this$state6.keyPath,deep=_this$state6.deep,addFormVisible=_this$state6.addFormVisible,nextDeep=_this$state6.nextDeep,_this$props7=this.props,isCollapsed=_this$props7.isCollapsed,handleRemove=_this$props7.handleRemove,onDeltaUpdate=_this$props7.onDeltaUpdate,readOnly=_this$props7.readOnly,getStyle=_this$props7.getStyle,dataType=_this$props7.dataType,addButtonElement=_this$props7.addButtonElement,cancelButtonElement=_this$props7.cancelButtonElement,editButtonElement=_this$props7.editButtonElement,inputElementGenerator=_this$props7.inputElementGenerator,textareaElementGenerator=_this$props7.textareaElementGenerator,minusMenuElement=_this$props7.minusMenuElement,plusMenuElement=_this$props7.plusMenuElement,beforeRemoveAction=_this$props7.beforeRemoveAction,beforeAddAction=_this$props7.beforeAddAction,beforeUpdateAction=_this$props7.beforeUpdateAction,logger=_this$props7.logger,onSubmitValueParser=_this$props7.onSubmitValueParser,_getStyle2=getStyle(name,data,keyPath,deep,dataType),minus=_getStyle2.minus,plus=_getStyle2.plus,delimiter=_getStyle2.delimiter,ul=_getStyle2.ul,addForm=_getStyle2.addForm,isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-not-collapsed"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"["),!addFormVisible&&addItemButton,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},data.map((function(item,index){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonNode,{key:index,name:"".concat(index),data:item,keyPath:keyPath,deep:nextDeep,isCollapsed:isCollapsed,handleRemove:_this10.handleRemoveItem(index),handleUpdateValue:_this10.handleEditValue,onUpdate:_this10.onChildUpdate,onDeltaUpdate:onDeltaUpdate,readOnly:readOnly,getStyle:getStyle,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,textareaElementGenerator:textareaElementGenerator,minusMenuElement:minusMenuElement,plusMenuElement:plusMenuElement,beforeRemoveAction:beforeRemoveAction,beforeAddAction:beforeAddAction,beforeUpdateAction:beforeUpdateAction,logger:logger,onSubmitValueParser:onSubmitValueParser})}))),!isReadOnly&&addFormVisible&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{className:"rejt-add-form",style:addForm},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,inputElementGenerator:inputElementGenerator,keyPath:keyPath,deep:deep,onSubmitValueParser:onSubmitValueParser})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"]"),!isReadOnly&&removeItemButton)}},{key:"render",value:function render(){var _this$state7=this.state,name=_this$state7.name,collapsed=_this$state7.collapsed,data=_this$state7.data,keyPath=_this$state7.keyPath,deep=_this$state7.deep,_this$props8=this.props,dataType=_this$props8.dataType,getStyle=_this$props8.getStyle,value=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{className:"rejt-array-node"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{onClick:this.handleCollapseMode},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value)}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}}]),JsonArray}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null," - "),plusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null," + ")};var JsonFunctionValue=function(_Component6){_inherits(JsonFunctionValue,_Component6);var _super6=_createSuper(JsonFunctionValue);function JsonFunctionValue(props){var _this11;_classCallCheck(this,JsonFunctionValue),_this11=_super6.call(this,props);var keyPath=[].concat(_toConsumableArray(props.keyPath),[props.name]);return _this11.state={value:props.value,name:props.name,keyPath:keyPath,deep:props.deep,editEnabled:!1,inputRef:null},_this11.handleEditMode=_this11.handleEditMode.bind(_assertThisInitialized2(_this11)),_this11.refInput=_this11.refInput.bind(_assertThisInitialized2(_this11)),_this11.handleCancelEdit=_this11.handleCancelEdit.bind(_assertThisInitialized2(_this11)),_this11.handleEdit=_this11.handleEdit.bind(_assertThisInitialized2(_this11)),_this11.onKeydown=_this11.onKeydown.bind(_assertThisInitialized2(_this11)),_this11}return _createClass(JsonFunctionValue,[{key:"componentDidUpdate",value:function componentDidUpdate(){var _this$state8=this.state,editEnabled=_this$state8.editEnabled,inputRef=_this$state8.inputRef,name=_this$state8.name,value=_this$state8.value,keyPath=_this$state8.keyPath,deep=_this$state8.deep,_this$props9=this.props,readOnlyResult=(0,_this$props9.readOnly)(name,value,keyPath,deep,_this$props9.dataType);editEnabled&&!readOnlyResult&&"function"==typeof inputRef.focus&&inputRef.focus()}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("keydown",this.onKeydown)}},{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}},{key:"onKeydown",value:function onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||("Enter"!==event.code&&"Enter"!==event.key||(event.preventDefault(),this.handleEdit()),"Escape"!==event.code&&"Escape"!==event.key||(event.preventDefault(),this.handleCancelEdit()))}},{key:"handleEdit",value:function handleEdit(){var _this12=this,_this$props10=this.props,handleUpdateValue=_this$props10.handleUpdateValue,originalValue=_this$props10.originalValue,logger=_this$props10.logger,onSubmitValueParser=_this$props10.onSubmitValueParser,keyPath=_this$props10.keyPath,_this$state9=this.state,inputRef=_this$state9.inputRef,name=_this$state9.name,deep=_this$state9.deep;if(inputRef){var newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((function(){isComponentWillChange(originalValue,newValue)||_this12.handleCancelEdit()})).catch(logger.error)}}},{key:"handleEditMode",value:function handleEditMode(){this.setState({editEnabled:!0})}},{key:"refInput",value:function refInput(node){this.state.inputRef=node}},{key:"handleCancelEdit",value:function handleCancelEdit(){this.setState({editEnabled:!1})}},{key:"render",value:function render(){var _this$state10=this.state,name=_this$state10.name,value=_this$state10.value,editEnabled=_this$state10.editEnabled,keyPath=_this$state10.keyPath,deep=_this$state10.deep,_this$props11=this.props,handleRemove=_this$props11.handleRemove,originalValue=_this$props11.originalValue,readOnly=_this$props11.readOnly,dataType=_this$props11.dataType,getStyle=_this$props11.getStyle,editButtonElement=_this$props11.editButtonElement,cancelButtonElement=_this$props11.cancelButtonElement,textareaElementGenerator=_this$props11.textareaElementGenerator,minusMenuElement=_this$props11.minusMenuElement,comeFromKeyPath=_this$props11.keyPath,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){var textareaElement=textareaElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-edit-form",style:style.editForm},textareaElementLayout," ",cancelButtonElementLayout,editButtonElementLayout),minusElement=null}else{result=react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-value",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value);var minusMenuLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout}return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("li",{className:"rejt-function-value-node",style:style.li},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-name",style:style.name},name," :"," "),result,minusElement)}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}}]),JsonFunctionValue}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:function handleUpdateValue(){},editButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",null,"e"),cancelButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",null,"c"),minusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null," - ")};var JsonNode=function(_Component7){_inherits(JsonNode,_Component7);var _super7=_createSuper(JsonNode);function JsonNode(props){var _this13;return _classCallCheck(this,JsonNode),(_this13=_super7.call(this,props)).state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep},_this13}return _createClass(JsonNode,[{key:"render",value:function render(){var _this$state11=this.state,data=_this$state11.data,name=_this$state11.name,keyPath=_this$state11.keyPath,deep=_this$state11.deep,_this$props12=this.props,isCollapsed=_this$props12.isCollapsed,handleRemove=_this$props12.handleRemove,handleUpdateValue=_this$props12.handleUpdateValue,onUpdate=_this$props12.onUpdate,onDeltaUpdate=_this$props12.onDeltaUpdate,readOnly=_this$props12.readOnly,getStyle=_this$props12.getStyle,addButtonElement=_this$props12.addButtonElement,cancelButtonElement=_this$props12.cancelButtonElement,editButtonElement=_this$props12.editButtonElement,inputElementGenerator=_this$props12.inputElementGenerator,textareaElementGenerator=_this$props12.textareaElementGenerator,minusMenuElement=_this$props12.minusMenuElement,plusMenuElement=_this$props12.plusMenuElement,beforeRemoveAction=_this$props12.beforeRemoveAction,beforeAddAction=_this$props12.beforeAddAction,beforeUpdateAction=_this$props12.beforeUpdateAction,logger=_this$props12.logger,onSubmitValueParser=_this$props12.onSubmitValueParser,readOnlyTrue=function readOnlyTrue(){return!0},dataType=getObjectType(data);switch(dataType){case ERROR:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonObject,{data:data,name:name,isCollapsed:isCollapsed,keyPath:keyPath,deep:deep,handleRemove:handleRemove,onUpdate:onUpdate,onDeltaUpdate:onDeltaUpdate,readOnly:readOnlyTrue,dataType:dataType,getStyle:getStyle,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,textareaElementGenerator:textareaElementGenerator,minusMenuElement:minusMenuElement,plusMenuElement:plusMenuElement,beforeRemoveAction:beforeRemoveAction,beforeAddAction:beforeAddAction,beforeUpdateAction:beforeUpdateAction,logger:logger,onSubmitValueParser:onSubmitValueParser});case OBJECT:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonObject,{data:data,name:name,isCollapsed:isCollapsed,keyPath:keyPath,deep:deep,handleRemove:handleRemove,onUpdate:onUpdate,onDeltaUpdate:onDeltaUpdate,readOnly:readOnly,dataType:dataType,getStyle:getStyle,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,textareaElementGenerator:textareaElementGenerator,minusMenuElement:minusMenuElement,plusMenuElement:plusMenuElement,beforeRemoveAction:beforeRemoveAction,beforeAddAction:beforeAddAction,beforeUpdateAction:beforeUpdateAction,logger:logger,onSubmitValueParser:onSubmitValueParser});case ARRAY:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonArray,{data:data,name:name,isCollapsed:isCollapsed,keyPath:keyPath,deep:deep,handleRemove:handleRemove,onUpdate:onUpdate,onDeltaUpdate:onDeltaUpdate,readOnly:readOnly,dataType:dataType,getStyle:getStyle,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,textareaElementGenerator:textareaElementGenerator,minusMenuElement:minusMenuElement,plusMenuElement:plusMenuElement,beforeRemoveAction:beforeRemoveAction,beforeAddAction:beforeAddAction,beforeUpdateAction:beforeUpdateAction,logger:logger,onSubmitValueParser:onSubmitValueParser});case STRING:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:'"'.concat(data,'"'),originalValue:data,keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnly,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case NUMBER:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:data,originalValue:data,keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnly,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case BOOLEAN:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:data?"true":"false",originalValue:data,keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnly,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case DATE:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:data.toISOString(),originalValue:data,keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnlyTrue,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case NULL:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:"null",originalValue:"null",keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnly,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case UNDEFINED:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:"undefined",originalValue:"undefined",keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnly,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case FUNCTION:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonFunctionValue,{name:name,value:data.toString(),originalValue:data,keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnly,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,textareaElementGenerator:textareaElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});case SYMBOL:return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonValue,{name:name,value:data.toString(),originalValue:data,keyPath:keyPath,deep:deep,handleRemove:handleRemove,handleUpdateValue:handleUpdateValue,readOnly:readOnlyTrue,dataType:dataType,getStyle:getStyle,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,minusMenuElement:minusMenuElement,logger:logger,onSubmitValueParser:onSubmitValueParser});default:return null}}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}}]),JsonNode}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=function(_Component8){_inherits(JsonObject,_Component8);var _super8=_createSuper(JsonObject);function JsonObject(props){var _this14;_classCallCheck(this,JsonObject),_this14=_super8.call(this,props);var keyPath=-1===props.deep?[]:[].concat(_toConsumableArray(props.keyPath),[props.name]);return _this14.state={name:props.name,data:props.data,keyPath:keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},_this14.handleCollapseMode=_this14.handleCollapseMode.bind(_assertThisInitialized2(_this14)),_this14.handleRemoveValue=_this14.handleRemoveValue.bind(_assertThisInitialized2(_this14)),_this14.handleAddMode=_this14.handleAddMode.bind(_assertThisInitialized2(_this14)),_this14.handleAddValueAdd=_this14.handleAddValueAdd.bind(_assertThisInitialized2(_this14)),_this14.handleAddValueCancel=_this14.handleAddValueCancel.bind(_assertThisInitialized2(_this14)),_this14.handleEditValue=_this14.handleEditValue.bind(_assertThisInitialized2(_this14)),_this14.onChildUpdate=_this14.onChildUpdate.bind(_assertThisInitialized2(_this14)),_this14.renderCollapsed=_this14.renderCollapsed.bind(_assertThisInitialized2(_this14)),_this14.renderNotCollapsed=_this14.renderNotCollapsed.bind(_assertThisInitialized2(_this14)),_this14}return _createClass(JsonObject,[{key:"onChildUpdate",value:function onChildUpdate(childKey,childData){var _this$state12=this.state,data=_this$state12.data,keyPath=_this$state12.keyPath;data[childKey]=childData,this.setState({data:data}),(0,this.props.onUpdate)(keyPath[keyPath.length-1],data)}},{key:"handleAddMode",value:function handleAddMode(){this.setState({addFormVisible:!0})}},{key:"handleAddValueCancel",value:function handleAddValueCancel(){this.setState({addFormVisible:!1})}},{key:"handleAddValueAdd",value:function handleAddValueAdd(_ref161){var _this15=this,key=_ref161.key,newValue=_ref161.newValue,_this$state13=this.state,data=_this$state13.data,keyPath=_this$state13.keyPath,deep=_this$state13.nextDeep,_this$props13=this.props,beforeAddAction=_this$props13.beforeAddAction,logger=_this$props13.logger;beforeAddAction(key,keyPath,deep,newValue).then((function(){data[key]=newValue,_this15.setState({data:data}),_this15.handleAddValueCancel();var _this15$props=_this15.props,onUpdate=_this15$props.onUpdate,onDeltaUpdate=_this15$props.onDeltaUpdate;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath:keyPath,deep:deep,key:key,newValue:newValue})})).catch(logger.error)}},{key:"handleRemoveValue",value:function handleRemoveValue(key){var _this16=this;return function(){var _this16$props=_this16.props,beforeRemoveAction=_this16$props.beforeRemoveAction,logger=_this16$props.logger,_this16$state=_this16.state,data=_this16$state.data,keyPath=_this16$state.keyPath,deep=_this16$state.nextDeep,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then((function(){var deltaUpdateResult={keyPath:keyPath,deep:deep,key:key,oldValue:oldValue,type:REMOVE_DELTA_TYPE};delete data[key],_this16.setState({data:data});var _this16$props2=_this16.props,onUpdate=_this16$props2.onUpdate,onDeltaUpdate=_this16$props2.onDeltaUpdate;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger.error)}}},{key:"handleCollapseMode",value:function handleCollapseMode(){this.setState((function(state){return{collapsed:!state.collapsed}}))}},{key:"handleEditValue",value:function handleEditValue(_ref162){var _this17=this,key=_ref162.key,value=_ref162.value;return new Promise((function(resolve,reject){var beforeUpdateAction=_this17.props.beforeUpdateAction,_this17$state=_this17.state,data=_this17$state.data,keyPath=_this17$state.keyPath,deep=_this17$state.nextDeep,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value).then((function(){data[key]=value,_this17.setState({data:data});var _this17$props=_this17.props,onUpdate=_this17$props.onUpdate,onDeltaUpdate=_this17$props.onDeltaUpdate;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath:keyPath,deep:deep,key:key,newValue:value,oldValue:oldValue}),resolve()})).catch(reject)}))}},{key:"renderCollapsed",value:function renderCollapsed(){var _this$state14=this.state,name=_this$state14.name,keyPath=_this$state14.keyPath,deep=_this$state14.deep,data=_this$state14.data,_this$props14=this.props,handleRemove=_this$props14.handleRemove,readOnly=_this$props14.readOnly,dataType=_this$props14.dataType,getStyle=_this$props14.getStyle,minusMenuElement=_this$props14.minusMenuElement,_getStyle3=getStyle(name,data,keyPath,deep,dataType),minus=_getStyle3.minus,collapsed=_getStyle3.collapsed,keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-collapsed"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"{...}"," ",keyList.length," ",1===keyList.length?"key":"keys"),!isReadOnly&&removeItemButton)}},{key:"renderNotCollapsed",value:function renderNotCollapsed(){var _this18=this,_this$state15=this.state,name=_this$state15.name,data=_this$state15.data,keyPath=_this$state15.keyPath,deep=_this$state15.deep,nextDeep=_this$state15.nextDeep,addFormVisible=_this$state15.addFormVisible,_this$props15=this.props,isCollapsed=_this$props15.isCollapsed,handleRemove=_this$props15.handleRemove,onDeltaUpdate=_this$props15.onDeltaUpdate,readOnly=_this$props15.readOnly,getStyle=_this$props15.getStyle,dataType=_this$props15.dataType,addButtonElement=_this$props15.addButtonElement,cancelButtonElement=_this$props15.cancelButtonElement,editButtonElement=_this$props15.editButtonElement,inputElementGenerator=_this$props15.inputElementGenerator,textareaElementGenerator=_this$props15.textareaElementGenerator,minusMenuElement=_this$props15.minusMenuElement,plusMenuElement=_this$props15.plusMenuElement,beforeRemoveAction=_this$props15.beforeRemoveAction,beforeAddAction=_this$props15.beforeAddAction,beforeUpdateAction=_this$props15.beforeUpdateAction,logger=_this$props15.logger,onSubmitValueParser=_this$props15.onSubmitValueParser,_getStyle4=getStyle(name,data,keyPath,deep,dataType),minus=_getStyle4.minus,plus=_getStyle4.plus,addForm=_getStyle4.addForm,ul=_getStyle4.ul,delimiter=_getStyle4.delimiter,keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus}),list=keyList.map((function(key){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonNode,{key:key,name:key,data:data[key],keyPath:keyPath,deep:nextDeep,isCollapsed:isCollapsed,handleRemove:_this18.handleRemoveValue(key),handleUpdateValue:_this18.handleEditValue,onUpdate:_this18.onChildUpdate,onDeltaUpdate:onDeltaUpdate,readOnly:readOnly,getStyle:getStyle,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementGenerator,textareaElementGenerator:textareaElementGenerator,minusMenuElement:minusMenuElement,plusMenuElement:plusMenuElement,beforeRemoveAction:beforeRemoveAction,beforeAddAction:beforeAddAction,beforeUpdateAction:beforeUpdateAction,logger:logger,onSubmitValueParser:onSubmitValueParser})}));return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-not-collapsed"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"{"),!isReadOnly&&addItemButton,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},list),!isReadOnly&&addFormVisible&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{className:"rejt-add-form",style:addForm},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,inputElementGenerator:inputElementGenerator,keyPath:keyPath,deep:deep,onSubmitValueParser:onSubmitValueParser})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"}"),!isReadOnly&&removeItemButton)}},{key:"render",value:function render(){var _this$state16=this.state,name=_this$state16.name,collapsed=_this$state16.collapsed,data=_this$state16.data,keyPath=_this$state16.keyPath,deep=_this$state16.deep,_this$props16=this.props,getStyle=_this$props16.getStyle,dataType=_this$props16.dataType,value=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{className:"rejt-object-node"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{onClick:this.handleCollapseMode},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value)}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}}]),JsonObject}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null," - "),plusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null," + ")};var JsonValue=function(_Component9){_inherits(JsonValue,_Component9);var _super9=_createSuper(JsonValue);function JsonValue(props){var _this19;_classCallCheck(this,JsonValue),_this19=_super9.call(this,props);var keyPath=[].concat(_toConsumableArray(props.keyPath),[props.name]);return _this19.state={value:props.value,name:props.name,keyPath:keyPath,deep:props.deep,editEnabled:!1,inputRef:null},_this19.handleEditMode=_this19.handleEditMode.bind(_assertThisInitialized2(_this19)),_this19.refInput=_this19.refInput.bind(_assertThisInitialized2(_this19)),_this19.handleCancelEdit=_this19.handleCancelEdit.bind(_assertThisInitialized2(_this19)),_this19.handleEdit=_this19.handleEdit.bind(_assertThisInitialized2(_this19)),_this19.onKeydown=_this19.onKeydown.bind(_assertThisInitialized2(_this19)),_this19}return _createClass(JsonValue,[{key:"componentDidUpdate",value:function componentDidUpdate(){var _this$state17=this.state,editEnabled=_this$state17.editEnabled,inputRef=_this$state17.inputRef,name=_this$state17.name,value=_this$state17.value,keyPath=_this$state17.keyPath,deep=_this$state17.deep,_this$props17=this.props,isReadOnly=(0,_this$props17.readOnly)(name,value,keyPath,deep,_this$props17.dataType);editEnabled&&!isReadOnly&&"function"==typeof inputRef.focus&&inputRef.focus()}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("keydown",this.onKeydown)}},{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}},{key:"onKeydown",value:function onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||("Enter"!==event.code&&"Enter"!==event.key||(event.preventDefault(),this.handleEdit()),"Escape"!==event.code&&"Escape"!==event.key||(event.preventDefault(),this.handleCancelEdit()))}},{key:"handleEdit",value:function handleEdit(){var _this20=this,_this$props18=this.props,handleUpdateValue=_this$props18.handleUpdateValue,originalValue=_this$props18.originalValue,logger=_this$props18.logger,onSubmitValueParser=_this$props18.onSubmitValueParser,keyPath=_this$props18.keyPath,_this$state18=this.state,inputRef=_this$state18.inputRef,name=_this$state18.name,deep=_this$state18.deep;if(inputRef){var newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((function(){isComponentWillChange(originalValue,newValue)||_this20.handleCancelEdit()})).catch(logger.error)}}},{key:"handleEditMode",value:function handleEditMode(){this.setState({editEnabled:!0})}},{key:"refInput",value:function refInput(node){this.state.inputRef=node}},{key:"handleCancelEdit",value:function handleCancelEdit(){this.setState({editEnabled:!1})}},{key:"render",value:function render(){var _this$state19=this.state,name=_this$state19.name,value=_this$state19.value,editEnabled=_this$state19.editEnabled,keyPath=_this$state19.keyPath,deep=_this$state19.deep,_this$props19=this.props,handleRemove=_this$props19.handleRemove,originalValue=_this$props19.originalValue,readOnly=_this$props19.readOnly,dataType=_this$props19.dataType,getStyle=_this$props19.getStyle,editButtonElement=_this$props19.editButtonElement,cancelButtonElement=_this$props19.cancelButtonElement,inputElementGenerator=_this$props19.inputElementGenerator,minusMenuElement=_this$props19.minusMenuElement,comeFromKeyPath=_this$props19.keyPath,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=Object(react__WEBPACK_IMPORTED_MODULE_51__.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("li",{className:"rejt-value-node",style:style.li},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-name",style:style.name},name," : "),isEditing?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-edit-form",style:style.editForm},inputElementLayout," ",cancelButtonElementLayout,editButtonElementLayout):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",{className:"rejt-value",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value)),!isReadOnly&&!isEditing&&minusMenuLayout)}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}}]),JsonValue}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:function handleUpdateValue(){return Promise.resolve()},editButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",null,"e"),cancelButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("button",null,"c"),minusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null," - ")};var object={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},array={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},value={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function parse(string){var result=string;if(0===result.indexOf("function"))return eval("(".concat(result,")"));try{result=JSON.parse(string)}catch(e){}return result}var JsonTree=function(_Component10){_inherits(JsonTree,_Component10);var _super10=_createSuper(JsonTree);function JsonTree(props){var _this21;return _classCallCheck(this,JsonTree),(_this21=_super10.call(this,props)).state={data:props.data,rootName:props.rootName},_this21.onUpdate=_this21.onUpdate.bind(_assertThisInitialized2(_this21)),_this21.removeRoot=_this21.removeRoot.bind(_assertThisInitialized2(_this21)),_this21}return _createClass(JsonTree,[{key:"onUpdate",value:function onUpdate(key,data){this.setState({data:data}),this.props.onFullyUpdate(data)}},{key:"removeRoot",value:function removeRoot(){this.onUpdate(null,null)}},{key:"render",value:function render(){var _this$state20=this.state,data=_this$state20.data,rootName=_this$state20.rootName,_this$props20=this.props,isCollapsed=_this$props20.isCollapsed,onDeltaUpdate=_this$props20.onDeltaUpdate,readOnly=_this$props20.readOnly,getStyle=_this$props20.getStyle,addButtonElement=_this$props20.addButtonElement,cancelButtonElement=_this$props20.cancelButtonElement,editButtonElement=_this$props20.editButtonElement,inputElement=_this$props20.inputElement,textareaElement=_this$props20.textareaElement,minusMenuElement=_this$props20.minusMenuElement,plusMenuElement=_this$props20.plusMenuElement,beforeRemoveAction=_this$props20.beforeRemoveAction,beforeAddAction=_this$props20.beforeAddAction,beforeUpdateAction=_this$props20.beforeUpdateAction,logger=_this$props20.logger,onSubmitValueParser=_this$props20.onSubmitValueParser,_this$props20$fallbac=_this$props20.fallback,fallback=void 0===_this$props20$fallbac?null:_this$props20$fallbac,dataType=getObjectType(data),readOnlyFunction=readOnly;"Boolean"===getObjectType(readOnly)&&(readOnlyFunction=function readOnlyFunction(){return readOnly});var inputElementFunction=inputElement;inputElement&&"Function"!==getObjectType(inputElement)&&(inputElementFunction=function inputElementFunction(){return inputElement});var textareaElementFunction=textareaElement;return textareaElement&&"Function"!==getObjectType(textareaElement)&&(textareaElementFunction=function textareaElementFunction(){return textareaElement}),"Object"===dataType||"Array"===dataType?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{className:"rejt-tree"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonNode,{data:data,name:rootName,deep:-1,isCollapsed:isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate:onDeltaUpdate,readOnly:readOnlyFunction,getStyle:getStyle,addButtonElement:addButtonElement,cancelButtonElement:cancelButtonElement,editButtonElement:editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement:minusMenuElement,plusMenuElement:plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction:beforeRemoveAction,beforeAddAction:beforeAddAction,beforeUpdateAction:beforeUpdateAction,logger:logger,onSubmitValueParser:onSubmitValueParser})):fallback}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}}]),JsonTree}(react__WEBPACK_IMPORTED_MODULE_51__.Component);JsonTree.defaultProps={rootName:"root",isCollapsed:function isCollapsed(keyPath,deep){return-1!==deep},getStyle:function getStyle(keyName,data,keyPath,deep,dataType){switch(dataType){case"Object":case"Error":return object;case"Array":return array;default:return value}},readOnly:function readOnly(){return!1},onFullyUpdate:function onFullyUpdate(){},onDeltaUpdate:function onDeltaUpdate(){},beforeRemoveAction:function beforeRemoveAction(){return Promise.resolve()},beforeAddAction:function beforeAddAction(){return Promise.resolve()},beforeUpdateAction:function beforeUpdateAction(){return Promise.resolve()},logger:{error:function error(){}},onSubmitValueParser:function onSubmitValueParser(isEditMode,keyPath,deep,name,rawValue){return parse(rawValue)},inputElement:function inputElement(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("input",null)},textareaElement:function textareaElement(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("textarea",null)},fallback:null};var globalWindow=window_1.window,Wrapper$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref163){var theme=_ref163.theme;return{position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:theme.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:theme.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:theme.background.app,borderColor:theme.color.border}}})),Button=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.button((function(_ref164){var theme=_ref164.theme,primary=_ref164.primary;return{border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:"transparent",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?"bold":"normal",cursor:"pointer",order:primary?"initial":9}})),ActionIcon=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Icons)((function(_ref165){var theme=_ref165.theme,icon=_ref165.icon,disabled=_ref165.disabled;return{display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.color.mediumdark,"&:hover":disabled?{}:{color:"subtract"===icon?theme.color.negative:theme.color.ancillary},"svg + &":{marginLeft:0}}})),Input=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.input((function(_ref166){var theme=_ref166.theme,placeholder=_ref166.placeholder;return{outline:0,margin:placeholder?1:"1px 0",padding:"3px 4px",color:theme.color.defaultText,background:theme.background.app,border:"1px solid ".concat(theme.color.border),borderRadius:4,lineHeight:"14px",width:"Key"===placeholder?80:120,"&:focus":{border:"1px solid ".concat(theme.color.secondary)}}})),RawButton=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(IconButton)((function(_ref167){var theme=_ref167.theme;return{position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:theme.background.bar,border:"1px solid ".concat(theme.color.border),borderRadius:3,color:theme.color.mediumdark,fontSize:"9px",fontWeight:"bold",span:{marginLeft:3,marginTop:1}}})),RawInput=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Form.Textarea)((function(_ref168){var theme=_ref168.theme;return{flex:1,padding:"7px 6px",fontFamily:theme.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:theme.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}}})),ENTER_EVENT={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},dispatchEnterKey=function dispatchEnterKey(event){event.currentTarget.dispatchEvent(new globalWindow.KeyboardEvent("keydown",ENTER_EVENT))},selectValue=function selectValue(event){event.currentTarget.select()},getCustomStyleFunction=function getCustomStyleFunction(theme){return function(){return{name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}}},ObjectControl=function ObjectControl(_ref169){var name=_ref169.name,value=_ref169.value,onChange=_ref169.onChange,theme=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.l)(),data=Object(react__WEBPACK_IMPORTED_MODULE_51__.useMemo)((function(){return value&&cloneDeep_1(value)}),[value]),hasData=null!=data,_useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!hasData),2),showRaw=_useState28[0],setShowRaw=_useState28[1],_useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(null),2),parseError=_useState30[0],setParseError=_useState30[1],updateRaw=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(raw){try{raw&&onChange(JSON.parse(raw)),setParseError(void 0)}catch(e){setParseError(e)}}),[onChange]),_useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),forceVisible=_useState32[0],setForceVisible=_useState32[1],onForceVisible=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){onChange({}),setForceVisible(!0)}),[setForceVisible]),htmlElRef=Object(react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null);if(Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),!hasData)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set object");var rawJSONForm=react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(RawInput,{ref:htmlElRef,id:getControlId(name),name:name,defaultValue:null===value?"":JSON.stringify(value,null,2),onBlur:function onBlur(event){return updateRaw(event.target.value)},placeholder:"Edit JSON string...",autoFocus:forceVisible,valid:parseError?"error":null});return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$2,null,["Object","Array"].includes(getObjectType(data))&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(RawButton,{onClick:function onClick(){return setShowRaw((function(v){return!v}))}},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:showRaw?"eyeclose":"eye"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"RAW")),showRaw?rawJSONForm:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(JsonTree,{data:data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Button,{type:"button"},"Cancel"),editButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Button,{type:"submit"},"Save"),addButtonElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Button,{type:"submit",primary:!0},"Save"),plusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ActionIcon,{icon:"add"}),minusMenuElement:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ActionIcon,{icon:"subtract"}),inputElement:function inputElement(_,__,___,key){return key?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Input,null)},fallback:rawJSONForm}))},RangeInput=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.input((function(_ref170){var theme=_ref170.theme,min=_ref170.min,max=_ref170.max,value=_ref170.value;return{"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:"light"===theme.base?"linear-gradient(to right, \n            ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedDarken$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedDarken$1(.02,theme.input.background)," 100%)"):"linear-gradient(to right, \n            ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedLighten$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedLighten$1(.02,theme.input.background)," 100%)"),boxShadow:"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:"1px solid ".concat(rgba(theme.appBorderColor,.2)),borderRadius:"50px",boxShadow:"0 1px 3px 0px ".concat(rgba(theme.appBorderColor,.2)),cursor:"grab",appearance:"none",background:"".concat(theme.input.background),transition:"all 150ms ease-out","&:hover":{background:"".concat(curriedDarken$1(.05,theme.input.background)),transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:"".concat(theme.input.background),transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:rgba(theme.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:theme.color.secondary,boxShadow:"0 0px 5px 0px ".concat(theme.color.secondary)}},"&::-moz-range-track":{background:"light"===theme.base?"linear-gradient(to right, \n            ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedDarken$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedDarken$1(.02,theme.input.background)," 100%)"):"linear-gradient(to right, \n            ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedLighten$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedLighten$1(.02,theme.input.background)," 100%)"),boxShadow:"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:"1px solid ".concat(rgba(theme.color.border,.2)),borderRadius:"50px",boxShadow:"0 1px 3px 0px ".concat(rgba(theme.color.border,.2)),cursor:"grab",background:"".concat(theme.input.background),transition:"all 150ms ease-out","&:hover":{background:"".concat(curriedDarken$1(.05,theme.input.background)),transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:"".concat(theme.input.background),transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:"light"===theme.base?"linear-gradient(to right, \n            ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedDarken$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedDarken$1(.02,theme.input.background)," 100%)"):"linear-gradient(to right, \n            ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedLighten$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n            ").concat(curriedLighten$1(.02,theme.input.background)," 100%)"),boxShadow:"".concat(theme.appBorderColor," 0 0 0 1px inset"),color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:"".concat(theme.input.background),border:"1px solid ".concat(rgba(theme.appBorderColor,.2)),borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}}})),RangeLabel=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(number){var match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=function RangeControl(_ref171){var name=_ref171.name,value=_ref171.value,onChange=_ref171.onChange,_ref171$min=_ref171.min,min=void 0===_ref171$min?0:_ref171$min,_ref171$max=_ref171.max,max=void 0===_ref171$max?100:_ref171$max,_ref171$step=_ref171.step,step=void 0===_ref171$step?1:_ref171$step,onBlur=_ref171.onBlur,onFocus=_ref171.onFocus,hasValue=void 0!==value,numberOFDecimalsPlaces=Object(react__WEBPACK_IMPORTED_MODULE_51__.useMemo)((function(){return getNumberOfDecimalPlaces(step)}),[step]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(RangeWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(RangeLabel,null,min),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(RangeInput,Object.assign({id:getControlId(name),type:"range",onChange:function handleChange(event){onChange(parse$1(event.target.value))}},{name:name,value:value,min:min,max:max,step:step,onFocus:onFocus,onBlur:onBlur})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(RangeLabel,null,"".concat(hasValue?value.toFixed(numberOFDecimalsPlaces):"--")," / ",max))},Wrapper$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.label({display:"flex"}),TextControl=function TextControl(_ref172){var name=_ref172.name,value=_ref172.value,onChange=_ref172.onChange,onFocus=_ref172.onFocus,onBlur=_ref172.onBlur,_useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),forceVisible=_useState34[0],setForceVisible=_useState34[1],onForceVisible=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){onChange(""),setForceVisible(!0)}),[setForceVisible]);if(void 0===value)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");var isValid="string"==typeof value;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper$1,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Form.Textarea,Object.assign({id:getControlId(name),onChange:function handleChange(event){onChange(event.target.value)},size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error"},{name:name,value:isValid?value:"",onFocus:onFocus,onBlur:onBlur})))},FileInput=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach((function(url){url.startsWith("blob:")&&URL.revokeObjectURL(url)}))}var FilesControl=function FilesControl(_ref173){var onChange=_ref173.onChange,name=_ref173.name,_ref173$accept=_ref173.accept,accept=void 0===_ref173$accept?"image/*":_ref173$accept,value=_ref173.value;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(FileInput,{id:getControlId(name),type:"file",name:name,multiple:!0,onChange:function handleFileChange(e){if(e.target.files){var fileUrls=Array.from(e.target.files).map((function(file){return URL.createObjectURL(file)}));onChange(fileUrls),revokeOldUrls(value)}},accept:accept,size:"flex"})},LazyColorControl=Object(react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(7).then(__webpack_require__.bind(null,"./node_modules/@storybook/components/dist/esm/Color-01c31ae2.js"))})),ColorControl=function ColorControl(props){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null)},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(LazyColorControl,Object.assign({},props)))},Controls={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=function NoControl(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,"-")},ArgControl=function ArgControl(_ref174){var row=_ref174.row,arg=_ref174.arg,updateArgs=_ref174.updateArgs,key=row.key,control=row.control,_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),isFocused=_useState36[0],setFocused=_useState36[1],_useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)({value:arg}),2),boxedValue=_useState38[0],setBoxedValue=_useState38[1];Object(react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){isFocused||setBoxedValue({value:arg})}),[isFocused,arg]);var onChange=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(argVal){return setBoxedValue({value:argVal}),updateArgs(_defineProperty2({},key,argVal)),argVal}),[updateArgs,key]),onBlur=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){return setFocused(!1)}),[]),onFocus=Object(react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){return setFocused(!0)}),[]);if(!control||control.disable)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(NoControl,null);var props={name:key,argType:row,value:boxedValue.value,onChange:onChange,onBlur:onBlur,onFocus:onFocus},Control=Controls[control.type]||NoControl;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Control,Object.assign({},props,control,{controlType:control.type}))},Name=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({fontWeight:"bold"}),Required=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span((function(_ref175){var theme=_ref175.theme;return{color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"}})),Description=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref176){var theme=_ref176.theme;return{"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:Object.assign(Object.assign({},codeCommon({theme:theme})),{fontSize:12,fontFamily:theme.typography.fonts.mono}),"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}}})),Type=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref177){var theme=_ref177.theme,hasDescription=_ref177.hasDescription;return{color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?4:0}})),TypeWithJsDoc=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref178){var theme=_ref178.theme,hasDescription=_ref178.hasDescription;return{color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12}})),StyledTd$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.td((function(_ref179){_ref179.theme;return{paddingLeft:_ref179.expandable?"40px !important":"20px !important"}})),ArgRow=function ArgRow(props){var _a,row=props.row,updateArgs=props.updateArgs,compact=props.compact,expandable=props.expandable,initialExpandedArgs=props.initialExpandedArgs,name=row.name,description=row.description,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=null===(_a=row.type)||void 0===_a?void 0:_a.required,hasDescription=null!=description&&""!==description;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("tr",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledTd$1,{expandable:expandable},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Name,null,name),required?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Required,{title:"Required"},"*"):null),compact?null:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,hasDescription&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Description,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Markdown,null,description)),null!=table.jsDocTags?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TypeWithJsDoc,{hasDescription:hasDescription},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgValue,{value:type,initialExpandedArgs:initialExpandedArgs})),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgJsDoc,{tags:table.jsDocTags})):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Type,{hasDescription:hasDescription},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgValue,{value:type,initialExpandedArgs:initialExpandedArgs}))),compact?null:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgValue,{value:defaultValue,initialExpandedArgs:initialExpandedArgs})),updateArgs?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("td",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgControl,Object.assign({},props))):null)},ExpanderIcon=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j)(Icons)((function(_ref180){var theme=_ref180.theme;return{marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"}})),FlexWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span((function(_ref181){_ref181.theme;return{display:"flex",lineHeight:"20px",alignItems:"center"}})),Section=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.td((function(_ref182){var theme=_ref182.theme;return{position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.black,fontSize:theme.typography.size.s1-1,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),background:"".concat(theme.background.app," !important"),"& ~ td":{background:"".concat(theme.background.app," !important")}}})),Subsection=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.td((function(_ref183){var theme=_ref183.theme;return{position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.content}})),StyledTd=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.td((function(_ref184){_ref184.theme;return{position:"relative"}})),StyledTr=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.tr((function(_ref185){var theme=_ref185.theme;return{"&:hover > td":{backgroundColor:"".concat(theme.background.hoverable," !important"),boxShadow:"".concat(theme.color.mediumlight," 0 - 1px 0 0 inset"),cursor:"row-resize"}}})),ClickIntercept=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.button((function(){return{background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"}})),SectionRow=function SectionRow(_ref186){var _ref186$level=_ref186.level,level=void 0===_ref186$level?"section":_ref186$level,label=_ref186.label,children=_ref186.children,_ref186$initialExpand=_ref186.initialExpanded,initialExpanded=void 0===_ref186$initialExpand||_ref186$initialExpand,_ref186$colSpan=_ref186.colSpan,colSpan=void 0===_ref186$colSpan?3:_ref186$colSpan,_useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_51__.useState)(initialExpanded),2),expanded=_useState40[0],setExpanded=_useState40[1],Level="subsection"===level?Subsection:Section,itemCount=(null==children?void 0:children.length)||0,caption="subsection"===level?"".concat(itemCount," item").concat(1!==itemCount?"s":""):"",icon=expanded?"arrowdown":"arrowright",helperText="".concat(expanded?"Hide":"Show"," ").concat("subsection"===level?itemCount:label," item").concat(1!==itemCount?"s":"");return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_51___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledTr,{title:helperText},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Level,{colSpan:1},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ClickIntercept,{onClick:function onClick(e){return setExpanded(!expanded)},tabIndex:0},helperText),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(FlexWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ExpanderIcon,{icon:icon}),label)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(StyledTd,{colSpan:colSpan-1},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ClickIntercept,{onClick:function onClick(e){return setExpanded(!expanded)},tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)},TableWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.table((function(_ref187){var _trFirstChild$conca,_trLastChild$concat,_3,theme=_ref187.theme,compact=_ref187.compact,inAddonPanel=_ref187.inAddonPanel;return{"&&":(_3={borderCollapse:"collapse",borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":Object.assign({},compact?null:{width:"35%"}),"td:nth-of-type(3)":Object.assign({},compact?null:{width:"15%"}),"th:last-of-type, td:last-of-type":Object.assign({paddingRight:20},compact?null:{width:"25%"}),th:{color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1},_defineProperty2(_3,"tr:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),(_trFirstChild$conca={},_defineProperty2(_trFirstChild$conca,"td:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f,", th:first-child").concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{borderTopLeftRadius:inAddonPanel?0:theme.appBorderRadius}),_defineProperty2(_trFirstChild$conca,"td:last-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f,", th:last-child").concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{borderTopRightRadius:inAddonPanel?0:theme.appBorderRadius}),_trFirstChild$conca)),_defineProperty2(_3,"tr:last-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),(_trLastChild$concat={},_defineProperty2(_trLastChild$concat,"td:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f,", th:first-child").concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{borderBottomLeftRadius:inAddonPanel?0:theme.appBorderRadius}),_defineProperty2(_trLastChild$concat,"td:last-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f,", th:last-child").concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f),{borderBottomRightRadius:inAddonPanel?0:theme.appBorderRadius}),_trLastChild$concat)),_defineProperty2(_3,"tbody",{boxShadow:!inAddonPanel&&("light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 1px,\n          ".concat(curriedTransparentize$1(.035,theme.appBorderColor)," 0 0 0 1px"):"rgba(0, 0, 0, 0.20) 0 2px 5px 1px,\n          ".concat(curriedOpacify$1(.05,theme.appBorderColor)," 0 0 0 1px")),borderRadius:theme.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":Object.assign(Object.assign({borderWidth:1,borderStyle:"solid"},inAddonPanel&&{borderColor:"transparent"}),!inAddonPanel&&{borderColor:"light"===theme.base?curriedTransparentize$1(.035,theme.appBorderColor):curriedOpacify$1(.05,theme.appBorderColor)})},tr:Object.assign({background:"transparent",overflow:"hidden"},inAddonPanel?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:"light"===theme.base?curriedDarken$1(.1,theme.background.content):curriedLighten$1(.05,theme.background.content)}:_defineProperty2({},"&:not(:first-child".concat(_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.f,")"),{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:"light"===theme.base?curriedDarken$1(.1,theme.background.content):curriedLighten$1(.05,theme.background.content)})),td:{background:theme.background.content}}),_3)}}),(function(_ref189){var isLoading=_ref189.isLoading,theme=_ref189.theme;return isLoading?{"th span, td span, td button":{display:"inline",backgroundColor:theme.appBorderColor,animation:"".concat(theme.animation.glow," 1.5s ease-in-out infinite"),color:"transparent",boxShadow:"none",borderRadius:0}}:{}})),ResetButton=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.button((function(_ref190){var theme=_ref190.theme;return{border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:"3px 8px",transition:"all 150ms ease-out",verticalAlign:"top",userSelect:"none",margin:0,backgroundColor:"light"===theme.base?"#EAF3FC":theme.color.border,boxShadow:"light"===theme.base?"".concat(theme.color.border," 0 0 0 1px inset"):"".concat(theme.color.darker,"  0 0 0 1px inset"),color:theme.color.secondary,"&:hover":{background:"light"===theme.base?curriedDarken$1(.03,"#EAF3FC"):curriedOpacify$1(.1,theme.color.border)},"&:focus":{boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset"),outline:"none"},svg:{display:"block",height:14,width:14}}})),ControlHeadingWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.span({display:"flex",justifyContent:"space-between"}),ArgsTableError;!function(ArgsTableError){ArgsTableError.NO_COMPONENT="No component found.",ArgsTableError.ARGS_UNSUPPORTED="Args unsupported. See Args documentation for your framework."}(ArgsTableError||(ArgsTableError={}));var sortFns={alpha:function alpha(a,b){return a.name.localeCompare(b.name)},requiredFirst:function requiredFirst(a,b){var _a,_b;return Number(!!(null===(_a=b.type)||void 0===_a?void 0:_a.required))-Number(!!(null===(_b=a.type)||void 0===_b?void 0:_b.required))||a.name.localeCompare(b.name)},none:void 0},rowLoadingData=function rowLoadingData(key){return{key:key,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}},argsTableLoadingData={rows:{row1:rowLoadingData("row1"),row2:rowLoadingData("row2"),row3:rowLoadingData("row3")}},groupRows=function groupRows(rows,sort){var sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach((function(_ref191){var _ref192=_slicedToArray(_ref191,2),key=_ref192[0],row=_ref192[1],_ref193=(null==row?void 0:row.table)||{},category=_ref193.category,subcategory=_ref193.subcategory;if(category){var section=sections.sections[category]||{ungrouped:[],subsections:{}};if(subcategory){var subsection=section.subsections[subcategory]||[];subsection.push(Object.assign({key:key},row)),section.subsections[subcategory]=subsection}else section.ungrouped.push(Object.assign({key:key},row));sections.sections[category]=section}else if(subcategory){var _subsection=sections.ungroupedSubsections[subcategory]||[];_subsection.push(Object.assign({key:key},row)),sections.ungroupedSubsections[subcategory]=_subsection}else sections.ungrouped.push(Object.assign({key:key},row))}));var sortFn=sortFns[sort],sortSubsection=function sortSubsection(record){return sortFn?Object.keys(record).reduce((function(acc,cur){return Object.assign(Object.assign({},acc),_defineProperty2({},cur,record[cur].sort(sortFn)))}),{}):record};return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((function(acc,cur){return Object.assign(Object.assign({},acc),_defineProperty2({},cur,{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}))}),{})}},safeIncludeConditionalArg=function safeIncludeConditionalArg(row,args,globals){try{return Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_53__.includeConditionalArg)(row,args,globals)}catch(err){return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_55__.b.warn(err.message),!1}},ArgsTable=function ArgsTable(props){if("error"in props)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(EmptyBlock,null,props.error," ",react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));var updateArgs=props.updateArgs,resetArgs=props.resetArgs,compact=props.compact,inAddonPanel=props.inAddonPanel,initialExpandedArgs=props.initialExpandedArgs,_props$sort=props.sort,sort=void 0===_props$sort?"none":_props$sort,isLoading="isLoading"in props,_ref194="rows"in props?props:argsTableLoadingData,rows=_ref194.rows,args=_ref194.args,globals=_ref194.globals,groups=groupRows(pickBy_1(rows,(function(row){var _a;return!(null===(_a=null==row?void 0:row.table)||void 0===_a?void 0:_a.disable)&&safeIncludeConditionalArg(row,args||{},globals||{})})),sort);if(0===groups.ungrouped.length&&0===Object.entries(groups.sections).length&&0===Object.entries(groups.ungroupedSubsections).length)return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(EmptyBlock,null,"No inputs found for this component. ",react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));var colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);var expandable=Object.keys(groups.sections).length>0,common={updateArgs:updateArgs,compact:compact,inAddonPanel:inAddonPanel,initialExpandedArgs:initialExpandedArgs};return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TableWrapper,Object.assign({"aria-hidden":isLoading},{compact:compact,inAddonPanel:inAddonPanel,isLoading:isLoading},{className:"docblock-argstable"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("thead",{className:"docblock-argstable-head"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("tr",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"Name")),compact?null:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"Description")),compact?null:react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,"Default")),updateArgs?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ResetButton,{onClick:function onClick(){return resetArgs()},title:"Reset controls"},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Icons,{icon:"undo","aria-hidden":!0})))):null)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgRow,Object.assign({key:row.key,row:row,arg:args&&args[row.key]},common))})),Object.entries(groups.ungroupedSubsections).map((function(_ref195){var _ref196=_slicedToArray(_ref195,2),subcategory=_ref196[0],subsection=_ref196[1];return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan:colSpan},subsection.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgRow,Object.assign({key:row.key,row:row,arg:args&&args[row.key],expandable:expandable},common))})))})),Object.entries(groups.sections).map((function(_ref197){var _ref198=_slicedToArray(_ref197,2),category=_ref198[0],section=_ref198[1];return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SectionRow,{key:category,label:category,level:"section",colSpan:colSpan},section.ungrouped.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgRow,Object.assign({key:row.key,row:row,arg:args&&args[row.key]},common))})),Object.entries(section.subsections).map((function(_ref199){var _ref200=_slicedToArray(_ref199,2),subcategory=_ref200[0],subsection=_ref200[1];return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan:colSpan},subsection.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgRow,Object.assign({key:row.key,row:row,arg:args&&args[row.key],expandable:expandable},common))})))})))})))))},TabbedArgsTable=function TabbedArgsTable(_a){var tabs=_a.tabs,props=__rest(_a,["tabs"]),entries=Object.entries(tabs);return 1===entries.length?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgsTable,Object.assign({},entries[0][1],props)):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TabsState,null,entries.map((function(entry){var _entry=_slicedToArray(entry,2),label=_entry[0],table=_entry[1],id="prop_table_div_".concat(label);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",{key:id,id:id,title:label},(function(_ref201){return _ref201.active?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ArgsTable,Object.assign({key:"prop_table_".concat(label)},table,props)):null}))})))},NoControlsWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref202){var theme=_ref202.theme;return{background:theme.background.warning,color:theme.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:"".concat(theme.appBorderColor," 0 -1px 0 0 inset")}})),NoControlsWarning=function NoControlsWarning(){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(NoControlsWrapper,null,"This story is not configured to handle controls."," ",react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"))},Label=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref203){var theme=_ref203.theme;return{marginRight:30,fontSize:"".concat(theme.typography.size.s1,"px"),color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}})),Sample=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div(withReset,(function(_ref204){var theme=_ref204.theme;return Object.assign(Object.assign({},getBlockBackgroundStyle(theme)),{margin:"25px 0 40px",padding:"30px 20px"})})),Typeset=function Typeset(_a){var fontFamily=_a.fontFamily,fontSizes=_a.fontSizes,fontWeight=_a.fontWeight,sampleText=_a.sampleText,props=__rest(_a,["fontFamily","fontSizes","fontWeight","sampleText"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Wrapper,Object.assign({},props,{className:"docblock-typeset"}),fontSizes.map((function(size){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(TypeSpecimen,{key:size},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Label,null,size),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Sample,{style:{fontFamily:fontFamily,fontSize:size,fontWeight:fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))})))},ItemTitle=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref205){var theme=_ref205.theme;return{fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}})),ItemSubtitle=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref206){var theme=_ref206.theme;return{color:"light"===theme.base?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}})),ItemDescription=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref207){var theme=_ref207.theme;return{flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}})),SwatchLabels=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",flexDirection:"row"}),Swatch=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref208){return{position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:_ref208.background,content:'""'}}})),SwatchColors=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref209){var theme=_ref209.theme;return Object.assign(Object.assign({},getBlockBackgroundStyle(theme)),{display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"})})),SwatchSpecimen=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({flex:1,display:"flex",flexDirection:"row"}),Item$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",alignItems:"flex-start"}),ListName=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({flex:"0 0 30%"}),ListSwatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({flex:1}),ListHeading=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref210){var theme=_ref210.theme;return{display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}})),List$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref211){return{fontSize:_ref211.theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}}));function renderSwatch(color,index){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Swatch,{key:"".concat(color,"-").concat(index),title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchLabel,{key:"".concat(color,"-").concat(index),title:color},react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("div",null,color,colorDescription&&react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchSpecimen,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchColors,null,colors.map((function(color,index){return renderSwatch(color,index)}))),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchLabels,null,colors.map((function(color,index){return renderSwatchLabel(color,index)})))):react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchSpecimen,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchColors,null,Object.values(colors).map((function(color,index){return renderSwatch(color,index)}))),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(SwatchLabels,null,Object.keys(colors).map((function(color,index){return renderSwatchLabel(color,index,colors[color])}))))}var ColorItem=function ColorItem(_ref212){var title=_ref212.title,subtitle=_ref212.subtitle,colors=_ref212.colors;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Item$1,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ItemDescription,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ItemTitle,null,title),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ItemSubtitle,null,subtitle)),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Swatches,null,renderSwatchSpecimen(colors)))},ColorPalette=function ColorPalette(_a){var children=_a.children,props=__rest(_a,["children"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(List$1,Object.assign({},props,{className:"docblock-colorpalette"}),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ListHeading,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ListName,null,"Name"),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ListSwatches,null,"Swatches")),children))},ItemLabel=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref213){var theme=_ref213.theme;return{fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}})),ItemSpecimen=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div((function(_ref214){var theme=_ref214.theme;return Object.assign(Object.assign({},getBlockBackgroundStyle(theme)),{overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})})),Item=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),List=_storybook_theming__WEBPACK_IMPORTED_MODULE_52__.j.div({display:"flex",flexFlow:"row wrap"}),IconItem=function IconItem(_ref215){var name=_ref215.name,children=_ref215.children;return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(Item,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ItemSpecimen,null,children),react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ItemLabel,null,name))},IconGallery=function IconGallery(_a){var children=_a.children,props=__rest(_a,["children"]);return react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51___default.a.createElement(List,Object.assign({},props,{className:"docblock-icongallery"}),children))},components=components$1,resetComponents={};Object.keys(components$1).forEach((function(key){resetComponents[key]=Object(react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(props,ref){return Object(react__WEBPACK_IMPORTED_MODULE_51__.createElement)(key,Object.assign(Object.assign({},props),{ref:ref}))}))}))}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"),__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/@storybook/components/node_modules/@storybook/csf/dist/SBType.js":function(module,exports,__webpack_require__){},"./node_modules/@storybook/components/node_modules/@storybook/csf/dist/includeConditionalArg.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists:exists,eq:eq,neq:neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg:arg,global:global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/components/node_modules/@storybook/csf/dist/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/components/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/components/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Object.keys(_story).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _story[key]}}))}));var sanitize=function sanitize(string){return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/components/node_modules/@storybook/csf/dist/story.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/components/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/core-client/dist/esm/globals/globals.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var global__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/global/window.js");__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_0__).a.window.STORYBOOK_REACT_CLASSES={}},"./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/airbnb-js-shims/index.js"),__webpack_require__("./node_modules/core-js/features/symbol/index.js")},"./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/SBType.js":function(module,exports,__webpack_require__){},"./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/includeConditionalArg.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists:exists,eq:eq,neq:neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg:arg,global:global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Object.keys(_story).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _story[key]}}))}));var sanitize=function sanitize(string){return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/story.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/core-events/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var events;__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"CHANNEL_CREATED",(function(){return CHANNEL_CREATED})),__webpack_require__.d(__webpack_exports__,"CONFIG_ERROR",(function(){return CONFIG_ERROR})),__webpack_require__.d(__webpack_exports__,"STORY_INDEX_INVALIDATED",(function(){return STORY_INDEX_INVALIDATED})),__webpack_require__.d(__webpack_exports__,"STORY_SPECIFIED",(function(){return STORY_SPECIFIED})),__webpack_require__.d(__webpack_exports__,"SET_STORIES",(function(){return SET_STORIES})),__webpack_require__.d(__webpack_exports__,"SET_CURRENT_STORY",(function(){return SET_CURRENT_STORY})),__webpack_require__.d(__webpack_exports__,"CURRENT_STORY_WAS_SET",(function(){return CURRENT_STORY_WAS_SET})),__webpack_require__.d(__webpack_exports__,"FORCE_RE_RENDER",(function(){return FORCE_RE_RENDER})),__webpack_require__.d(__webpack_exports__,"FORCE_REMOUNT",(function(){return FORCE_REMOUNT})),__webpack_require__.d(__webpack_exports__,"STORY_PREPARED",(function(){return STORY_PREPARED})),__webpack_require__.d(__webpack_exports__,"STORY_CHANGED",(function(){return STORY_CHANGED})),__webpack_require__.d(__webpack_exports__,"STORY_UNCHANGED",(function(){return STORY_UNCHANGED})),__webpack_require__.d(__webpack_exports__,"PRELOAD_STORIES",(function(){return PRELOAD_STORIES})),__webpack_require__.d(__webpack_exports__,"STORY_RENDERED",(function(){return STORY_RENDERED})),__webpack_require__.d(__webpack_exports__,"STORY_MISSING",(function(){return STORY_MISSING})),__webpack_require__.d(__webpack_exports__,"STORY_ERRORED",(function(){return STORY_ERRORED})),__webpack_require__.d(__webpack_exports__,"STORY_THREW_EXCEPTION",(function(){return STORY_THREW_EXCEPTION})),__webpack_require__.d(__webpack_exports__,"STORY_RENDER_PHASE_CHANGED",(function(){return STORY_RENDER_PHASE_CHANGED})),__webpack_require__.d(__webpack_exports__,"UPDATE_STORY_ARGS",(function(){return UPDATE_STORY_ARGS})),__webpack_require__.d(__webpack_exports__,"STORY_ARGS_UPDATED",(function(){return STORY_ARGS_UPDATED})),__webpack_require__.d(__webpack_exports__,"RESET_STORY_ARGS",(function(){return RESET_STORY_ARGS})),__webpack_require__.d(__webpack_exports__,"SET_GLOBALS",(function(){return SET_GLOBALS})),__webpack_require__.d(__webpack_exports__,"UPDATE_GLOBALS",(function(){return UPDATE_GLOBALS})),__webpack_require__.d(__webpack_exports__,"GLOBALS_UPDATED",(function(){return GLOBALS_UPDATED})),__webpack_require__.d(__webpack_exports__,"REGISTER_SUBSCRIPTION",(function(){return REGISTER_SUBSCRIPTION})),__webpack_require__.d(__webpack_exports__,"PREVIEW_KEYDOWN",(function(){return PREVIEW_KEYDOWN})),__webpack_require__.d(__webpack_exports__,"SELECT_STORY",(function(){return SELECT_STORY})),__webpack_require__.d(__webpack_exports__,"STORIES_COLLAPSE_ALL",(function(){return STORIES_COLLAPSE_ALL})),__webpack_require__.d(__webpack_exports__,"STORIES_EXPAND_ALL",(function(){return STORIES_EXPAND_ALL})),__webpack_require__.d(__webpack_exports__,"DOCS_RENDERED",(function(){return DOCS_RENDERED})),__webpack_require__.d(__webpack_exports__,"SHARED_STATE_CHANGED",(function(){return SHARED_STATE_CHANGED})),__webpack_require__.d(__webpack_exports__,"SHARED_STATE_SET",(function(){return SHARED_STATE_SET})),__webpack_require__.d(__webpack_exports__,"NAVIGATE_URL",(function(){return NAVIGATE_URL})),__webpack_require__.d(__webpack_exports__,"UPDATE_QUERY_PARAMS",(function(){return UPDATE_QUERY_PARAMS})),__webpack_require__.d(__webpack_exports__,"IGNORED_EXCEPTION",(function(){return IGNORED_EXCEPTION})),function(events){events.CHANNEL_CREATED="channelCreated",events.CONFIG_ERROR="configError",events.STORY_INDEX_INVALIDATED="storyIndexInvalidated",events.STORY_SPECIFIED="storySpecified",events.SET_STORIES="setStories",events.SET_CURRENT_STORY="setCurrentStory",events.CURRENT_STORY_WAS_SET="currentStoryWasSet",events.FORCE_RE_RENDER="forceReRender",events.FORCE_REMOUNT="forceRemount",events.PRELOAD_STORIES="preloadStories",events.STORY_PREPARED="storyPrepared",events.STORY_CHANGED="storyChanged",events.STORY_UNCHANGED="storyUnchanged",events.STORY_RENDERED="storyRendered",events.STORY_MISSING="storyMissing",events.STORY_ERRORED="storyErrored",events.STORY_THREW_EXCEPTION="storyThrewException",events.STORY_RENDER_PHASE_CHANGED="storyRenderPhaseChanged",events.UPDATE_STORY_ARGS="updateStoryArgs",events.STORY_ARGS_UPDATED="storyArgsUpdated",events.RESET_STORY_ARGS="resetStoryArgs",events.SET_GLOBALS="setGlobals",events.UPDATE_GLOBALS="updateGlobals",events.GLOBALS_UPDATED="globalsUpdated",events.REGISTER_SUBSCRIPTION="registerSubscription",events.PREVIEW_KEYDOWN="previewKeydown",events.SELECT_STORY="selectStory",events.STORIES_COLLAPSE_ALL="storiesCollapseAll",events.STORIES_EXPAND_ALL="storiesExpandAll",events.DOCS_RENDERED="docsRendered",events.SHARED_STATE_CHANGED="sharedStateChanged",events.SHARED_STATE_SET="sharedStateSet",events.NAVIGATE_URL="navigateUrl",events.UPDATE_QUERY_PARAMS="updateQueryParams"}(events||(events={})),__webpack_exports__.default=events;var CHANNEL_CREATED=events.CHANNEL_CREATED,CONFIG_ERROR=events.CONFIG_ERROR,STORY_INDEX_INVALIDATED=events.STORY_INDEX_INVALIDATED,STORY_SPECIFIED=events.STORY_SPECIFIED,SET_STORIES=events.SET_STORIES,SET_CURRENT_STORY=events.SET_CURRENT_STORY,CURRENT_STORY_WAS_SET=events.CURRENT_STORY_WAS_SET,FORCE_RE_RENDER=events.FORCE_RE_RENDER,FORCE_REMOUNT=events.FORCE_REMOUNT,STORY_PREPARED=events.STORY_PREPARED,STORY_CHANGED=events.STORY_CHANGED,STORY_UNCHANGED=events.STORY_UNCHANGED,PRELOAD_STORIES=events.PRELOAD_STORIES,STORY_RENDERED=events.STORY_RENDERED,STORY_MISSING=events.STORY_MISSING,STORY_ERRORED=events.STORY_ERRORED,STORY_THREW_EXCEPTION=events.STORY_THREW_EXCEPTION,STORY_RENDER_PHASE_CHANGED=events.STORY_RENDER_PHASE_CHANGED,UPDATE_STORY_ARGS=events.UPDATE_STORY_ARGS,STORY_ARGS_UPDATED=events.STORY_ARGS_UPDATED,RESET_STORY_ARGS=events.RESET_STORY_ARGS,SET_GLOBALS=events.SET_GLOBALS,UPDATE_GLOBALS=events.UPDATE_GLOBALS,GLOBALS_UPDATED=events.GLOBALS_UPDATED,REGISTER_SUBSCRIPTION=events.REGISTER_SUBSCRIPTION,PREVIEW_KEYDOWN=events.PREVIEW_KEYDOWN,SELECT_STORY=events.SELECT_STORY,STORIES_COLLAPSE_ALL=events.STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL=events.STORIES_EXPAND_ALL,DOCS_RENDERED=events.DOCS_RENDERED,SHARED_STATE_CHANGED=events.SHARED_STATE_CHANGED,SHARED_STATE_SET=events.SHARED_STATE_SET,NAVIGATE_URL=events.NAVIGATE_URL,UPDATE_QUERY_PARAMS=events.UPDATE_QUERY_PARAMS,IGNORED_EXCEPTION=new Error("ignoredException")},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/convert/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return argTypes_convert_convert}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var convert_convert=function convert(type){var name=type.name,raw=type.raw,base={};switch(void 0!==raw&&(base.raw=raw),type.name){case"string":case"number":case"symbol":case"boolean":return Object.assign({},base,{name:name});case"Array":return Object.assign({},base,{name:"array",value:type.elements.map(convert)});case"signature":return Object.assign({},base,function convertSig(type){switch(type.type){case"function":return{name:"function"};case"object":var values={};return type.signature.properties.forEach((function(prop){values[prop.key]=convert_convert(prop.value)})),{name:"object",value:values};default:throw new Error("Unknown: ".concat(type))}}(type));case"union":case"intersection":return Object.assign({},base,{name:name,value:type.elements.map(convert)});default:return Object.assign({},base,{name:"other",value:name})}},isLiteral=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),function isLiteral(type){return"literal"===type.name}),toEnumOption=function toEnumOption(element){return element.value.replace(/['|"]/g,"")},flow_convert_convert=function convert(type){var name=type.name,raw=type.raw,base={};switch(void 0!==raw&&(base.raw=raw),type.name){case"literal":return Object.assign({},base,{name:"other",value:type.value});case"string":case"number":case"symbol":case"boolean":return Object.assign({},base,{name:name});case"Array":return Object.assign({},base,{name:"array",value:type.elements.map(convert)});case"signature":return Object.assign({},base,function convertSig(type){switch(type.type){case"function":return{name:"function"};case"object":var values={};return type.signature.properties.forEach((function(prop){values[prop.key]=flow_convert_convert(prop.value)})),{name:"object",value:values};default:throw new Error("Unknown: ".concat(type))}}(type));case"union":return type.elements.every(isLiteral)?Object.assign({},base,{name:"enum",value:type.elements.map(toEnumOption)}):Object.assign({},base,{name:name,value:type.elements.map(convert)});case"intersection":return Object.assign({},base,{name:name,value:type.elements.map(convert)});default:return Object.assign({},base,{name:"other",value:name})}},mapValues=(__webpack_require__("./node_modules/core-js/modules/es.number.is-nan.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/lodash/mapValues.js")),mapValues_default=__webpack_require__.n(mapValues),QUOTE_REGEX=/^['"]|['"]$/g,SIGNATURE_REGEXP=/^\(.*\) => /,proptypes_convert_convert=function convert(type){var name=type.name,raw=type.raw,computed=type.computed,value=type.value,base={};switch(void 0!==raw&&(base.raw=raw),name){case"enum":var _values=computed?value:value.map((function(v){var trimmedValue=function trimQuotes(str){return str.replace(QUOTE_REGEX,"")}(v.value);return function includesQuotes(str){return QUOTE_REGEX.test(str)}(v.value)||Number.isNaN(Number(trimmedValue))?trimmedValue:Number(trimmedValue)}));return Object.assign({},base,{name:name,value:_values});case"string":case"number":case"symbol":case"object":return Object.assign({},base,{name:name});case"func":return Object.assign({},base,{name:"function"});case"bool":case"boolean":return Object.assign({},base,{name:"boolean"});case"arrayOf":case"array":return Object.assign({},base,{name:"array",value:value&&convert(value)});case"objectOf":return Object.assign({},base,{name:name,value:convert(value)});case"shape":case"exact":var values=mapValues_default()(value,(function(field){return convert(field)}));return Object.assign({},base,{name:"object",value:values});case"union":return Object.assign({},base,{name:"union",value:value.map((function(v){return convert(v)}))});default:if((null==name?void 0:name.indexOf("|"))>0)try{var literalValues=name.split("|").map((function(v){return JSON.parse(v)}));return Object.assign({},base,{name:"enum",value:literalValues})}catch(err){}var otherVal=value?"".concat(name,"(").concat(value,")"):name,otherName=SIGNATURE_REGEXP.test(name)?"function":"other";return Object.assign({},base,{name:otherName,value:otherVal})}},argTypes_convert_convert=function convert(docgenInfo){var type=docgenInfo.type,tsType=docgenInfo.tsType,flowType=docgenInfo.flowType;return null!=type?proptypes_convert_convert(type):null!=tsType?convert_convert(tsType):null!=flowType?flow_convert_convert(flowType):null}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/PropDef.js":function(module,exports){},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/extractDocgenProps.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return extractDocgenProps_extractComponentProps})),__webpack_require__.d(__webpack_exports__,"a",(function(){return extractComponentDescription}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var FlowTypesType,jsdocParser=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/jsdocParser.js"),types=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/types.js"),utils_docgenInfo=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/docgenInfo.js"),utils=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/utils.js");__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");function generateUnionElement(_ref){var name=_ref.name,value=_ref.value,elements=_ref.elements,raw=_ref.raw;return null!=value?value:null!=elements?elements.map(generateUnionElement).join(" | "):null!=raw?raw:name}function generateSignature(flowType){return"object"===flowType.type?function generateObjectSignature(_ref4){var type=_ref4.type,raw=_ref4.raw;return null!=raw?Object(utils.c)(raw)?Object(utils.a)(type,raw):Object(utils.a)(raw):Object(utils.a)(type)}(flowType):function generateFuncSignature(_ref3){var type=_ref3.type,raw=_ref3.raw;return null!=raw?Object(utils.a)(raw):Object(utils.a)(type)}(flowType)}function createType(type){if(null==type)return null;switch(type.name){case FlowTypesType.UNION:return function generateUnion(_ref2){var name=_ref2.name,raw=_ref2.raw,elements=_ref2.elements;return null!=elements?Object(utils.a)(elements.map(generateUnionElement).join(" | ")):null!=raw?Object(utils.a)(raw.replace(/^\|\s*/,"")):Object(utils.a)(name)}(type);case FlowTypesType.SIGNATURE:return generateSignature(type);default:return function generateDefault(_ref5){var name=_ref5.name,raw=_ref5.raw;return null!=raw?Object(utils.c)(raw)?Object(utils.a)(name,raw):Object(utils.a)(raw):Object(utils.a)(name)}(type)}}!function(FlowTypesType){FlowTypesType.UNION="union",FlowTypesType.SIGNATURE="signature"}(FlowTypesType||(FlowTypesType={}));var utils_defaultValue=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/defaultValue.js");function createDefaultValue(defaultValue,type){if(null!=defaultValue){var value=defaultValue.value;if(!Object(utils_defaultValue.a)(value))return Object(utils.b)(value)?Object(utils.a)(type.name,value):Object(utils.a)(value)}return null}function createType_createType(_ref){var tsType=_ref.tsType,required=_ref.required;return null==tsType?null:required?Object(utils.a)(tsType.name):Object(utils.a)(tsType.name.replace(" | undefined",""))}function createDefaultValue_createDefaultValue(_ref){var defaultValue=_ref.defaultValue;if(null!=defaultValue){var value=defaultValue.value;if(!Object(utils_defaultValue.a)(value))return Object(utils.a)(value)}return null}var convert=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/convert/index.js");function createPropDef_createType(type){return null!=type?Object(utils.a)(type.name):null}function createPropDef_createDefaultValue(defaultValue,type){if(null!=defaultValue){var value=defaultValue.value;if(!Object(utils_defaultValue.a)(value))return function isReactDocgenTypescript(defaultValue){var computed=defaultValue.computed,func=defaultValue.func;return void 0===computed&&void 0===func}(defaultValue)&&function isStringValued(type){return!!type&&("string"===type.name||"enum"===type.name&&Array.isArray(type.value)&&type.value.every((function(_ref){var tv=_ref.value;return"string"==typeof tv&&'"'===tv[0]&&'"'===tv[tv.length-1]})))}(type)?Object(utils.a)(JSON.stringify(value)):Object(utils.a)(value)}return null}function createBasicPropDef(name,type,docgenInfo){var description=docgenInfo.description,required=docgenInfo.required,defaultValue=docgenInfo.defaultValue;return{name:name,type:createPropDef_createType(type),required:required,description:description,defaultValue:createPropDef_createDefaultValue(defaultValue,type)}}function applyJsDocResult(propDef,jsDocParsingResult){if(jsDocParsingResult.includesJsDoc){var description=jsDocParsingResult.description,extractedTags=jsDocParsingResult.extractedTags;null!=description&&(propDef.description=jsDocParsingResult.description);var hasParams=null!=extractedTags.params,hasReturns=null!=extractedTags.returns&&null!=extractedTags.returns.type;(hasParams||hasReturns)&&(propDef.jsDocTags={params:hasParams&&extractedTags.params.map((function(x){return{name:x.getPrettyName(),description:x.description}})),returns:hasReturns&&{description:extractedTags.returns.description}})}return propDef}var createPropDef_javaScriptFactory=function javaScriptFactory(propName,docgenInfo,jsDocParsingResult){var propDef=createBasicPropDef(propName,docgenInfo.type,docgenInfo);return propDef.sbType=Object(convert.a)(docgenInfo),applyJsDocResult(propDef,jsDocParsingResult)},createPropDef_tsFactory=function tsFactory(propName,docgenInfo,jsDocParsingResult){var propDef=function createTsPropDef(propName,docgenInfo){var description=docgenInfo.description,required=docgenInfo.required;return{name:propName,type:createType_createType(docgenInfo),required:required,description:description,defaultValue:createDefaultValue_createDefaultValue(docgenInfo)}}(propName,docgenInfo);return propDef.sbType=Object(convert.a)(docgenInfo),applyJsDocResult(propDef,jsDocParsingResult)},createPropDef_flowFactory=function flowFactory(propName,docgenInfo,jsDocParsingResult){var propDef=function createFlowPropDef(propName,docgenInfo){var flowType=docgenInfo.flowType,description=docgenInfo.description,required=docgenInfo.required,defaultValue=docgenInfo.defaultValue;return{name:propName,type:createType(flowType),required:required,description:description,defaultValue:createDefaultValue(defaultValue,flowType)}}(propName,docgenInfo);return propDef.sbType=Object(convert.a)(docgenInfo),applyJsDocResult(propDef,jsDocParsingResult)},unknownFactory=function unknownFactory(propName,docgenInfo,jsDocParsingResult){return applyJsDocResult(createBasicPropDef(propName,{name:"unknown"},docgenInfo),jsDocParsingResult)},createPropDef_getPropDefFactory=function getPropDefFactory(typeSystem){switch(typeSystem){case types.a.JAVASCRIPT:return createPropDef_javaScriptFactory;case types.a.TYPESCRIPT:return createPropDef_tsFactory;case types.a.FLOW:return createPropDef_flowFactory;default:return unknownFactory}},extractDocgenProps_getTypeSystem=function getTypeSystem(docgenInfo){return null!=docgenInfo.type?types.a.JAVASCRIPT:null!=docgenInfo.flowType?types.a.FLOW:null!=docgenInfo.tsType?types.a.TYPESCRIPT:types.a.UNKNOWN},extractDocgenProps_extractComponentProps=function extractComponentProps(component,section){var docgenSection=Object(utils_docgenInfo.b)(component,section);return Object(utils_docgenInfo.d)(docgenSection)?Array.isArray(docgenSection)?function extractComponentSectionArray(docgenSection){var typeSystem=extractDocgenProps_getTypeSystem(docgenSection[0]),createPropDef=createPropDef_getPropDefFactory(typeSystem);return docgenSection.map((function(item){var _item$type,sanitizedItem=item;return null!==(_item$type=item.type)&&void 0!==_item$type&&_item$type.elements&&(sanitizedItem=Object.assign({},item,{type:Object.assign({},item.type,{value:item.type.elements})})),extractProp(sanitizedItem.name,sanitizedItem,typeSystem,createPropDef)}))}(docgenSection):function extractComponentSectionObject(docgenSection){var docgenPropsKeys=Object.keys(docgenSection),typeSystem=extractDocgenProps_getTypeSystem(docgenSection[docgenPropsKeys[0]]),createPropDef=createPropDef_getPropDefFactory(typeSystem);return docgenPropsKeys.map((function(propName){var docgenInfo=docgenSection[propName];return null!=docgenInfo?extractProp(propName,docgenInfo,typeSystem,createPropDef):null})).filter(Boolean)}(docgenSection):[]};function extractProp(propName,docgenInfo,typeSystem,createPropDef){var jsDocParsingResult=Object(jsdocParser.a)(docgenInfo.description);return jsDocParsingResult.includesJsDoc&&jsDocParsingResult.ignore?null:{propDef:createPropDef(propName,docgenInfo,jsDocParsingResult),jsDocTags:jsDocParsingResult.extractedTags,docgenInfo:docgenInfo,typeSystem:typeSystem}}function extractComponentDescription(component){return null!=component&&Object(utils_docgenInfo.a)(component)}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/types.js");__webpack_require__.d(__webpack_exports__,"TypeSystem",(function(){return _types__WEBPACK_IMPORTED_MODULE_0__.a}));var _utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/index.js");__webpack_require__.d(__webpack_exports__,"getDocgenSection",(function(){return _utils__WEBPACK_IMPORTED_MODULE_1__.a})),__webpack_require__.d(__webpack_exports__,"hasDocgen",(function(){return _utils__WEBPACK_IMPORTED_MODULE_1__.b})),__webpack_require__.d(__webpack_exports__,"str",(function(){return _utils__WEBPACK_IMPORTED_MODULE_1__.c}));var _extractDocgenProps__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/extractDocgenProps.js");__webpack_require__.d(__webpack_exports__,"extractComponentDescription",(function(){return _extractDocgenProps__WEBPACK_IMPORTED_MODULE_2__.a})),__webpack_require__.d(__webpack_exports__,"extractComponentProps",(function(){return _extractDocgenProps__WEBPACK_IMPORTED_MODULE_2__.b}));var _PropDef__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/PropDef.js");__webpack_require__.o(_PropDef__WEBPACK_IMPORTED_MODULE_3__,"createSummaryValue")&&__webpack_require__.d(__webpack_exports__,"createSummaryValue",(function(){return _PropDef__WEBPACK_IMPORTED_MODULE_3__.createSummaryValue})),__webpack_require__.o(_PropDef__WEBPACK_IMPORTED_MODULE_3__,"enhanceArgTypes")&&__webpack_require__.d(__webpack_exports__,"enhanceArgTypes",(function(){return _PropDef__WEBPACK_IMPORTED_MODULE_3__.enhanceArgTypes})),__webpack_require__.o(_PropDef__WEBPACK_IMPORTED_MODULE_3__,"isTooLongForDefaultValueSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForDefaultValueSummary",(function(){return _PropDef__WEBPACK_IMPORTED_MODULE_3__.isTooLongForDefaultValueSummary})),__webpack_require__.o(_PropDef__WEBPACK_IMPORTED_MODULE_3__,"isTooLongForTypeSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForTypeSummary",(function(){return _PropDef__WEBPACK_IMPORTED_MODULE_3__.isTooLongForTypeSummary}))},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/types.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var TypeSystem;__webpack_require__.d(__webpack_exports__,"a",(function(){return TypeSystem})),function(TypeSystem){TypeSystem.JAVASCRIPT="JavaScript",TypeSystem.FLOW="Flow",TypeSystem.TYPESCRIPT="TypeScript",TypeSystem.UNKNOWN="Unknown"}(TypeSystem||(TypeSystem={}))},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/defaultValue.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isDefaultValueBlacklisted}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js");var BLACKLIST=["null","undefined"];function isDefaultValueBlacklisted(value){return BLACKLIST.some((function(x){return x===value}))}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/docgenInfo.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return hasDocgen})),__webpack_require__.d(__webpack_exports__,"d",(function(){return isValidDocgenSection})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getDocgenSection})),__webpack_require__.d(__webpack_exports__,"a",(function(){return getDocgenDescription}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var _string__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/string.js");function hasDocgen(component){return!!component.__docgenInfo}function isValidDocgenSection(docgenSection){return null!=docgenSection&&Object.keys(docgenSection).length>0}function getDocgenSection(component,section){return hasDocgen(component)?component.__docgenInfo[section]:null}function getDocgenDescription(component){return hasDocgen(component)&&Object(_string__WEBPACK_IMPORTED_MODULE_3__.a)(component.__docgenInfo.description)}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _string__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/string.js");__webpack_require__.d(__webpack_exports__,"c",(function(){return _string__WEBPACK_IMPORTED_MODULE_0__.a}));var _docgenInfo__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/docgenInfo.js");__webpack_require__.d(__webpack_exports__,"a",(function(){return _docgenInfo__WEBPACK_IMPORTED_MODULE_1__.b})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _docgenInfo__WEBPACK_IMPORTED_MODULE_1__.c}))},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/string.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return str}));var str=function str(obj){if(!obj)return"";if("string"==typeof obj)return obj;throw new Error("Description: expected string, got: ".concat(JSON.stringify(obj)))}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/enhanceArgTypes.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return enhanceArgTypes}));var _storybook_store__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),enhanceArgTypes=function enhanceArgTypes(context){var component=context.component,userArgTypes=context.argTypes,_context$parameters$d=context.parameters.docs,extractArgTypes=(void 0===_context$parameters$d?{}:_context$parameters$d).extractArgTypes,extractedArgTypes=extractArgTypes&&component?extractArgTypes(component):{};return extractedArgTypes?Object(_storybook_store__WEBPACK_IMPORTED_MODULE_0__.a)(extractedArgTypes,userArgTypes):userArgTypes}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _docgen__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/index.js");__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"TypeSystem")&&__webpack_require__.d(__webpack_exports__,"TypeSystem",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.TypeSystem})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"createSummaryValue")&&__webpack_require__.d(__webpack_exports__,"createSummaryValue",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.createSummaryValue})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"enhanceArgTypes")&&__webpack_require__.d(__webpack_exports__,"enhanceArgTypes",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.enhanceArgTypes})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"extractComponentDescription")&&__webpack_require__.d(__webpack_exports__,"extractComponentDescription",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.extractComponentDescription})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"extractComponentProps")&&__webpack_require__.d(__webpack_exports__,"extractComponentProps",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.extractComponentProps})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"getDocgenSection")&&__webpack_require__.d(__webpack_exports__,"getDocgenSection",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.getDocgenSection})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"hasDocgen")&&__webpack_require__.d(__webpack_exports__,"hasDocgen",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.hasDocgen})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"isTooLongForDefaultValueSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForDefaultValueSummary",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.isTooLongForDefaultValueSummary})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"isTooLongForTypeSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForTypeSummary",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.isTooLongForTypeSummary})),__webpack_require__.o(_docgen__WEBPACK_IMPORTED_MODULE_0__,"str")&&__webpack_require__.d(__webpack_exports__,"str",(function(){return _docgen__WEBPACK_IMPORTED_MODULE_0__.str}));var _types__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/types.js");__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"TypeSystem")&&__webpack_require__.d(__webpack_exports__,"TypeSystem",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.TypeSystem})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"createSummaryValue")&&__webpack_require__.d(__webpack_exports__,"createSummaryValue",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.createSummaryValue})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"enhanceArgTypes")&&__webpack_require__.d(__webpack_exports__,"enhanceArgTypes",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.enhanceArgTypes})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"extractComponentDescription")&&__webpack_require__.d(__webpack_exports__,"extractComponentDescription",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.extractComponentDescription})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"extractComponentProps")&&__webpack_require__.d(__webpack_exports__,"extractComponentProps",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.extractComponentProps})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"getDocgenSection")&&__webpack_require__.d(__webpack_exports__,"getDocgenSection",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.getDocgenSection})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"hasDocgen")&&__webpack_require__.d(__webpack_exports__,"hasDocgen",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.hasDocgen})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"isTooLongForDefaultValueSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForDefaultValueSummary",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.isTooLongForDefaultValueSummary})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"isTooLongForTypeSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForTypeSummary",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.isTooLongForTypeSummary})),__webpack_require__.o(_types__WEBPACK_IMPORTED_MODULE_1__,"str")&&__webpack_require__.d(__webpack_exports__,"str",(function(){return _types__WEBPACK_IMPORTED_MODULE_1__.str}));var _utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/utils.js");__webpack_require__.d(__webpack_exports__,"createSummaryValue",(function(){return _utils__WEBPACK_IMPORTED_MODULE_2__.a})),__webpack_require__.d(__webpack_exports__,"isTooLongForDefaultValueSummary",(function(){return _utils__WEBPACK_IMPORTED_MODULE_2__.b})),__webpack_require__.d(__webpack_exports__,"isTooLongForTypeSummary",(function(){return _utils__WEBPACK_IMPORTED_MODULE_2__.c}));var _enhanceArgTypes__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/enhanceArgTypes.js");__webpack_require__.d(__webpack_exports__,"enhanceArgTypes",(function(){return _enhanceArgTypes__WEBPACK_IMPORTED_MODULE_3__.a}))},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/jsdocParser.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return parseJsDoc}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js");var doctrine__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/doctrine/lib/doctrine.js"),doctrine__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(doctrine__WEBPACK_IMPORTED_MODULE_10__);function containsJsDoc(value){return null!=value&&value.includes("@")}function parse(content,tags){var ast;try{ast=doctrine__WEBPACK_IMPORTED_MODULE_10___default.a.parse(content,{tags:tags,sloppy:!0})}catch(e){throw console.error(e),new Error("Cannot parse JSDoc tags.")}return ast}var DEFAULT_OPTIONS={tags:["param","arg","argument","returns","ignore"]},parseJsDoc=function parseJsDoc(value){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DEFAULT_OPTIONS;if(!containsJsDoc(value))return{includesJsDoc:!1,ignore:!1};var jsDocAst=parse(value,options.tags),extractedTags=extractJsDocTags(jsDocAst);return extractedTags.ignore?{includesJsDoc:!0,ignore:!0}:{includesJsDoc:!0,ignore:!1,description:jsDocAst.description,extractedTags:extractedTags}};function extractJsDocTags(ast){for(var extractedTags={params:null,returns:null,ignore:!1},i=0;i<ast.tags.length;i+=1){var tag=ast.tags[i];if("ignore"===tag.title){extractedTags.ignore=!0;break}switch(tag.title){case"param":case"arg":case"argument":var paramTag=extractParam(tag);null!=paramTag&&(null==extractedTags.params&&(extractedTags.params=[]),extractedTags.params.push(paramTag));break;case"returns":var returnsTag=extractReturns(tag);null!=returnsTag&&(extractedTags.returns=returnsTag)}}return extractedTags}function extractParam(tag){var paramName=tag.name;return null!=paramName&&"null-null"!==paramName?{name:tag.name,type:tag.type,description:tag.description,getPrettyName:function getPrettyName(){return paramName.includes("null")?paramName.replace("-null","").replace(".null",""):tag.name},getTypeName:function getTypeName(){return null!=tag.type?extractTypeName(tag.type):null}}:null}function extractReturns(tag){return null!=tag.type?{type:tag.type,description:tag.description,getTypeName:function getTypeName(){return extractTypeName(tag.type)}}:null}function extractTypeName(type){if("NameExpression"===type.type)return type.name;if("RecordType"===type.type){var recordFields=type.fields.map((function(field){if(null!=field.value){var valueTypeName=extractTypeName(field.value);return"".concat(field.key,": ").concat(valueTypeName)}return field.key}));return"({".concat(recordFields.join(", "),"})")}if("UnionType"===type.type){var unionElements=type.elements.map(extractTypeName);return"(".concat(unionElements.join("|"),")")}if("ArrayType"===type.type)return"[]";if("TypeApplication"===type.type&&null!=type.expression&&"Array"===type.expression.name){var arrayType=extractTypeName(type.applications[0]);return"".concat(arrayType,"[]")}return"NullableType"===type.type||"NonNullableType"===type.type||"OptionalType"===type.type?extractTypeName(type.expression):"AllLiteral"===type.type?"any":null}},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/types.js":function(module,exports){},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/utils.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return isTooLongForTypeSummary})),__webpack_require__.d(__webpack_exports__,"b",(function(){return isTooLongForDefaultValueSummary})),__webpack_require__.d(__webpack_exports__,"a",(function(){return createSummaryValue}));__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");function isTooLongForTypeSummary(value){return value.length>90}function isTooLongForDefaultValueSummary(value){return value.length>50}function createSummaryValue(summary,detail){return summary===detail?{summary:summary}:{summary:summary,detail:detail}}},"./node_modules/@storybook/docs-tools/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _argTypes__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/argTypes/index.js");__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"TypeSystem")&&__webpack_require__.d(__webpack_exports__,"TypeSystem",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.TypeSystem})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"createSummaryValue")&&__webpack_require__.d(__webpack_exports__,"createSummaryValue",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.createSummaryValue})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"enhanceArgTypes")&&__webpack_require__.d(__webpack_exports__,"enhanceArgTypes",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.enhanceArgTypes})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"extractComponentDescription")&&__webpack_require__.d(__webpack_exports__,"extractComponentDescription",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.extractComponentDescription})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"extractComponentProps")&&__webpack_require__.d(__webpack_exports__,"extractComponentProps",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.extractComponentProps})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"getDocgenSection")&&__webpack_require__.d(__webpack_exports__,"getDocgenSection",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.getDocgenSection})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"hasDocgen")&&__webpack_require__.d(__webpack_exports__,"hasDocgen",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.hasDocgen})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"isTooLongForDefaultValueSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForDefaultValueSummary",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.isTooLongForDefaultValueSummary})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"isTooLongForTypeSummary")&&__webpack_require__.d(__webpack_exports__,"isTooLongForTypeSummary",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.isTooLongForTypeSummary})),__webpack_require__.o(_argTypes__WEBPACK_IMPORTED_MODULE_0__,"str")&&__webpack_require__.d(__webpack_exports__,"str",(function(){return _argTypes__WEBPACK_IMPORTED_MODULE_0__.str}))},"./node_modules/@storybook/docs-tools/dist/esm/shared.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SNIPPET_RENDERED})),__webpack_require__.d(__webpack_exports__,"b",(function(){return SourceType}));"".concat("storybook/docs","/panel");var SourceType,SNIPPET_RENDERED="".concat("storybook/docs","/snippet-rendered");!function(SourceType){SourceType.AUTO="auto",SourceType.CODE="code",SourceType.DYNAMIC="dynamic"}(SourceType||(SourceType={}))},"./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var config_namespaceObject={};__webpack_require__.r(config_namespaceObject),__webpack_require__.d(config_namespaceObject,"parameters",(function(){return parameters})),__webpack_require__.d(config_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(config_namespaceObject,"argTypesEnhancers",(function(){return argTypesEnhancers}));var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/index.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types);__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");function generateFuncSignature(params,returns){var hasParams=null!=params,hasReturns=null!=returns;if(!hasParams&&!hasReturns)return"";var funcParts=[];if(hasParams){var funcParams=params.map((function(x){var prettyName=x.getPrettyName(),typeName=x.getTypeName();return null!=typeName?"".concat(prettyName,": ").concat(typeName):prettyName}));funcParts.push("(".concat(funcParams.join(", "),")"))}else funcParts.push("()");return hasReturns&&funcParts.push("=> ".concat(returns.getTypeName())),funcParts.join(" ")}function generateShortFuncSignature(params,returns){var hasParams=null!=params,hasReturns=null!=returns;if(!hasParams&&!hasReturns)return"";var funcParts=[];return hasParams?funcParts.push("( ... )"):funcParts.push("()"),hasReturns&&funcParts.push("=> ".concat(returns.getTypeName())),funcParts.join(" ")}__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var html_tags=__webpack_require__("./node_modules/html-tags/index.js"),html_tags_default=__webpack_require__.n(html_tags);function isHtmlTag(tagName){return html_tags_default.a.includes(tagName.toLowerCase())}__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js");var escodegen=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/escodegen.js"),ts_dedent_esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),BASIC_OPTIONS={format:{indent:{style:"  "},semicolons:!1}},COMPACT_OPTIONS=Object.assign({},BASIC_OPTIONS,{format:{newline:""}}),PRETTY_OPTIONS=Object.assign({},BASIC_OPTIONS);function generateCode(ast){var compact=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return Object(escodegen.generate)(ast,compact?COMPACT_OPTIONS:PRETTY_OPTIONS)}function generateObjectCode(ast){var compact=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return compact?generateCompactObjectCode(ast):generateCode(ast)}function generateCompactObjectCode(ast){var result=generateCode(ast,!0);return result.endsWith(" }")||(result="".concat(result.slice(0,-1)," }")),result}function generateArrayCode(ast){var compact=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return compact?generateCompactArrayCode(ast):generateMultilineArrayCode(ast)}function generateMultilineArrayCode(ast){var result=generateCode(ast);return result.endsWith("  }]")&&(result=Object(ts_dedent_esm.a)(result)),result}function generateCompactArrayCode(ast){var result=generateCode(ast,!0);return result.startsWith("[    ")&&(result=result.replace("[    ","[")),result}var InspectionType,isMemo=function isMemo(component){return component.$$typeof===Symbol.for("react.memo")};!function(InspectionType){InspectionType.IDENTIFIER="Identifier",InspectionType.LITERAL="Literal",InspectionType.OBJECT="Object",InspectionType.ARRAY="Array",InspectionType.FUNCTION="Function",InspectionType.CLASS="Class",InspectionType.ELEMENT="Element",InspectionType.UNKNOWN="Unknown"}(InspectionType||(InspectionType={}));__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var acorn=__webpack_require__("./node_modules/acorn/dist/acorn.mjs"),acorn_jsx=__webpack_require__("./node_modules/acorn-jsx/index.js"),acorn_jsx_default=__webpack_require__.n(acorn_jsx);function simple(node,visitors,baseVisitor,state,override){baseVisitor||(baseVisitor=base),function c(node,st,override){var type=override||node.type,found=visitors[type];baseVisitor[type](node,st,c),found&&found(node,st)}(node,state,override)}Object.create;function skipThrough(node,st,c){c(node,st)}function ignore(_node,_st,_c){}var base={};base.Program=base.BlockStatement=function(node,st,c){for(var i=0,list=node.body;i<list.length;i+=1){c(list[i],st,"Statement")}},base.Statement=skipThrough,base.EmptyStatement=ignore,base.ExpressionStatement=base.ParenthesizedExpression=base.ChainExpression=function(node,st,c){return c(node.expression,st,"Expression")},base.IfStatement=function(node,st,c){c(node.test,st,"Expression"),c(node.consequent,st,"Statement"),node.alternate&&c(node.alternate,st,"Statement")},base.LabeledStatement=function(node,st,c){return c(node.body,st,"Statement")},base.BreakStatement=base.ContinueStatement=ignore,base.WithStatement=function(node,st,c){c(node.object,st,"Expression"),c(node.body,st,"Statement")},base.SwitchStatement=function(node,st,c){c(node.discriminant,st,"Expression");for(var i$1=0,list$1=node.cases;i$1<list$1.length;i$1+=1){var cs=list$1[i$1];cs.test&&c(cs.test,st,"Expression");for(var i=0,list=cs.consequent;i<list.length;i+=1){c(list[i],st,"Statement")}}},base.SwitchCase=function(node,st,c){node.test&&c(node.test,st,"Expression");for(var i=0,list=node.consequent;i<list.length;i+=1){c(list[i],st,"Statement")}},base.ReturnStatement=base.YieldExpression=base.AwaitExpression=function(node,st,c){node.argument&&c(node.argument,st,"Expression")},base.ThrowStatement=base.SpreadElement=function(node,st,c){return c(node.argument,st,"Expression")},base.TryStatement=function(node,st,c){c(node.block,st,"Statement"),node.handler&&c(node.handler,st),node.finalizer&&c(node.finalizer,st,"Statement")},base.CatchClause=function(node,st,c){node.param&&c(node.param,st,"Pattern"),c(node.body,st,"Statement")},base.WhileStatement=base.DoWhileStatement=function(node,st,c){c(node.test,st,"Expression"),c(node.body,st,"Statement")},base.ForStatement=function(node,st,c){node.init&&c(node.init,st,"ForInit"),node.test&&c(node.test,st,"Expression"),node.update&&c(node.update,st,"Expression"),c(node.body,st,"Statement")},base.ForInStatement=base.ForOfStatement=function(node,st,c){c(node.left,st,"ForInit"),c(node.right,st,"Expression"),c(node.body,st,"Statement")},base.ForInit=function(node,st,c){"VariableDeclaration"===node.type?c(node,st):c(node,st,"Expression")},base.DebuggerStatement=ignore,base.FunctionDeclaration=function(node,st,c){return c(node,st,"Function")},base.VariableDeclaration=function(node,st,c){for(var i=0,list=node.declarations;i<list.length;i+=1){c(list[i],st)}},base.VariableDeclarator=function(node,st,c){c(node.id,st,"Pattern"),node.init&&c(node.init,st,"Expression")},base.Function=function(node,st,c){node.id&&c(node.id,st,"Pattern");for(var i=0,list=node.params;i<list.length;i+=1){c(list[i],st,"Pattern")}c(node.body,st,node.expression?"Expression":"Statement")},base.Pattern=function(node,st,c){"Identifier"===node.type?c(node,st,"VariablePattern"):"MemberExpression"===node.type?c(node,st,"MemberPattern"):c(node,st)},base.VariablePattern=ignore,base.MemberPattern=skipThrough,base.RestElement=function(node,st,c){return c(node.argument,st,"Pattern")},base.ArrayPattern=function(node,st,c){for(var i=0,list=node.elements;i<list.length;i+=1){var elt=list[i];elt&&c(elt,st,"Pattern")}},base.ObjectPattern=function(node,st,c){for(var i=0,list=node.properties;i<list.length;i+=1){var prop=list[i];"Property"===prop.type?(prop.computed&&c(prop.key,st,"Expression"),c(prop.value,st,"Pattern")):"RestElement"===prop.type&&c(prop.argument,st,"Pattern")}},base.Expression=skipThrough,base.ThisExpression=base.Super=base.MetaProperty=ignore,base.ArrayExpression=function(node,st,c){for(var i=0,list=node.elements;i<list.length;i+=1){var elt=list[i];elt&&c(elt,st,"Expression")}},base.ObjectExpression=function(node,st,c){for(var i=0,list=node.properties;i<list.length;i+=1){c(list[i],st)}},base.FunctionExpression=base.ArrowFunctionExpression=base.FunctionDeclaration,base.SequenceExpression=function(node,st,c){for(var i=0,list=node.expressions;i<list.length;i+=1){c(list[i],st,"Expression")}},base.TemplateLiteral=function(node,st,c){for(var i=0,list=node.quasis;i<list.length;i+=1){c(list[i],st)}for(var i$1=0,list$1=node.expressions;i$1<list$1.length;i$1+=1){c(list$1[i$1],st,"Expression")}},base.TemplateElement=ignore,base.UnaryExpression=base.UpdateExpression=function(node,st,c){c(node.argument,st,"Expression")},base.BinaryExpression=base.LogicalExpression=function(node,st,c){c(node.left,st,"Expression"),c(node.right,st,"Expression")},base.AssignmentExpression=base.AssignmentPattern=function(node,st,c){c(node.left,st,"Pattern"),c(node.right,st,"Expression")},base.ConditionalExpression=function(node,st,c){c(node.test,st,"Expression"),c(node.consequent,st,"Expression"),c(node.alternate,st,"Expression")},base.NewExpression=base.CallExpression=function(node,st,c){if(c(node.callee,st,"Expression"),node.arguments)for(var i=0,list=node.arguments;i<list.length;i+=1){c(list[i],st,"Expression")}},base.MemberExpression=function(node,st,c){c(node.object,st,"Expression"),node.computed&&c(node.property,st,"Expression")},base.ExportNamedDeclaration=base.ExportDefaultDeclaration=function(node,st,c){node.declaration&&c(node.declaration,st,"ExportNamedDeclaration"===node.type||node.declaration.id?"Statement":"Expression"),node.source&&c(node.source,st,"Expression")},base.ExportAllDeclaration=function(node,st,c){node.exported&&c(node.exported,st),c(node.source,st,"Expression")},base.ImportDeclaration=function(node,st,c){for(var i=0,list=node.specifiers;i<list.length;i+=1){c(list[i],st)}c(node.source,st,"Expression")},base.ImportExpression=function(node,st,c){c(node.source,st,"Expression")},base.ImportSpecifier=base.ImportDefaultSpecifier=base.ImportNamespaceSpecifier=base.Identifier=base.Literal=ignore,base.TaggedTemplateExpression=function(node,st,c){c(node.tag,st,"Expression"),c(node.quasi,st,"Expression")},base.ClassDeclaration=base.ClassExpression=function(node,st,c){return c(node,st,"Class")},base.Class=function(node,st,c){node.id&&c(node.id,st,"Pattern"),node.superClass&&c(node.superClass,st,"Expression"),c(node.body,st)},base.ClassBody=function(node,st,c){for(var i=0,list=node.body;i<list.length;i+=1){c(list[i],st)}},base.MethodDefinition=base.Property=function(node,st,c){node.computed&&c(node.key,st,"Expression"),c(node.value,st,"Expression")};var ACORN_WALK_VISITORS=Object.assign({},base,{JSXElement:function JSXElement(){}}),acornParser=acorn.Parser.extend(acorn_jsx_default()());function extractIdentifierName(identifierNode){return null!=identifierNode?identifierNode.name:null}function filterAncestors(ancestors){return ancestors.filter((function(x){return"ObjectExpression"===x.type||"ArrayExpression"===x.type}))}function calculateNodeDepth(node){var depths=[];return function ancestor(node,visitors,baseVisitor,state,override){var ancestors=[];baseVisitor||(baseVisitor=base),function c(node,st,override){var type=override||node.type,found=visitors[type],isNew=node!==ancestors[ancestors.length-1];isNew&&ancestors.push(node),baseVisitor[type](node,st,c),found&&found(node,st||ancestors,ancestors),isNew&&ancestors.pop()}(node,state,override)}(node,{ObjectExpression:function ObjectExpression(_,ancestors){depths.push(filterAncestors(ancestors).length)},ArrayExpression:function ArrayExpression(_,ancestors){depths.push(filterAncestors(ancestors).length)}},ACORN_WALK_VISITORS),Math.max.apply(Math,depths)}function parseObject(objectNode){return{inferredType:{type:InspectionType.OBJECT,depth:calculateNodeDepth(objectNode)},ast:objectNode}}function parseExpression(expression){switch(expression.type){case"Identifier":return function parseIdentifier(identifierNode){return{inferredType:{type:InspectionType.IDENTIFIER,identifier:extractIdentifierName(identifierNode)},ast:identifierNode}}(expression);case"Literal":return function parseLiteral(literalNode){return{inferredType:{type:InspectionType.LITERAL},ast:literalNode}}(expression);case"FunctionExpression":case"ArrowFunctionExpression":return function parseFunction(funcNode){var innerJsxElementNode;simple(funcNode.body,{JSXElement:function JSXElement(node){innerJsxElementNode=node}},ACORN_WALK_VISITORS);var inferredType={type:null!=innerJsxElementNode?InspectionType.ELEMENT:InspectionType.FUNCTION,params:funcNode.params,hasParams:0!==funcNode.params.length},identifierName=extractIdentifierName(funcNode.id);return null!=identifierName&&(inferredType.identifier=identifierName),{inferredType:inferredType,ast:funcNode}}(expression);case"ClassExpression":return function parseClass(classNode){var innerJsxElementNode;return simple(classNode.body,{JSXElement:function JSXElement(node){innerJsxElementNode=node}},ACORN_WALK_VISITORS),{inferredType:{type:null!=innerJsxElementNode?InspectionType.ELEMENT:InspectionType.CLASS,identifier:extractIdentifierName(classNode.id)},ast:classNode}}(expression);case"JSXElement":return function parseJsxElement(jsxElementNode){var inferredType={type:InspectionType.ELEMENT},identifierName=extractIdentifierName(jsxElementNode.openingElement.name);return null!=identifierName&&(inferredType.identifier=identifierName),{inferredType:inferredType,ast:jsxElementNode}}(expression);case"CallExpression":return function parseCall(callNode){return"shape"===extractIdentifierName("MemberExpression"===callNode.callee.type?callNode.callee.property:callNode.callee)?parseObject(callNode.arguments[0]):null}(expression);case"ObjectExpression":return parseObject(expression);case"ArrayExpression":return function parseArray(arrayNode){return{inferredType:{type:InspectionType.ARRAY,depth:calculateNodeDepth(arrayNode)},ast:arrayNode}}(expression);default:return null}}function inspectValue(value){try{var parsingResult=function parse(value){var ast=acornParser.parse("(".concat(value,")")),parsingResult={inferredType:{type:InspectionType.UNKNOWN},ast:ast};if(null!=ast.body[0]){var rootNode=ast.body[0];if("ExpressionStatement"===rootNode.type){var expressionResult=parseExpression(rootNode.expression);null!=expressionResult&&(parsingResult=expressionResult)}}return parsingResult}(value);return Object.assign({},parsingResult)}catch(e){}return{inferredType:{type:InspectionType.UNKNOWN}}}var PropTypesType;function createTypeDef(_ref){var name=_ref.name,short=_ref.short,compact=_ref.compact,full=_ref.full;return{name:name,short:short,compact:compact,full:null!=full?full:short,inferredType:_ref.inferredType}}function cleanPropTypes(value){return value.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function splitIntoLines(value){return value.split(/\r?\n/)}function prettyObject(ast){var compact=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return cleanPropTypes(generateObjectCode(ast,compact))}function prettyArray(ast){var compact=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return cleanPropTypes(generateCode(ast,compact))}function generateTypeFromString(value,originalTypeName){var short,compact,full,_inspectValue=inspectValue(value),inferredType=_inspectValue.inferredType,ast=_inspectValue.ast,type=inferredType.type;switch(type){case InspectionType.IDENTIFIER:case InspectionType.LITERAL:short=value,compact=value;break;case InspectionType.OBJECT:short="object",compact=1===inferredType.depth?prettyObject(ast,!0):null,full=prettyObject(ast);break;case InspectionType.ELEMENT:var identifier=inferredType.identifier;short=null==identifier||isHtmlTag(identifier)?"element":identifier,compact=1===splitIntoLines(value).length?value:null,full=value;break;case InspectionType.ARRAY:short="array",compact=inferredType.depth<=2?prettyArray(ast,!0):null,full=prettyArray(ast);break;default:short=function getCaptionForInspectionType(type){switch(type){case InspectionType.OBJECT:return"object";case InspectionType.ARRAY:return"array";case InspectionType.CLASS:return"class";case InspectionType.FUNCTION:return"func";case InspectionType.ELEMENT:return"element";default:return"custom"}}(type),compact=1===splitIntoLines(value).length?value:null,full=value}return createTypeDef({name:originalTypeName,short:short,compact:compact,full:full,inferredType:type})}function objectOf(of){return"objectOf(".concat(of,")")}function generateEnum(type){if(Array.isArray(type.value)){var values=type.value.reduce((function(acc,v){var _generateEnumValue=function generateEnumValue(_ref7){var value=_ref7.value;return _ref7.computed?generateTypeFromString(value,"enumvalue"):createTypeDef({name:"enumvalue",short:value,compact:value})}(v),short=_generateEnumValue.short,compact=_generateEnumValue.compact,full=_generateEnumValue.full;return acc.short.push(short),acc.compact.push(compact),acc.full.push(full),acc}),{short:[],compact:[],full:[]});return createTypeDef({name:PropTypesType.ENUM,short:values.short.join(" | "),compact:values.compact.every((function(x){return null!=x}))?values.compact.join(" | "):null,full:values.full.join(" | ")})}return createTypeDef({name:PropTypesType.ENUM,short:type.value,compact:type.value})}function braceAfter(of){return"".concat(of,"[]")}function braceAround(of){return"[".concat(of,"]")}function createArrayOfObjectTypeDef(short,compact,full){return createTypeDef({name:PropTypesType.ARRAYOF,short:braceAfter(short),compact:null!=compact?braceAround(compact):null,full:braceAround(full)})}function generateType(type,extractedProp){try{switch(type.name){case PropTypesType.CUSTOM:return function generateCustom(_ref5){var raw=_ref5.raw;return null!=raw?generateTypeFromString(raw,PropTypesType.CUSTOM):createTypeDef({name:PropTypesType.CUSTOM,short:"custom",compact:"custom"})}(type);case PropTypesType.FUNC:return function generateFunc(extractedProp){var jsDocTags=extractedProp.jsDocTags;return null==jsDocTags||null==jsDocTags.params&&null==jsDocTags.returns?createTypeDef({name:PropTypesType.FUNC,short:"func",compact:"func"}):createTypeDef({name:PropTypesType.FUNC,short:generateShortFuncSignature(jsDocTags.params,jsDocTags.returns),compact:null,full:generateFuncSignature(jsDocTags.params,jsDocTags.returns)})}(extractedProp);case PropTypesType.SHAPE:return function generateShape(type,extractedProp){var fields=Object.keys(type.value).map((function(key){return"".concat(key,": ").concat(generateType(type.value[key],extractedProp).full)})).join(", "),_inspectValue2=inspectValue("{ ".concat(fields," }")),inferredType=_inspectValue2.inferredType,ast=_inspectValue2.ast,depth=inferredType.depth;return createTypeDef({name:PropTypesType.SHAPE,short:"object",compact:1===depth&&ast?prettyObject(ast,!0):null,full:ast?prettyObject(ast):null})}(type,extractedProp);case PropTypesType.INSTANCEOF:return createTypeDef({name:PropTypesType.INSTANCEOF,short:type.value,compact:type.value});case PropTypesType.OBJECTOF:return function generateObjectOf(type,extractedProp){var _generateType=generateType(type.value,extractedProp),short=_generateType.short,compact=_generateType.compact,full=_generateType.full;return createTypeDef({name:PropTypesType.OBJECTOF,short:objectOf(short),compact:null!=compact?objectOf(compact):null,full:objectOf(full)})}(type,extractedProp);case PropTypesType.UNION:return function generateUnion(type,extractedProp){if(Array.isArray(type.value)){var values=type.value.reduce((function(acc,v){var _generateType2=generateType(v,extractedProp),short=_generateType2.short,compact=_generateType2.compact,full=_generateType2.full;return acc.short.push(short),acc.compact.push(compact),acc.full.push(full),acc}),{short:[],compact:[],full:[]});return createTypeDef({name:PropTypesType.UNION,short:values.short.join(" | "),compact:values.compact.every((function(x){return null!=x}))?values.compact.join(" | "):null,full:values.full.join(" | ")})}return createTypeDef({name:PropTypesType.UNION,short:type.value,compact:null})}(type,extractedProp);case PropTypesType.ENUM:return generateEnum(type);case PropTypesType.ARRAYOF:return function generateArray(type,extractedProp){var _generateType3=generateType(type.value,extractedProp),name=_generateType3.name,short=_generateType3.short,compact=_generateType3.compact,full=_generateType3.full,inferredType=_generateType3.inferredType;if(name===PropTypesType.CUSTOM){if(inferredType===InspectionType.OBJECT)return createArrayOfObjectTypeDef(short,compact,full)}else if(name===PropTypesType.SHAPE)return createArrayOfObjectTypeDef(short,compact,full);return createTypeDef({name:PropTypesType.ARRAYOF,short:braceAfter(short),compact:braceAfter(short)})}(type,extractedProp);default:return createTypeDef({name:type.name,short:type.name,compact:type.name})}}catch(e){console.error(e)}return createTypeDef({name:"unknown",short:"unknown",compact:"unknown"})}function generateObject(_ref){var inferredType=_ref.inferredType,ast=_ref.ast;if(1===inferredType.depth){var compactObject=generateObjectCode(ast,!0);if(!Object(esm.isTooLongForDefaultValueSummary)(compactObject))return Object(esm.createSummaryValue)(compactObject)}return Object(esm.createSummaryValue)("object",generateObjectCode(ast))}function generateArray_generateArray(_ref){var inferredType=_ref.inferredType,ast=_ref.ast;if(inferredType.depth<=2){var compactArray=generateArrayCode(ast,!0);if(!Object(esm.isTooLongForDefaultValueSummary)(compactArray))return Object(esm.createSummaryValue)(compactArray)}return Object(esm.createSummaryValue)("array",generateArrayCode(ast))}function getPrettyIdentifier(inferredType){var type=inferredType.type,identifier=inferredType.identifier;switch(type){case InspectionType.FUNCTION:return getPrettyFuncIdentifier(identifier,inferredType.hasParams);case InspectionType.ELEMENT:return getPrettyElementIdentifier(identifier);default:return identifier}}function getPrettyFuncIdentifier(identifier,hasArguments){return"".concat(identifier,hasArguments?"( ... )":"()")}function getPrettyElementIdentifier(identifier){return"<".concat(identifier," />")}function createDefaultValue(defaultValue){try{var inspectionResult=inspectValue(defaultValue);switch(inspectionResult.inferredType.type){case InspectionType.OBJECT:return generateObject(inspectionResult);case InspectionType.FUNCTION:return function createDefaultValue_generateFunc(_ref){var inferredType=_ref.inferredType,ast=_ref.ast;if(null!=inferredType.identifier)return Object(esm.createSummaryValue)(getPrettyIdentifier(inferredType),generateCode(ast));var prettyCaption=generateCode(ast,!0);return Object(esm.isTooLongForDefaultValueSummary)(prettyCaption)?Object(esm.createSummaryValue)("func",generateCode(ast)):Object(esm.createSummaryValue)(prettyCaption)}(inspectionResult);case InspectionType.ELEMENT:return function generateElement(defaultValue,inspectionResult){var inferredType=inspectionResult.inferredType,identifier=inferredType.identifier;if(null!=identifier&&!isHtmlTag(identifier)){var prettyIdentifier=getPrettyIdentifier(inferredType);return Object(esm.createSummaryValue)(prettyIdentifier,defaultValue)}return Object(esm.isTooLongForDefaultValueSummary)(defaultValue)?Object(esm.createSummaryValue)("element",defaultValue):Object(esm.createSummaryValue)(defaultValue)}(defaultValue,inspectionResult);case InspectionType.ARRAY:return generateArray_generateArray(inspectionResult);default:return null}}catch(e){console.error(e)}return null}!function(PropTypesType){PropTypesType.CUSTOM="custom",PropTypesType.ANY="any",PropTypesType.FUNC="func",PropTypesType.SHAPE="shape",PropTypesType.OBJECT="object",PropTypesType.INSTANCEOF="instanceOf",PropTypesType.OBJECTOF="objectOf",PropTypesType.UNION="union",PropTypesType.ENUM="enum",PropTypesType.ARRAYOF="arrayOf",PropTypesType.ELEMENT="element",PropTypesType.ELEMENTTYPE="elementType",PropTypesType.NODE="node"}(PropTypesType||(PropTypesType={}));__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js");var isPlainObject=__webpack_require__("./node_modules/lodash/isPlainObject.js"),isPlainObject_default=__webpack_require__.n(isPlainObject),isFunction=__webpack_require__("./node_modules/lodash/isFunction.js"),isFunction_default=__webpack_require__.n(isFunction),isString=__webpack_require__("./node_modules/lodash/isString.js"),isString_default=__webpack_require__.n(isString),cjs=__webpack_require__("./node_modules/react-element-to-jsx-string/dist/cjs/index.js"),cjs_default=__webpack_require__.n(cjs);function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function isReactElement(element){return null!=element.$$typeof}function extractFunctionName(func,propName){var name=func.name;return""!==name&&"anonymous"!==name&&name!==propName?name:null}var DEFAULT_TYPE_RESOLVERS={string:function stringResolver(rawDefaultProp){return Object(esm.createSummaryValue)(JSON.stringify(rawDefaultProp))},object:function objectResolver(rawDefaultProp){return isReactElement(rawDefaultProp)&&null!=rawDefaultProp.type?function generateReactObject(rawDefaultProp){var type=rawDefaultProp.type,displayName=type.displayName,jsx=cjs_default()(rawDefaultProp,{});if(null!=displayName){var prettyIdentifier=getPrettyElementIdentifier(displayName);return Object(esm.createSummaryValue)(prettyIdentifier,jsx)}if(isString_default()(type)&&isHtmlTag(type)){var jsxSummary=cjs_default()(rawDefaultProp,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!Object(esm.isTooLongForDefaultValueSummary)(jsxSummary))return Object(esm.createSummaryValue)(jsxSummary)}return Object(esm.createSummaryValue)("element",jsx)}(rawDefaultProp):isPlainObject_default()(rawDefaultProp)?generateObject(inspectValue(JSON.stringify(rawDefaultProp))):Array.isArray(rawDefaultProp)?generateArray_generateArray(inspectValue(JSON.stringify(rawDefaultProp))):Object(esm.createSummaryValue)("object")},function:function functionResolver(rawDefaultProp,propDef){var inspectionResult,isElement=!1;if(isFunction_default()(rawDefaultProp.render))isElement=!0;else if(null!=rawDefaultProp.prototype&&isFunction_default()(rawDefaultProp.prototype.render))isElement=!0;else{var innerElement;try{var _ref=(inspectionResult=inspectValue(rawDefaultProp.toString())).inferredType,hasParams=_ref.hasParams,params=_ref.params;hasParams?1===params.length&&"ObjectPattern"===params[0].type&&(innerElement=rawDefaultProp({})):innerElement=rawDefaultProp(),null!=innerElement&&isReactElement(innerElement)&&(isElement=!0)}catch(e){}}var funcName=extractFunctionName(rawDefaultProp,propDef.name);if(null!=funcName){if(isElement)return Object(esm.createSummaryValue)(getPrettyElementIdentifier(funcName));null!=inspectionResult&&(inspectionResult=inspectValue(rawDefaultProp.toString()));var _hasParams=inspectionResult.inferredType.hasParams;return Object(esm.createSummaryValue)(getPrettyFuncIdentifier(funcName,_hasParams))}return Object(esm.createSummaryValue)(isElement?"element":"func")},default:function defaultResolver(rawDefaultProp){return Object(esm.createSummaryValue)(rawDefaultProp.toString())}};function createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef){var typeResolvers=arguments.length>2&&void 0!==arguments[2]?arguments[2]:DEFAULT_TYPE_RESOLVERS;try{switch(_typeof(rawDefaultProp)){case"string":return typeResolvers.string(rawDefaultProp,propDef);case"object":return typeResolvers.object(rawDefaultProp,propDef);case"function":return typeResolvers.function(rawDefaultProp,propDef);default:return typeResolvers.default(rawDefaultProp,propDef)}}catch(e){console.error(e)}return null}__webpack_require__("./node_modules/core-js/modules/es.array.find.js");var rawDefaultPropTypeResolvers=function createTypeResolvers(){var customResolvers=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign({},DEFAULT_TYPE_RESOLVERS,customResolvers)}({function:function funcResolver(rawDefaultProp,_ref){var name=_ref.name,type=_ref.type,isElement="element"===type.summary||"elementType"===type.summary,funcName=extractFunctionName(rawDefaultProp,name);if(null!=funcName){if(isElement)return Object(esm.createSummaryValue)(getPrettyElementIdentifier(funcName));var hasParams=inspectValue(rawDefaultProp.toString()).inferredType.hasParams;return Object(esm.createSummaryValue)(getPrettyFuncIdentifier(funcName,hasParams))}return Object(esm.createSummaryValue)(isElement?"element":"func")}});function enhancePropTypesProp(extractedProp,rawDefaultProp){var propDef=extractedProp.propDef,newtype=function createType(extractedProp){var type=extractedProp.docgenInfo.type;if(null==type)return null;try{switch(type.name){case PropTypesType.CUSTOM:case PropTypesType.SHAPE:case PropTypesType.INSTANCEOF:case PropTypesType.OBJECTOF:case PropTypesType.UNION:case PropTypesType.ENUM:case PropTypesType.ARRAYOF:var _generateType4=generateType(type,extractedProp),short=_generateType4.short,compact=_generateType4.compact,full=_generateType4.full;return null==compact||Object(esm.isTooLongForTypeSummary)(compact)?Object(esm.createSummaryValue)(short,full):Object(esm.createSummaryValue)(compact);case PropTypesType.FUNC:var detail,_generateType5=generateType(type,extractedProp),_short=_generateType5.short,_full=_generateType5.full,summary=_short;return _full.length<150?summary=_full:detail=function toMultilineSignature(signature){return signature.replace(/,/g,",\r\n")}(_full),Object(esm.createSummaryValue)(summary,detail);default:return null}}catch(e){console.error(e)}return null}(extractedProp);null!=newtype&&(propDef.type=newtype);var defaultValue=extractedProp.docgenInfo.defaultValue;if(null!=defaultValue&&null!=defaultValue.value){var newDefaultValue=createDefaultValue(defaultValue.value);null!=newDefaultValue&&(propDef.defaultValue=newDefaultValue)}else if(null!=rawDefaultProp){var _newDefaultValue=createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef,rawDefaultPropTypeResolvers);null!=_newDefaultValue&&(propDef.defaultValue=_newDefaultValue)}return propDef}function enhancePropTypesProps(extractedProps,component){var rawDefaultProps=null!=component.defaultProps?component.defaultProps:{};return function keepOriginalDefinitionOrder(extractedProps,component){var propTypes=component.propTypes;return null!=propTypes?Object.keys(propTypes).map((function(x){return extractedProps.find((function(y){return y.name===x}))})).filter((function(x){return x})):extractedProps}(extractedProps.map((function(x){return enhancePropTypesProp(x,rawDefaultProps[x.propDef.name])})),component)}function enhanceTypeScriptProps(extractedProps){return extractedProps.map((function(prop){return function enhanceTypeScriptProp(extractedProp,rawDefaultProp){var propDef=extractedProp.propDef,defaultValue=extractedProp.docgenInfo.defaultValue;if(null!=defaultValue&&null!=defaultValue.value){var newDefaultValue=createDefaultValue(defaultValue.value);null!=newDefaultValue&&(propDef.defaultValue=newDefaultValue)}else if(null!=rawDefaultProp){var _newDefaultValue=createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef);null!=_newDefaultValue&&(propDef.defaultValue=_newDefaultValue)}return propDef}(prop)}))}var propTypesMap=new Map;function getPropDefs(component,section){var processedComponent=component;Object(esm.hasDocgen)(component)||component.propTypes||!isMemo(component)||(processedComponent=component.type);var extractedProps=Object(esm.extractComponentProps)(processedComponent,section);if(0===extractedProps.length)return[];switch(extractedProps[0].typeSystem){case esm.TypeSystem.JAVASCRIPT:return enhancePropTypesProps(extractedProps,component);case esm.TypeSystem.TYPESCRIPT:return enhanceTypeScriptProps(extractedProps);default:return extractedProps.map((function(x){return x.propDef}))}}Object.keys(prop_types_default.a).forEach((function(typeName){var type=prop_types_default.a[typeName];propTypesMap.set(type,typeName),propTypesMap.set(type.isRequired,typeName)}));__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js");var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),dist_esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),shared=__webpack_require__("./node_modules/@storybook/docs-tools/dist/esm/shared.js"),client_logger_dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_excluded=["mdxType","originalType","children"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var jsxDecorator_applyBeforeRender=function applyBeforeRender(domString,options){return"function"!=typeof options.onBeforeRender?domString:browser_default()(options.onBeforeRender,Object(ts_dedent_esm.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n      StoryFn.parameters.jsx.onBeforeRender was deprecated.\n      Prefer StoryFn.parameters.jsx.transformSource instead.\n      See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.\n    "]))))(domString)},jsxDecorator_renderJsx=function renderJsx(code,options){if(void 0===code)return client_logger_dist_esm.a.warn("Too many skip or undefined component"),null;for(var renderedJSX=code,Type=renderedJSX.type,i=0;i<options.skip;i+=1){if(void 0===renderedJSX)return client_logger_dist_esm.a.warn("Cannot skip undefined element"),null;if(react_default.a.Children.count(renderedJSX)>1)return client_logger_dist_esm.a.warn("Trying to skip an array of elements"),null;void 0===renderedJSX.props.children?(client_logger_dist_esm.a.warn("Not enough children to skip elements."),"function"==typeof renderedJSX.type&&""===renderedJSX.type.name&&(renderedJSX=react_default.a.createElement(Type,renderedJSX.props))):renderedJSX="function"==typeof renderedJSX.props.children?renderedJSX.props.children():renderedJSX.props.children}var displayNameDefaults="string"==typeof options.displayName?{showFunctions:!0,displayName:function displayName(){return options.displayName}}:{displayName:function displayName(el){return el.type.displayName||Object(esm.getDocgenSection)(el.type,"displayName")||("_default"!==el.type.name?el.type.name:null)||("function"==typeof el.type?"No Display Name":null)||(function isForwardRef(component){return component.$$typeof===Symbol.for("react.forward_ref")}(el.type)?el.type.render.name:null)||(isMemo(el.type)?el.type.type.name:null)||el.type}},filterDefaults={filterProps:function filterProps(value,key){return void 0!==value}},opts=Object.assign({},displayNameDefaults,filterDefaults,options);return react_default.a.Children.map(code,(function(c){var child="number"==typeof c?c.toString():c,string=jsxDecorator_applyBeforeRender(cjs_default()(child,opts),options);if(string.indexOf("&quot;")>-1){var matches=string.match(/\S+=\\"([^"]*)\\"/g);matches&&matches.forEach((function(match){string=string.replace(match,match.replace(/&quot;/g,"'"))}))}return string})).join("\n").replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},defaultOpts={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},jsxDecorator_mdxToJsx=function mdxToJsx(node){if(!function isMdx(node){var _node$type,_node$props;return"MDXCreateElement"===(null===(_node$type=node.type)||void 0===_node$type?void 0:_node$type.displayName)&&!(null===(_node$props=node.props)||void 0===_node$props||!_node$props.mdxType)}(node))return node;var _node$props2=node.props,originalType=(_node$props2.mdxType,_node$props2.originalType),children=_node$props2.children,rest=_objectWithoutProperties(_node$props2,_excluded),jsxChildren=[];children&&(jsxChildren=(Array.isArray(children)?children:[children]).map(mdxToJsx));return react.createElement.apply(void 0,[originalType,rest].concat(_toConsumableArray(jsxChildren)))},parameters={docs:{inlineStories:!0,prepareForInline:function prepareForInline(storyFn){return storyFn()},extractArgTypes:function extractArgTypes(component){if(component){var _extractProps=function extractProps(component){return{rows:getPropDefs(component,"props")}}(component),rows=_extractProps.rows;if(rows)return rows.reduce((function(acc,row){var name=row.name,description=row.description,type=row.type,sbType=row.sbType,defaultSummary=row.defaultValue,jsDocTags=row.jsDocTags,required=row.required;return acc[name]={name:name,description:description,type:Object.assign({required:required},sbType),table:{type:type,jsDocTags:jsDocTags,defaultValue:defaultSummary}},acc}),{})}return null},extractComponentDescription:esm.extractComponentDescription}},decorators=[function jsxDecorator(storyFn,context){var _context$parameters$d2,_context$parameters$d3,channel=dist_esm.c.getChannel(),skip=function skipJsxRender(context){var _context$parameters$d,sourceParams=null==context||null===(_context$parameters$d=context.parameters.docs)||void 0===_context$parameters$d?void 0:_context$parameters$d.source,isArgsStory=null==context?void 0:context.parameters.__isArgsStory;return(null==sourceParams?void 0:sourceParams.type)!==shared.b.DYNAMIC&&(!isArgsStory||(null==sourceParams?void 0:sourceParams.code)||(null==sourceParams?void 0:sourceParams.type)===shared.b.CODE)}(context),story=storyFn(),jsx="";if(Object(hooks.f)((function(){skip||channel.emit(shared.a,(context||{}).id,jsx)})),skip)return story;var options=Object.assign({},defaultOpts,(null==context?void 0:context.parameters.jsx)||{}),storyJsx=null!=context&&null!==(_context$parameters$d2=context.parameters.docs)&&void 0!==_context$parameters$d2&&null!==(_context$parameters$d3=_context$parameters$d2.source)&&void 0!==_context$parameters$d3&&_context$parameters$d3.excludeDecorators?context.originalStoryFn(context.args,context):story,sourceJsx=jsxDecorator_mdxToJsx(storyJsx),rendered=jsxDecorator_renderJsx(sourceJsx,options);return rendered&&(jsx=function applyTransformSource(domString,options,context){return"function"!=typeof options.transformSource?domString:options.transformSource(domString,context)}(rendered,options,context)),story}],argTypesEnhancers=[esm.enhanceArgTypes];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(config_namespaceObject).forEach((function(key){var value=config_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./node_modules/@storybook/react/dist/esm/client/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _preview__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/index.js");__webpack_require__.d(__webpack_exports__,"storiesOf",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.h})),__webpack_require__.d(__webpack_exports__,"setAddon",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.g})),__webpack_require__.d(__webpack_exports__,"addDecorator",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"addParameters",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.b})),__webpack_require__.d(__webpack_exports__,"configure",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.c})),__webpack_require__.d(__webpack_exports__,"getStorybook",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.e})),__webpack_require__.d(__webpack_exports__,"raw",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.f})),__webpack_require__.d(__webpack_exports__,"forceReRender",(function(){return _preview__WEBPACK_IMPORTED_MODULE_0__.d}));var _testing__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/testing/index.js");__webpack_require__.d(__webpack_exports__,"setProjectAnnotations",(function(){return _testing__WEBPACK_IMPORTED_MODULE_1__.d})),__webpack_require__.d(__webpack_exports__,"setGlobalConfig",(function(){return _testing__WEBPACK_IMPORTED_MODULE_1__.c})),__webpack_require__.d(__webpack_exports__,"composeStory",(function(){return _testing__WEBPACK_IMPORTED_MODULE_1__.b})),__webpack_require__.d(__webpack_exports__,"composeStories",(function(){return _testing__WEBPACK_IMPORTED_MODULE_1__.a}));__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/types-6-3.js");module&&module.hot&&module.hot.decline&&module.hot.decline()}.call(this,__webpack_require__("./node_modules/webpack/buildin/harmony-module.js")(module))},"./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var config_namespaceObject={};__webpack_require__.r(config_namespaceObject),__webpack_require__.d(config_namespaceObject,"render",(function(){return render.a})),__webpack_require__.d(config_namespaceObject,"renderToDOM",(function(){return render.b})),__webpack_require__.d(config_namespaceObject,"parameters",(function(){return parameters}));var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),render=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/render.js"),parameters={framework:"react"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(config_namespaceObject).forEach((function(key){var value=config_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./node_modules/@storybook/react/dist/esm/client/preview/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"h",(function(){return storiesOf})),__webpack_require__.d(__webpack_exports__,"c",(function(){return preview_configure})),__webpack_require__.d(__webpack_exports__,"a",(function(){return addDecorator})),__webpack_require__.d(__webpack_exports__,"b",(function(){return addParameters})),__webpack_require__.d(__webpack_exports__,"g",(function(){return setAddon})),__webpack_require__.d(__webpack_exports__,"d",(function(){return preview_forceReRender})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getStorybook})),__webpack_require__.d(__webpack_exports__,"f",(function(){return raw}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),StoryStore=__webpack_require__("./node_modules/@storybook/store/dist/esm/StoryStore.js"),dist=__webpack_require__("./node_modules/@storybook/core-client/node_modules/@storybook/csf/dist/index.js"),global_window=(__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),esm=(__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/ts-dedent/esm/index.js")),dist_esm=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),client_logger_dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),synchronous_promise=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/synchronous-promise/index.js")),addons_dist_esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js");__webpack_require__("./node_modules/core-js/modules/es.array.includes.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var AbortController=window_default.a.AbortController;function createController(){return AbortController?new AbortController:{signal:{aborted:!1},abort:function abort(){this.signal.aborted=!0}}}var _templateObject,_templateObject2,PREPARE_ABORTED=new Error("prepareAborted"),StoryRender_StoryRender=function(){function StoryRender(channel,store,renderToScreen,callbacks,id,viewMode,story){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StoryRender),this.channel=channel,this.store=store,this.renderToScreen=renderToScreen,this.callbacks=callbacks,this.id=id,this.viewMode=viewMode,this.story=void 0,this.phase=void 0,this.abortController=void 0,this.canvasElement=void 0,this.notYetRendered=!0,this.disableKeyListeners=!1,this.abortController=createController(),story&&(this.story=story,this.phase="preparing")}var _teardown,_remount,_rerender,_render,_renderToElement,_prepare,_runPhase;return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(StoryRender,[{key:"runPhase",value:(_runPhase=_asyncToGenerator(regeneratorRuntime.mark((function _callee(signal,phase,phaseFn){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(this.phase=phase,this.channel.emit(dist_esm.STORY_RENDER_PHASE_CHANGED,{newPhase:this.phase,storyId:this.id}),!phaseFn){_context.next=5;break}return _context.next=5,phaseFn();case 5:signal.aborted&&(this.phase="aborted",this.channel.emit(dist_esm.STORY_RENDER_PHASE_CHANGED,{newPhase:this.phase,storyId:this.id}));case 6:case"end":return _context.stop()}}),_callee,this)}))),function runPhase(_x,_x2,_x3){return _runPhase.apply(this,arguments)})},{key:"prepare",value:(_prepare=_asyncToGenerator(regeneratorRuntime.mark((function _callee3(){var _this=this;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return _context3.next=2,this.runPhase(this.abortController.signal,"preparing",_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,_this.store.loadStory({storyId:_this.id});case 2:_this.story=_context2.sent;case 3:case"end":return _context2.stop()}}),_callee2)}))));case 2:if(!this.abortController.signal.aborted){_context3.next=5;break}throw this.store.cleanupStory(this.story),PREPARE_ABORTED;case 5:case"end":return _context3.stop()}}),_callee3,this)}))),function prepare(){return _prepare.apply(this,arguments)})},{key:"isEqual",value:function isEqual(other){return other&&this.id===other.id&&this.story&&this.story===other.story}},{key:"isPreparing",value:function isPreparing(){return["preparing"].includes(this.phase)}},{key:"isPending",value:function isPending(){return["rendering","playing"].includes(this.phase)}},{key:"context",value:function context(){return this.store.getStoryContext(this.story)}},{key:"renderToElement",value:(_renderToElement=_asyncToGenerator(regeneratorRuntime.mark((function _callee4(canvasElement){return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return this.canvasElement=canvasElement,_context4.abrupt("return",this.render({initial:!0,forceRemount:!0}));case 2:case"end":return _context4.stop()}}),_callee4,this)}))),function renderToElement(_x4){return _renderToElement.apply(this,arguments)})},{key:"render",value:(_render=_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){var _ref2,_ref2$initial,initial,_ref2$forceRemount,forceRemount,_this$story,id,componentId,title,name,applyLoaders,unboundStoryFn,playFunction,abortSignal,loadedContext,renderStoryContext,_renderContext,_this2=this,_args9=arguments;return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:if(_ref2=_args9.length>0&&void 0!==_args9[0]?_args9[0]:{},_ref2$initial=_ref2.initial,initial=void 0!==_ref2$initial&&_ref2$initial,_ref2$forceRemount=_ref2.forceRemount,forceRemount=void 0!==_ref2$forceRemount&&_ref2$forceRemount,this.story){_context9.next=3;break}throw new Error("cannot render when not prepared");case 3:return _this$story=this.story,id=_this$story.id,componentId=_this$story.componentId,title=_this$story.title,name=_this$story.name,applyLoaders=_this$story.applyLoaders,unboundStoryFn=_this$story.unboundStoryFn,playFunction=_this$story.playFunction,forceRemount&&!initial&&(this.cancelRender(),this.abortController=createController()),abortSignal=this.abortController.signal,_context9.prev=6,_context9.next=9,this.runPhase(abortSignal,"loading",_asyncToGenerator(regeneratorRuntime.mark((function _callee5(){return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return _context5.next=2,applyLoaders(Object.assign({},_this2.context(),{viewMode:_this2.viewMode}));case 2:loadedContext=_context5.sent;case 3:case"end":return _context5.stop()}}),_callee5)}))));case 9:if(!abortSignal.aborted){_context9.next=11;break}return _context9.abrupt("return");case 11:return renderStoryContext=Object.assign({},loadedContext,this.context(),{abortSignal:abortSignal,canvasElement:this.canvasElement}),_renderContext=Object.assign({componentId:componentId,title:title,kind:title,id:id,name:name,story:name},this.callbacks,{forceRemount:forceRemount||this.notYetRendered,storyContext:renderStoryContext,storyFn:function storyFn(){return unboundStoryFn(renderStoryContext)},unboundStoryFn:unboundStoryFn}),_context9.next=15,this.runPhase(abortSignal,"rendering",_asyncToGenerator(regeneratorRuntime.mark((function _callee6(){return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:return _context6.abrupt("return",_this2.renderToScreen(_renderContext,_this2.canvasElement));case 1:case"end":return _context6.stop()}}),_callee6)}))));case 15:if(this.notYetRendered=!1,!abortSignal.aborted){_context9.next=18;break}return _context9.abrupt("return");case 18:if(!forceRemount||!playFunction){_context9.next=27;break}return this.disableKeyListeners=!0,_context9.next=22,this.runPhase(abortSignal,"playing",_asyncToGenerator(regeneratorRuntime.mark((function _callee7(){return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return _context7.abrupt("return",playFunction(_renderContext.storyContext));case 1:case"end":return _context7.stop()}}),_callee7)}))));case 22:return _context9.next=24,this.runPhase(abortSignal,"played");case 24:if(this.disableKeyListeners=!1,!abortSignal.aborted){_context9.next=27;break}return _context9.abrupt("return");case 27:return _context9.next=29,this.runPhase(abortSignal,"completed",_asyncToGenerator(regeneratorRuntime.mark((function _callee8(){return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:return _context8.abrupt("return",_this2.channel.emit(dist_esm.STORY_RENDERED,id));case 1:case"end":return _context8.stop()}}),_callee8)}))));case 29:_context9.next=34;break;case 31:_context9.prev=31,_context9.t0=_context9.catch(6),this.callbacks.showException(_context9.t0);case 34:case"end":return _context9.stop()}}),_callee9,this,[[6,31]])}))),function render(){return _render.apply(this,arguments)})},{key:"rerender",value:(_rerender=_asyncToGenerator(regeneratorRuntime.mark((function _callee10(){return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return _context10.abrupt("return",this.render());case 1:case"end":return _context10.stop()}}),_callee10,this)}))),function rerender(){return _rerender.apply(this,arguments)})},{key:"remount",value:(_remount=_asyncToGenerator(regeneratorRuntime.mark((function _callee11(){return regeneratorRuntime.wrap((function _callee11$(_context11){for(;;)switch(_context11.prev=_context11.next){case 0:return _context11.abrupt("return",this.render({forceRemount:!0}));case 1:case"end":return _context11.stop()}}),_callee11,this)}))),function remount(){return _remount.apply(this,arguments)})},{key:"cancelRender",value:function cancelRender(){this.abortController.abort()}},{key:"teardown",value:(_teardown=_asyncToGenerator(regeneratorRuntime.mark((function _callee12(){var i,_args12=arguments;return regeneratorRuntime.wrap((function _callee12$(_context12){for(;;)switch(_context12.prev=_context12.next){case 0:_args12.length>0&&void 0!==_args12[0]&&_args12[0],this.cancelRender(),this.story&&this.store.cleanupStory(this.story),i=0;case 4:if(!(i<3)){_context12.next=12;break}if(this.isPending()){_context12.next=7;break}return _context12.abrupt("return");case 7:return _context12.next=9,new Promise((function(resolve){return setTimeout(resolve,0)}));case 9:i+=1,_context12.next=4;break;case 12:return window_default.a.window.location.reload(),_context12.next=15,new Promise((function(){}));case 15:case"end":return _context12.stop()}}),_callee12,this)}))),function teardown(){return _teardown.apply(this,arguments)})}]),StoryRender}();function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Preview_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function Preview_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){Preview_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){Preview_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function Preview_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}StoryRender_StoryRender.displayName="StoryRender";var parseArgsParam_templateObject,fetch=window_default.a.fetch,Preview_Preview=function(){function Preview(){var _global$FEATURES;!function Preview_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Preview),this.channel=void 0,this.serverChannel=void 0,this.storyStore=void 0,this.getStoryIndex=void 0,this.importFn=void 0,this.renderToDOM=void 0,this.storyRenders=[],this.previewEntryError=void 0,this.channel=addons_dist_esm.c.getChannel(),null!==(_global$FEATURES=window_default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.storyStoreV7&&addons_dist_esm.c.hasServerChannel()&&(this.serverChannel=addons_dist_esm.c.getServerChannel()),this.storyStore=new StoryStore.a}var _extract,_teardownRender,_onForceRemount,_onForceReRender,_onResetArgs,_onUpdateArgs,_onUpdateGlobals,_onStoriesChanged,_onStoryIndexChanged,_onGetProjectAnnotationsChanged,_getStoryIndexFromServer,_setInitialGlobals;return function Preview_createClass(Constructor,protoProps,staticProps){return protoProps&&Preview_defineProperties(Constructor.prototype,protoProps),staticProps&&Preview_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Preview,[{key:"initialize",value:function initialize(_ref){var _this=this,getStoryIndex=_ref.getStoryIndex,importFn=_ref.importFn,getProjectAnnotations=_ref.getProjectAnnotations;return this.getStoryIndex=getStoryIndex,this.importFn=importFn,this.setupListeners(),this.getProjectAnnotationsOrRenderError(getProjectAnnotations).then((function(projectAnnotations){return _this.initializeWithProjectAnnotations(projectAnnotations)}))}},{key:"setupListeners",value:function setupListeners(){var _this$serverChannel;null===(_this$serverChannel=this.serverChannel)||void 0===_this$serverChannel||_this$serverChannel.on(dist_esm.default.STORY_INDEX_INVALIDATED,this.onStoryIndexChanged.bind(this)),this.channel.on(dist_esm.default.UPDATE_GLOBALS,this.onUpdateGlobals.bind(this)),this.channel.on(dist_esm.default.UPDATE_STORY_ARGS,this.onUpdateArgs.bind(this)),this.channel.on(dist_esm.default.RESET_STORY_ARGS,this.onResetArgs.bind(this)),this.channel.on(dist_esm.default.FORCE_RE_RENDER,this.onForceReRender.bind(this)),this.channel.on(dist_esm.default.FORCE_REMOUNT,this.onForceRemount.bind(this))}},{key:"getProjectAnnotationsOrRenderError",value:function getProjectAnnotationsOrRenderError(getProjectAnnotations){var _this2=this;return synchronous_promise.SynchronousPromise.resolve().then(getProjectAnnotations).then((function(projectAnnotations){if(_this2.renderToDOM=projectAnnotations.renderToDOM,!_this2.renderToDOM)throw new Error(Object(esm.a)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n            Expected your framework's preset to export a `renderToDOM` field.\n\n            Perhaps it needs to be upgraded for Storybook 6.4?\n\n            More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field          \n          "],["\n            Expected your framework's preset to export a \\`renderToDOM\\` field.\n\n            Perhaps it needs to be upgraded for Storybook 6.4?\n\n            More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field          \n          "]))));return projectAnnotations})).catch((function(err){throw _this2.renderPreviewEntryError("Error reading preview.js:",err),err}))}},{key:"initializeWithProjectAnnotations",value:function initializeWithProjectAnnotations(projectAnnotations){var _global$FEATURES2,storyIndexPromise,_this3=this;if(this.storyStore.setProjectAnnotations(projectAnnotations),this.setInitialGlobals(),null!==(_global$FEATURES2=window_default.a.FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.storyStoreV7)storyIndexPromise=this.getStoryIndexFromServer();else{if(!this.getStoryIndex)throw new Error("No `getStoryIndex` passed defined in v6 mode");storyIndexPromise=synchronous_promise.SynchronousPromise.resolve().then(this.getStoryIndex)}return storyIndexPromise.then((function(storyIndex){return _this3.initializeWithStoryIndex(storyIndex)})).catch((function(err){throw _this3.renderPreviewEntryError("Error loading story index:",err),err}))}},{key:"setInitialGlobals",value:(_setInitialGlobals=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:this.emitGlobals();case 1:case"end":return _context.stop()}}),_callee,this)}))),function setInitialGlobals(){return _setInitialGlobals.apply(this,arguments)})},{key:"emitGlobals",value:function emitGlobals(){this.channel.emit(dist_esm.default.SET_GLOBALS,{globals:this.storyStore.globals.get()||{},globalTypes:this.storyStore.projectAnnotations.globalTypes||{}})}},{key:"getStoryIndexFromServer",value:(_getStoryIndexFromServer=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var result;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,fetch("./stories.json");case 2:if(200!==(result=_context2.sent).status){_context2.next=5;break}return _context2.abrupt("return",result.json());case 5:return _context2.t0=Error,_context2.next=8,result.text();case 8:throw _context2.t1=_context2.sent,new _context2.t0(_context2.t1);case 10:case"end":return _context2.stop()}}),_callee2)}))),function getStoryIndexFromServer(){return _getStoryIndexFromServer.apply(this,arguments)})},{key:"initializeWithStoryIndex",value:function initializeWithStoryIndex(storyIndex){var _global$FEATURES3;return this.storyStore.initialize({storyIndex:storyIndex,importFn:this.importFn,cache:!(null!==(_global$FEATURES3=window_default.a.FEATURES)&&void 0!==_global$FEATURES3&&_global$FEATURES3.storyStoreV7)})}},{key:"onGetProjectAnnotationsChanged",value:(_onGetProjectAnnotationsChanged=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee3(_ref2){var getProjectAnnotations,projectAnnotations;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return getProjectAnnotations=_ref2.getProjectAnnotations,delete this.previewEntryError,_context3.next=4,this.getProjectAnnotationsOrRenderError(getProjectAnnotations);case 4:if(projectAnnotations=_context3.sent,this.storyStore.projectAnnotations){_context3.next=9;break}return _context3.next=8,this.initializeWithProjectAnnotations(projectAnnotations);case 8:return _context3.abrupt("return");case 9:return _context3.next=11,this.storyStore.setProjectAnnotations(projectAnnotations);case 11:this.emitGlobals();case 12:case"end":return _context3.stop()}}),_callee3,this)}))),function onGetProjectAnnotationsChanged(_x){return _onGetProjectAnnotationsChanged.apply(this,arguments)})},{key:"onStoryIndexChanged",value:(_onStoryIndexChanged=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee4(){var storyIndex;return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:if(delete this.previewEntryError,this.storyStore.projectAnnotations){_context4.next=3;break}return _context4.abrupt("return");case 3:return _context4.prev=3,_context4.next=6,this.getStoryIndexFromServer();case 6:if(storyIndex=_context4.sent,this.storyStore.storyIndex){_context4.next=10;break}return _context4.next=10,this.initializeWithStoryIndex(storyIndex);case 10:return _context4.next=12,this.onStoriesChanged({storyIndex:storyIndex});case 12:_context4.next=18;break;case 14:throw _context4.prev=14,_context4.t0=_context4.catch(3),this.renderPreviewEntryError("Error loading story index:",_context4.t0),_context4.t0;case 18:case"end":return _context4.stop()}}),_callee4,this,[[3,14]])}))),function onStoryIndexChanged(){return _onStoryIndexChanged.apply(this,arguments)})},{key:"onStoriesChanged",value:(_onStoriesChanged=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee5(_ref3){var importFn,storyIndex;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return importFn=_ref3.importFn,storyIndex=_ref3.storyIndex,_context5.next=3,this.storyStore.onStoriesChanged({importFn:importFn,storyIndex:storyIndex});case 3:case"end":return _context5.stop()}}),_callee5,this)}))),function onStoriesChanged(_x2){return _onStoriesChanged.apply(this,arguments)})},{key:"onUpdateGlobals",value:(_onUpdateGlobals=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee6(_ref4){var globals;return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:return globals=_ref4.globals,this.storyStore.globals.update(globals),_context6.next=4,Promise.all(this.storyRenders.map((function(r){return r.rerender()})));case 4:this.channel.emit(dist_esm.default.GLOBALS_UPDATED,{globals:this.storyStore.globals.get(),initialGlobals:this.storyStore.globals.initialGlobals});case 5:case"end":return _context6.stop()}}),_callee6,this)}))),function onUpdateGlobals(_x3){return _onUpdateGlobals.apply(this,arguments)})},{key:"onUpdateArgs",value:(_onUpdateArgs=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee7(_ref5){var storyId,updatedArgs;return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return storyId=_ref5.storyId,updatedArgs=_ref5.updatedArgs,this.storyStore.args.update(storyId,updatedArgs),_context7.next=4,Promise.all(this.storyRenders.filter((function(r){return r.id===storyId})).map((function(r){return r.rerender()})));case 4:this.channel.emit(dist_esm.default.STORY_ARGS_UPDATED,{storyId:storyId,args:this.storyStore.args.get(storyId)});case 5:case"end":return _context7.stop()}}),_callee7,this)}))),function onUpdateArgs(_x4){return _onUpdateArgs.apply(this,arguments)})},{key:"onResetArgs",value:(_onResetArgs=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee8(_ref6){var storyId,argNames,render,story,argNamesToReset,updatedArgs;return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:if(storyId=_ref6.storyId,argNames=_ref6.argNames,render=this.storyRenders.find((function(r){return r.id===storyId})),_context8.t0=null==render?void 0:render.story,_context8.t0){_context8.next=7;break}return _context8.next=6,this.storyStore.loadStory({storyId:storyId});case 6:_context8.t0=_context8.sent;case 7:return story=_context8.t0,argNamesToReset=argNames||_toConsumableArray(new Set([].concat(_toConsumableArray(Object.keys(story.initialArgs)),_toConsumableArray(Object.keys(this.storyStore.args.get(storyId)))))),updatedArgs=argNamesToReset.reduce((function(acc,argName){return acc[argName]=story.initialArgs[argName],acc}),{}),_context8.next=12,this.onUpdateArgs({storyId:storyId,updatedArgs:updatedArgs});case 12:case"end":return _context8.stop()}}),_callee8,this)}))),function onResetArgs(_x5){return _onResetArgs.apply(this,arguments)})},{key:"onForceReRender",value:(_onForceReRender=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:return _context9.next=2,Promise.all(this.storyRenders.map((function(r){return r.rerender()})));case 2:case"end":return _context9.stop()}}),_callee9,this)}))),function onForceReRender(){return _onForceReRender.apply(this,arguments)})},{key:"onForceRemount",value:(_onForceRemount=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee10(_ref7){var storyId;return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return storyId=_ref7.storyId,_context10.next=3,Promise.all(this.storyRenders.filter((function(r){return r.id===storyId})).map((function(r){return r.remount()})));case 3:case"end":return _context10.stop()}}),_callee10,this)}))),function onForceRemount(_x6){return _onForceRemount.apply(this,arguments)})},{key:"renderStoryToElement",value:function renderStoryToElement(story,element){var _this4=this,render=new StoryRender_StoryRender(this.channel,this.storyStore,this.renderToDOM,this.inlineStoryCallbacks(story.id),story.id,"docs",story);return render.renderToElement(element),this.storyRenders.push(render),Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee11(){return regeneratorRuntime.wrap((function _callee11$(_context11){for(;;)switch(_context11.prev=_context11.next){case 0:return _context11.next=2,_this4.teardownRender(render);case 2:case"end":return _context11.stop()}}),_callee11)})))}},{key:"teardownRender",value:(_teardownRender=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee12(render){var _ref9,viewModeChanged,_args12=arguments;return regeneratorRuntime.wrap((function _callee12$(_context12){for(;;)switch(_context12.prev=_context12.next){case 0:return _ref9=_args12.length>1&&void 0!==_args12[1]?_args12[1]:{},viewModeChanged=_ref9.viewModeChanged,this.storyRenders=this.storyRenders.filter((function(r){return r!==render})),_context12.next=4,null==render?void 0:render.teardown({viewModeChanged:viewModeChanged});case 4:case"end":return _context12.stop()}}),_callee12,this)}))),function teardownRender(_x7){return _teardownRender.apply(this,arguments)})},{key:"extract",value:(_extract=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee13(options){var _global$FEATURES4;return regeneratorRuntime.wrap((function _callee13$(_context13){for(;;)switch(_context13.prev=_context13.next){case 0:if(!this.previewEntryError){_context13.next=2;break}throw this.previewEntryError;case 2:if(this.storyStore.projectAnnotations){_context13.next=4;break}throw new Error(Object(esm.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["Failed to initialize Storybook.\n      \n      Do you have an error in your `preview.js`? Check your Storybook's browser console for errors."],["Failed to initialize Storybook.\n      \n      Do you have an error in your \\`preview.js\\`? Check your Storybook's browser console for errors."]))));case 4:if(null===(_global$FEATURES4=window_default.a.FEATURES)||void 0===_global$FEATURES4||!_global$FEATURES4.storyStoreV7){_context13.next=7;break}return _context13.next=7,this.storyStore.cacheAllCSFFiles();case 7:return _context13.abrupt("return",this.storyStore.extract(options));case 8:case"end":return _context13.stop()}}),_callee13,this)}))),function extract(_x8){return _extract.apply(this,arguments)})},{key:"inlineStoryCallbacks",value:function inlineStoryCallbacks(storyId){return{showMain:function showMain(){},showError:function showError(err){return client_logger_dist_esm.a.error("Error rendering docs story (".concat(storyId,")"),err)},showException:function showException(err){return client_logger_dist_esm.a.error("Error rendering docs story (".concat(storyId,")"),err)}}}},{key:"renderPreviewEntryError",value:function renderPreviewEntryError(reason,err){this.previewEntryError=err,client_logger_dist_esm.a.error(reason),client_logger_dist_esm.a.error(err),this.channel.emit(dist_esm.default.CONFIG_ERROR,err)}}]),Preview}(),lib=(__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/qs/lib/index.js")),lib_default=__webpack_require__.n(lib),isPlainObject=(__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/lodash/isPlainObject.js")),isPlainObject_default=__webpack_require__.n(isPlainObject);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function parseArgsParam_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return parseArgsParam_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return parseArgsParam_arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function parseArgsParam_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var VALIDATION_REGEXP=/^[a-zA-Z0-9 _-]*$/,NUMBER_REGEXP=/^-?[0-9]+(\.[0-9]+)?$/,HEX_REGEXP=/^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i,COLOR_REGEXP=/^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i,parseArgsParam_validateArgs=function validateArgs(){var key=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",value=arguments.length>1?arguments[1]:void 0;return null!==key&&(!(""===key||!VALIDATION_REGEXP.test(key))&&(null==value||(value instanceof Date||("number"==typeof value||"boolean"==typeof value||("string"==typeof value?VALIDATION_REGEXP.test(value)||NUMBER_REGEXP.test(value)||HEX_REGEXP.test(value)||COLOR_REGEXP.test(value):Array.isArray(value)?value.every((function(v){return validateArgs(key,v)})):!!isPlainObject_default()(value)&&Object.entries(value).every((function(_ref){var _ref2=_slicedToArray(_ref,2),k=_ref2[0],v=_ref2[1];return validateArgs(k,v)})))))))},QS_OPTIONS={delimiter:";",allowDots:!0,allowSparse:!0,decoder:function(_decoder){function decoder(_x,_x2,_x3,_x4){return _decoder.apply(this,arguments)}return decoder.toString=function(){return _decoder.toString()},decoder}((function(str,defaultDecoder,charset,type){if("value"===type&&str.startsWith("!")){if("!undefined"===str)return;if("!null"===str)return null;if(str.startsWith("!date(")&&str.endsWith(")"))return new Date(str.slice(6,-1));if(str.startsWith("!hex(")&&str.endsWith(")"))return"#".concat(str.slice(5,-1));var color=str.slice(1).match(COLOR_REGEXP);if(color)return str.startsWith("!rgba")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],", ").concat(color[4],", ").concat(color[5],")"):str.startsWith("!hsla")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],"%, ").concat(color[4],"%, ").concat(color[5],")"):str.startsWith("!rgb")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],", ").concat(color[4],")"):"".concat(color[1],"(").concat(color[2],", ").concat(color[3],"%, ").concat(color[4],"%)")}return"value"===type&&NUMBER_REGEXP.test(str)?Number(str):defaultDecoder(str,defaultDecoder,charset)}))},parseArgsParam_parseArgsParam=function parseArgsParam(argsString){var parts=argsString.split(";").map((function(part){return part.replace("=","~").replace(":","=")}));return Object.entries(lib_default.a.parse(parts.join(";"),QS_OPTIONS)).reduce((function(acc,_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];return parseArgsParam_validateArgs(key,value)?Object.assign(acc,function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},key,value)):(client_logger_dist_esm.b.warn(Object(esm.a)(parseArgsParam_templateObject||(parseArgsParam_templateObject=function parseArgsParam_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n      Omitted potentially unsafe URL args.\n\n      More info: https://storybook.js.org/docs/react/writing-stories/args#setting-args-through-the-url\n    "])))),acc)}),{})},_excluded=["path","selectedKind","selectedStory"];function UrlStore_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var UrlStore_history=window_default.a.history,UrlStore_document=window_default.a.document;var WebView_templateObject,UrlStore_getQueryString=function getQueryString(_ref){var selection=_ref.selection,extraParams=_ref.extraParams,_document$location$se=UrlStore_document.location.search,search=void 0===_document$location$se?"":_document$location$se,_qs$parse=lib_default.a.parse(search,{ignoreQueryPrefix:!0}),rest=(_qs$parse.path,_qs$parse.selectedKind,_qs$parse.selectedStory,_objectWithoutProperties(_qs$parse,_excluded));return lib_default.a.stringify(Object.assign({},rest,extraParams,selection&&{id:selection.storyId,viewMode:selection.viewMode}),{encode:!1,addQueryPrefix:!0})},getFirstString=function getFirstString(v){return"string"==typeof v?v:Array.isArray(v)?getFirstString(v[0]):function isObject(val){return null!=val&&"object"===_typeof(val)&&!1===Array.isArray(val)}(v)?getFirstString(Object.values(v)):void 0},deprecatedLegacyQuery=browser_default()((function(){return 0}),"URL formats with `selectedKind` and `selectedName` query parameters are deprecated.\nUse `id=$storyId` instead.\nSee https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-url-structure"),UrlStore_getSelectionSpecifierFromPath=function getSelectionSpecifierFromPath(){var query=lib_default.a.parse(UrlStore_document.location.search,{ignoreQueryPrefix:!0}),args="string"==typeof query.args?parseArgsParam_parseArgsParam(query.args):void 0,globals="string"==typeof query.globals?parseArgsParam_parseArgsParam(query.globals):void 0,viewMode=getFirstString(query.viewMode);"string"==typeof viewMode&&viewMode.match(/docs|story/)||(viewMode="story");var path=getFirstString(query.path),storyId=path?function pathToId(path){var match=(path||"").match(/^\/story\/(.+)/);if(!match)throw new Error("Invalid path '".concat(path,"',  must start with '/story/'"));return match[1]}(path):getFirstString(query.id);if(storyId)return{storySpecifier:storyId,args:args,globals:globals,viewMode:viewMode};var title=getFirstString(query.selectedKind),name=getFirstString(query.selectedStory);return title&&name?(deprecatedLegacyQuery(),{storySpecifier:{title:title,name:name},args:args,globals:globals,viewMode:viewMode}):null},UrlStore=function(){function UrlStore(){!function UrlStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,UrlStore),this.selectionSpecifier=void 0,this.selection=void 0,this.selectionSpecifier=UrlStore_getSelectionSpecifierFromPath()}return function UrlStore_createClass(Constructor,protoProps,staticProps){return protoProps&&UrlStore_defineProperties(Constructor.prototype,protoProps),staticProps&&UrlStore_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(UrlStore,[{key:"setSelection",value:function setSelection(selection){this.selection=selection,function setPath(selection){if(selection){var query=UrlStore_getQueryString({selection:selection}),_document$location$ha=UrlStore_document.location.hash,hash=void 0===_document$location$ha?"":_document$location$ha;UrlStore_document.title=selection.storyId,UrlStore_history.replaceState({},"","".concat(UrlStore_document.location.pathname).concat(query).concat(hash))}}(this.selection)}},{key:"setQueryParams",value:function setQueryParams(queryParams){var query=UrlStore_getQueryString({extraParams:queryParams}),_document$location$ha2=UrlStore_document.location.hash,hash=void 0===_document$location$ha2?"":_document$location$ha2;UrlStore_history.replaceState({},"","".concat(UrlStore_document.location.pathname).concat(query).concat(hash))}}]),UrlStore}(),ansi_to_html=__webpack_require__("./node_modules/ansi-to-html/lib/ansi_to_html.js"),ansi_to_html_default=__webpack_require__.n(ansi_to_html);function WebView_slicedToArray(arr,i){return function WebView_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function WebView_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function WebView_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return WebView_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return WebView_arrayLikeToArray(o,minLen)}(arr,i)||function WebView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WebView_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function WebView_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var Mode,WebView_document=window_default.a.document,layoutClassMap={centered:"sb-main-centered",fullscreen:"sb-main-fullscreen",padded:"sb-main-padded"};!function(Mode){Mode.MAIN="MAIN",Mode.NOPREVIEW="NOPREVIEW",Mode.PREPARING_STORY="PREPARING_STORY",Mode.PREPARING_DOCS="PREPARING_DOCS",Mode.ERROR="ERROR"}(Mode||(Mode={}));var classes={PREPARING_STORY:"sb-show-preparing-story",PREPARING_DOCS:"sb-show-preparing-docs",MAIN:"sb-show-main",NOPREVIEW:"sb-show-nopreview",ERROR:"sb-show-errordisplay"},ansiConverter=new ansi_to_html_default.a({escapeXML:!0}),WebView_WebView=function(){function WebView(){switch(function WebView_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,WebView),this.currentLayoutClass=void 0,this.testing=!1,this.preparingTimeout=null,lib_default.a.parse(WebView_document.location.search,{ignoreQueryPrefix:!0}).__SPECIAL_TEST_PARAMETER__){case"preparing-story":this.showPreparingStory(),this.testing=!0;break;case"preparing-docs":this.showPreparingDocs(),this.testing=!0}}return function WebView_createClass(Constructor,protoProps,staticProps){return protoProps&&WebView_defineProperties(Constructor.prototype,protoProps),staticProps&&WebView_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(WebView,[{key:"prepareForStory",value:function prepareForStory(story){return this.showStory(),this.applyLayout(story.parameters.layout),WebView_document.documentElement.scrollTop=0,WebView_document.documentElement.scrollLeft=0,this.storyRoot()}},{key:"storyRoot",value:function storyRoot(){return WebView_document.getElementById("root")}},{key:"prepareForDocs",value:function prepareForDocs(){return this.showMain(),this.showDocs(),this.applyLayout("fullscreen"),this.docsRoot()}},{key:"docsRoot",value:function docsRoot(){return WebView_document.getElementById("docs-root")}},{key:"applyLayout",value:function applyLayout(){var layout=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"padded";if("none"===layout)return WebView_document.body.classList.remove(this.currentLayoutClass),void(this.currentLayoutClass=null);this.checkIfLayoutExists(layout);var layoutClass=layoutClassMap[layout];WebView_document.body.classList.remove(this.currentLayoutClass),WebView_document.body.classList.add(layoutClass),this.currentLayoutClass=layoutClass}},{key:"checkIfLayoutExists",value:function checkIfLayoutExists(layout){layoutClassMap[layout]||client_logger_dist_esm.a.warn(Object(esm.a)(WebView_templateObject||(WebView_templateObject=function WebView_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["The desired layout: "," is not a valid option.\n         The possible options are: ",", none."])),layout,Object.keys(layoutClassMap).join(", ")))}},{key:"showMode",value:function showMode(mode){clearTimeout(this.preparingTimeout),Object.keys(Mode).forEach((function(otherMode){otherMode===mode?WebView_document.body.classList.add(classes[otherMode]):WebView_document.body.classList.remove(classes[otherMode])}))}},{key:"showErrorDisplay",value:function showErrorDisplay(_ref){var _ref$message=_ref.message,message=void 0===_ref$message?"":_ref$message,_ref$stack=_ref.stack,header=message,detail=void 0===_ref$stack?"":_ref$stack,parts=message.split("\n");parts.length>1&&(header=WebView_slicedToArray(parts,1)[0],detail=parts.slice(1).join("\n"));WebView_document.getElementById("error-message").innerHTML=ansiConverter.toHtml(header),WebView_document.getElementById("error-stack").innerHTML=ansiConverter.toHtml(detail),this.showMode(Mode.ERROR)}},{key:"showNoPreview",value:function showNoPreview(){var _this$storyRoot,_this$docsRoot;this.testing||(this.showMode(Mode.NOPREVIEW),null===(_this$storyRoot=this.storyRoot())||void 0===_this$storyRoot||_this$storyRoot.setAttribute("hidden","true"),null===(_this$docsRoot=this.docsRoot())||void 0===_this$docsRoot||_this$docsRoot.setAttribute("hidden","true"))}},{key:"showPreparingStory",value:function showPreparingStory(){var _this=this,_ref2=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},_ref2$immediate=_ref2.immediate,immediate=void 0!==_ref2$immediate&&_ref2$immediate;clearTimeout(this.preparingTimeout),immediate?this.showMode(Mode.PREPARING_STORY):this.preparingTimeout=setTimeout((function(){return _this.showMode(Mode.PREPARING_STORY)}),100)}},{key:"showPreparingDocs",value:function showPreparingDocs(){var _this2=this;clearTimeout(this.preparingTimeout),this.preparingTimeout=setTimeout((function(){return _this2.showMode(Mode.PREPARING_DOCS)}),100)}},{key:"showMain",value:function showMain(){this.showMode(Mode.MAIN)}},{key:"showDocs",value:function showDocs(){this.storyRoot().setAttribute("hidden","true"),this.docsRoot().removeAttribute("hidden")}},{key:"showStory",value:function showStory(){this.docsRoot().setAttribute("hidden","true"),this.storyRoot().removeAttribute("hidden")}},{key:"showStoryDuringRender",value:function showStoryDuringRender(){WebView_document.body.classList.add(classes.MAIN)}}]),WebView}();function DocsRender_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function DocsRender_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){DocsRender_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){DocsRender_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function DocsRender_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var PreviewWeb_templateObject,PreviewWeb_templateObject2,_templateObject3,_templateObject4,DocsRender_DocsRender=function(){function DocsRender(channel,store,id,story){!function DocsRender_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,DocsRender),this.channel=channel,this.store=store,this.id=id,this.story=story,this.canvasElement=void 0,this.context=void 0,this.disableKeyListeners=!1}var _teardown,_rerender,_render,_renderToElement;return function DocsRender_createClass(Constructor,protoProps,staticProps){return protoProps&&DocsRender_defineProperties(Constructor.prototype,protoProps),staticProps&&DocsRender_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(DocsRender,[{key:"isPreparing",value:function isPreparing(){return!1}},{key:"renderToElement",value:(_renderToElement=DocsRender_asyncToGenerator(regeneratorRuntime.mark((function _callee(canvasElement,renderStoryToElement){var _global$FEATURES,_this$story,id,title,name,csfFile,_this=this;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return this.canvasElement=canvasElement,_this$story=this.story,id=_this$story.id,title=_this$story.title,name=_this$story.name,_context.next=4,this.store.loadCSFFileByStoryId(this.id);case 4:return csfFile=_context.sent,this.context=Object.assign({id:id,title:title,name:name,storyById:function storyById(storyId){return _this.store.storyFromCSFFile({storyId:storyId,csfFile:csfFile})},componentStories:function componentStories(){return _this.store.componentStoriesFromCSFFile({csfFile:csfFile})},loadStory:function loadStory(storyId){return _this.store.loadStory({storyId:storyId})},renderStoryToElement:renderStoryToElement,getStoryContext:function getStoryContext(renderedStory){return Object.assign({},_this.store.getStoryContext(renderedStory),{viewMode:"docs"})}},!(null!==(_global$FEATURES=window_default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.breakingChangesV7)&&this.store.getStoryContext(this.story)),_context.abrupt("return",this.render());case 7:case"end":return _context.stop()}}),_callee,this)}))),function renderToElement(_x,_x2){return _renderToElement.apply(this,arguments)})},{key:"render",value:(_render=DocsRender_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var _this2=this;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(this.story&&this.context&&this.canvasElement){_context2.next=2;break}throw new Error("DocsRender not ready to render");case 2:return _context2.next=4,__webpack_require__.e(2).then(__webpack_require__.bind(null,"./node_modules/@storybook/preview-web/dist/esm/renderDocs.js"));case 4:_context2.sent.renderDocs(this.story,this.context,this.canvasElement,(function(){return _this2.channel.emit(dist_esm.DOCS_RENDERED,_this2.id)}));case 6:case"end":return _context2.stop()}}),_callee2,this)}))),function render(){return _render.apply(this,arguments)})},{key:"rerender",value:(_rerender=DocsRender_asyncToGenerator(regeneratorRuntime.mark((function _callee3(){var _global$FEATURES2;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:if(null!==(_global$FEATURES2=window_default.a.FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.modernInlineRender){_context3.next=3;break}return _context3.next=3,this.render();case 3:case"end":return _context3.stop()}}),_callee3,this)}))),function rerender(){return _rerender.apply(this,arguments)})},{key:"teardown",value:(_teardown=DocsRender_asyncToGenerator(regeneratorRuntime.mark((function _callee4(){var _args4=arguments;return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:if((_args4.length>0&&void 0!==_args4[0]?_args4[0]:{}).viewModeChanged&&this.canvasElement){_context4.next=3;break}return _context4.abrupt("return");case 3:return _context4.next=5,__webpack_require__.e(2).then(__webpack_require__.bind(null,"./node_modules/@storybook/preview-web/dist/esm/renderDocs.js"));case 5:_context4.sent.unmountDocs(this.canvasElement);case 7:case"end":return _context4.stop()}}),_callee4,this)}))),function teardown(){return _teardown.apply(this,arguments)})}],[{key:"fromStoryRender",value:function fromStoryRender(storyRender){return new DocsRender(storyRender.channel,storyRender.store,storyRender.id,storyRender.story)}}]),DocsRender}();function PreviewWeb_typeof(obj){return PreviewWeb_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},PreviewWeb_typeof(obj)}function PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function PreviewWeb_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function PreviewWeb_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function PreviewWeb_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===PreviewWeb_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}DocsRender_DocsRender.displayName="DocsRender";var globalWindow=window_default.a.window;var PreviewWeb_PreviewWeb=function(_Preview){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(PreviewWeb,_Preview);var _extract,_teardownRender,_renderSelection,_onPreloadStories,_onUpdateArgs,_onUpdateGlobals,_onStoriesChanged,_onGetProjectAnnotationsChanged,_selectSpecifiedStory,_setInitialGlobals,_super=_createSuper(PreviewWeb);function PreviewWeb(){var _this;return function PreviewWeb_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,PreviewWeb),(_this=_super.call(this)).urlStore=void 0,_this.view=void 0,_this.previewEntryError=void 0,_this.currentSelection=void 0,_this.currentRender=void 0,_this.view=new WebView_WebView,_this.urlStore=new UrlStore,_this.storyStore.getSelection=browser_default()((function(){return _this.urlStore.selection}),Object(esm.a)(PreviewWeb_templateObject||(PreviewWeb_templateObject=PreviewWeb_taggedTemplateLiteral(["\n        `__STORYBOOK_STORY_STORE__.getSelection()` is deprecated and will be removed in 7.0.\n  \n        To get the current selection, use the `useStoryContext()` hook from `@storybook/addons`.\n      "],["\n        \\`__STORYBOOK_STORY_STORE__.getSelection()\\` is deprecated and will be removed in 7.0.\n  \n        To get the current selection, use the \\`useStoryContext()\\` hook from \\`@storybook/addons\\`.\n      "])))),_this}return function PreviewWeb_createClass(Constructor,protoProps,staticProps){return protoProps&&PreviewWeb_defineProperties(Constructor.prototype,protoProps),staticProps&&PreviewWeb_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(PreviewWeb,[{key:"setupListeners",value:function setupListeners(){_get(_getPrototypeOf(PreviewWeb.prototype),"setupListeners",this).call(this),globalWindow.onkeydown=this.onKeydown.bind(this),this.channel.on(dist_esm.default.SET_CURRENT_STORY,this.onSetCurrentStory.bind(this)),this.channel.on(dist_esm.default.UPDATE_QUERY_PARAMS,this.onUpdateQueryParams.bind(this)),this.channel.on(dist_esm.default.PRELOAD_STORIES,this.onPreloadStories.bind(this))}},{key:"initializeWithProjectAnnotations",value:function initializeWithProjectAnnotations(projectAnnotations){var _this2=this;return _get(_getPrototypeOf(PreviewWeb.prototype),"initializeWithProjectAnnotations",this).call(this,projectAnnotations).then((function(){return _this2.setInitialGlobals()}))}},{key:"setInitialGlobals",value:(_setInitialGlobals=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee(){var _ref,globals;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:_ref=this.urlStore.selectionSpecifier||{},(globals=_ref.globals)&&this.storyStore.globals.updateFromPersisted(globals),this.emitGlobals();case 3:case"end":return _context.stop()}}),_callee,this)}))),function setInitialGlobals(){return _setInitialGlobals.apply(this,arguments)})},{key:"initializeWithStoryIndex",value:function initializeWithStoryIndex(storyIndex){var _this3=this;return _get(_getPrototypeOf(PreviewWeb.prototype),"initializeWithStoryIndex",this).call(this,storyIndex).then((function(){var _global$FEATURES;return null!==(_global$FEATURES=window_default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.storyStoreV7||_this3.channel.emit(dist_esm.default.SET_STORIES,_this3.storyStore.getSetStoriesPayload()),_this3.selectSpecifiedStory()}))}},{key:"selectSpecifiedStory",value:(_selectSpecifiedStory=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var _this$urlStore$select,storySpecifier,viewMode,args,storyId;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(this.urlStore.selectionSpecifier){_context2.next=3;break}return this.renderMissingStory(),_context2.abrupt("return");case 3:if(_this$urlStore$select=this.urlStore.selectionSpecifier,storySpecifier=_this$urlStore$select.storySpecifier,viewMode=_this$urlStore$select.viewMode,args=_this$urlStore$select.args,storyId=this.storyStore.storyIndex.storyIdFromSpecifier(storySpecifier)){_context2.next=8;break}return"*"===storySpecifier?this.renderStoryLoadingException(storySpecifier,new Error(Object(esm.a)(PreviewWeb_templateObject2||(PreviewWeb_templateObject2=PreviewWeb_taggedTemplateLiteral(["\n            Couldn't find any stories in your Storybook.\n            - Please check your stories field of your main.js config.\n            - Also check the browser console and terminal for error messages.\n          "]))))):this.renderStoryLoadingException(storySpecifier,new Error(Object(esm.a)(_templateObject3||(_templateObject3=PreviewWeb_taggedTemplateLiteral(["\n            Couldn't find story matching '","'.\n            - Are you sure a story with that id exists?\n            - Please check your stories field of your main.js config.\n            - Also check the browser console and terminal for error messages.\n          "])),storySpecifier))),_context2.abrupt("return");case 8:return this.urlStore.setSelection({storyId:storyId,viewMode:viewMode}),this.channel.emit(dist_esm.default.STORY_SPECIFIED,this.urlStore.selection),this.channel.emit(dist_esm.default.CURRENT_STORY_WAS_SET,this.urlStore.selection),_context2.next=13,this.renderSelection({persistedArgs:args});case 13:case"end":return _context2.stop()}}),_callee2,this)}))),function selectSpecifiedStory(){return _selectSpecifiedStory.apply(this,arguments)})},{key:"onGetProjectAnnotationsChanged",value:(_onGetProjectAnnotationsChanged=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee3(_ref2){var getProjectAnnotations;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return getProjectAnnotations=_ref2.getProjectAnnotations,_context3.next=3,_get(_getPrototypeOf(PreviewWeb.prototype),"onGetProjectAnnotationsChanged",this).call(this,{getProjectAnnotations:getProjectAnnotations});case 3:this.renderSelection();case 4:case"end":return _context3.stop()}}),_callee3,this)}))),function onGetProjectAnnotationsChanged(_x){return _onGetProjectAnnotationsChanged.apply(this,arguments)})},{key:"onStoriesChanged",value:(_onStoriesChanged=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee4(_ref3){var _global$FEATURES2,importFn,storyIndex;return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:if(importFn=_ref3.importFn,storyIndex=_ref3.storyIndex,_get(_getPrototypeOf(PreviewWeb.prototype),"onStoriesChanged",this).call(this,{importFn:importFn,storyIndex:storyIndex}),null!==(_global$FEATURES2=window_default.a.FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.storyStoreV7){_context4.next=9;break}return _context4.t0=this.channel,_context4.t1=dist_esm.default.SET_STORIES,_context4.next=7,this.storyStore.getSetStoriesPayload();case 7:_context4.t2=_context4.sent,_context4.t0.emit.call(_context4.t0,_context4.t1,_context4.t2);case 9:if(!this.urlStore.selection){_context4.next=14;break}return _context4.next=12,this.renderSelection();case 12:_context4.next=16;break;case 14:return _context4.next=16,this.selectSpecifiedStory();case 16:case"end":return _context4.stop()}}),_callee4,this)}))),function onStoriesChanged(_x2){return _onStoriesChanged.apply(this,arguments)})},{key:"onKeydown",value:function onKeydown(event){var _this$currentRender;if(!(null!==(_this$currentRender=this.currentRender)&&void 0!==_this$currentRender&&_this$currentRender.disableKeyListeners||function focusInInput(event){var target=event.target;return/input|textarea/i.test(target.tagName)||null!==target.getAttribute("contenteditable")}(event))){var altKey=event.altKey,ctrlKey=event.ctrlKey,metaKey=event.metaKey,shiftKey=event.shiftKey,key=event.key,code=event.code,keyCode=event.keyCode;this.channel.emit(dist_esm.default.PREVIEW_KEYDOWN,{event:{altKey:altKey,ctrlKey:ctrlKey,metaKey:metaKey,shiftKey:shiftKey,key:key,code:code,keyCode:keyCode}})}}},{key:"onSetCurrentStory",value:function onSetCurrentStory(selection){this.urlStore.setSelection(selection),this.channel.emit(dist_esm.default.CURRENT_STORY_WAS_SET,this.urlStore.selection),this.renderSelection()}},{key:"onUpdateQueryParams",value:function onUpdateQueryParams(queryParams){this.urlStore.setQueryParams(queryParams)}},{key:"onUpdateGlobals",value:(_onUpdateGlobals=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee5(_ref4){var globals;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:if(globals=_ref4.globals,_get(_getPrototypeOf(PreviewWeb.prototype),"onUpdateGlobals",this).call(this,{globals:globals}),!(this.currentRender instanceof DocsRender_DocsRender)){_context5.next=5;break}return _context5.next=5,this.currentRender.rerender();case 5:case"end":return _context5.stop()}}),_callee5,this)}))),function onUpdateGlobals(_x3){return _onUpdateGlobals.apply(this,arguments)})},{key:"onUpdateArgs",value:(_onUpdateArgs=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee6(_ref5){var storyId,updatedArgs;return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:if(storyId=_ref5.storyId,updatedArgs=_ref5.updatedArgs,_get(_getPrototypeOf(PreviewWeb.prototype),"onUpdateArgs",this).call(this,{storyId:storyId,updatedArgs:updatedArgs}),!(this.currentRender instanceof DocsRender_DocsRender)){_context6.next=5;break}return _context6.next=5,this.currentRender.rerender();case 5:case"end":return _context6.stop()}}),_callee6,this)}))),function onUpdateArgs(_x4){return _onUpdateArgs.apply(this,arguments)})},{key:"onPreloadStories",value:(_onPreloadStories=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee7(ids){var _this4=this;return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return _context7.next=2,Promise.all(ids.map((function(id){return _this4.storyStore.loadStory({storyId:id})})));case 2:case"end":return _context7.stop()}}),_callee7)}))),function onPreloadStories(_x5){return _onPreloadStories.apply(this,arguments)})},{key:"renderSelection",value:(_renderSelection=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee8(){var _this$currentSelectio,_this$currentSelectio2,_lastRender,_global$FEATURES3,_ref6,persistedArgs,selection,storyId,storyIdChanged,viewModeChanged,lastSelection,lastRender,storyRender,implementationChanged,_storyRender$context,parameters,initialArgs,argTypes,args,_this5=this,_args8=arguments;return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:if(_ref6=_args8.length>0&&void 0!==_args8[0]?_args8[0]:{},persistedArgs=_ref6.persistedArgs,selection=this.urlStore.selection){_context8.next=4;break}throw new Error("Cannot render story as no selection was made");case 4:if(storyId=selection.storyId,storyIdChanged=(null===(_this$currentSelectio=this.currentSelection)||void 0===_this$currentSelectio?void 0:_this$currentSelectio.storyId)!==storyId,viewModeChanged=(null===(_this$currentSelectio2=this.currentSelection)||void 0===_this$currentSelectio2?void 0:_this$currentSelectio2.viewMode)!==selection.viewMode,"story"===selection.viewMode?this.view.showPreparingStory({immediate:viewModeChanged}):this.view.showPreparingDocs(),lastSelection=this.currentSelection,lastRender=this.currentRender,null===(_lastRender=lastRender)||void 0===_lastRender||!_lastRender.isPreparing()){_context8.next=14;break}return _context8.next=13,this.teardownRender(lastRender);case 13:lastRender=null;case 14:return storyRender=new StoryRender_StoryRender(this.channel,this.storyStore,(function(){return _this5.view.showStoryDuringRender(),_this5.renderToDOM.apply(_this5,arguments)}),this.mainStoryCallbacks(storyId),storyId,"story"),this.currentSelection=selection,this.currentRender=storyRender,_context8.prev=17,_context8.next=20,storyRender.prepare();case 20:_context8.next=29;break;case 22:if(_context8.prev=22,_context8.t0=_context8.catch(17),_context8.t0===PREPARE_ABORTED){_context8.next=28;break}return _context8.next=27,this.teardownRender(lastRender);case 27:this.renderStoryLoadingException(storyId,_context8.t0);case 28:return _context8.abrupt("return");case 29:if(implementationChanged=!storyIdChanged&&!storyRender.isEqual(lastRender),persistedArgs&&this.storyStore.args.updateFromPersisted(storyRender.story,persistedArgs),_storyRender$context=storyRender.context(),parameters=_storyRender$context.parameters,initialArgs=_storyRender$context.initialArgs,argTypes=_storyRender$context.argTypes,args=_storyRender$context.args,!lastRender||storyIdChanged||implementationChanged||viewModeChanged){_context8.next=37;break}return this.currentRender=lastRender,this.channel.emit(dist_esm.default.STORY_UNCHANGED,storyId),this.view.showMain(),_context8.abrupt("return");case 37:return _context8.next=39,this.teardownRender(lastRender,{viewModeChanged:viewModeChanged});case 39:lastSelection&&(storyIdChanged||viewModeChanged)&&this.channel.emit(dist_esm.default.STORY_CHANGED,storyId),null!==(_global$FEATURES3=window_default.a.FEATURES)&&void 0!==_global$FEATURES3&&_global$FEATURES3.storyStoreV7&&this.channel.emit(dist_esm.default.STORY_PREPARED,{id:storyId,parameters:parameters,initialArgs:initialArgs,argTypes:argTypes,args:args}),(implementationChanged||persistedArgs)&&this.channel.emit(dist_esm.default.STORY_ARGS_UPDATED,{storyId:storyId,args:args}),"docs"===selection.viewMode||parameters.docsOnly?(this.currentRender=DocsRender_DocsRender.fromStoryRender(storyRender),this.currentRender.renderToElement(this.view.prepareForDocs(),this.renderStoryToElement.bind(this))):(this.storyRenders.push(storyRender),this.currentRender.renderToElement(this.view.prepareForStory(storyRender.story)));case 43:case"end":return _context8.stop()}}),_callee8,this,[[17,22]])}))),function renderSelection(){return _renderSelection.apply(this,arguments)})},{key:"renderStoryToElement",value:function renderStoryToElement(story,element){var _this6=this,render=new StoryRender_StoryRender(this.channel,this.storyStore,this.renderToDOM,this.inlineStoryCallbacks(story.id),story.id,"docs",story);return render.renderToElement(element),this.storyRenders.push(render),PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:return _context9.next=2,_this6.teardownRender(render);case 2:case"end":return _context9.stop()}}),_callee9)})))}},{key:"teardownRender",value:(_teardownRender=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee10(render){var _ref8,viewModeChanged,_args10=arguments;return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return _ref8=_args10.length>1&&void 0!==_args10[1]?_args10[1]:{},viewModeChanged=_ref8.viewModeChanged,this.storyRenders=this.storyRenders.filter((function(r){return r!==render})),_context10.next=4,null==render?void 0:render.teardown({viewModeChanged:viewModeChanged});case 4:case"end":return _context10.stop()}}),_callee10,this)}))),function teardownRender(_x6){return _teardownRender.apply(this,arguments)})},{key:"extract",value:(_extract=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee11(options){var _global$FEATURES4;return regeneratorRuntime.wrap((function _callee11$(_context11){for(;;)switch(_context11.prev=_context11.next){case 0:if(!this.previewEntryError){_context11.next=2;break}throw this.previewEntryError;case 2:if(this.storyStore.projectAnnotations){_context11.next=4;break}throw new Error(Object(esm.a)(_templateObject4||(_templateObject4=PreviewWeb_taggedTemplateLiteral(["Failed to initialize Storybook.\n      \n      Do you have an error in your `preview.js`? Check your Storybook's browser console for errors."],["Failed to initialize Storybook.\n      \n      Do you have an error in your \\`preview.js\\`? Check your Storybook's browser console for errors."]))));case 4:if(null===(_global$FEATURES4=window_default.a.FEATURES)||void 0===_global$FEATURES4||!_global$FEATURES4.storyStoreV7){_context11.next=7;break}return _context11.next=7,this.storyStore.cacheAllCSFFiles();case 7:return _context11.abrupt("return",this.storyStore.extract(options));case 8:case"end":return _context11.stop()}}),_callee11,this)}))),function extract(_x7){return _extract.apply(this,arguments)})},{key:"mainStoryCallbacks",value:function mainStoryCallbacks(storyId){var _this7=this;return{showMain:function showMain(){return _this7.view.showMain()},showError:function showError(err){return _this7.renderError(storyId,err)},showException:function showException(err){return _this7.renderException(storyId,err)}}}},{key:"inlineStoryCallbacks",value:function inlineStoryCallbacks(storyId){return{showMain:function showMain(){},showError:function showError(err){return client_logger_dist_esm.a.error("Error rendering docs story (".concat(storyId,")"),err)},showException:function showException(err){return client_logger_dist_esm.a.error("Error rendering docs story (".concat(storyId,")"),err)}}}},{key:"renderPreviewEntryError",value:function renderPreviewEntryError(reason,err){_get(_getPrototypeOf(PreviewWeb.prototype),"renderPreviewEntryError",this).call(this,reason,err),this.view.showErrorDisplay(err)}},{key:"renderMissingStory",value:function renderMissingStory(){this.view.showNoPreview(),this.channel.emit(dist_esm.default.STORY_MISSING)}},{key:"renderStoryLoadingException",value:function renderStoryLoadingException(storySpecifier,err){client_logger_dist_esm.a.error("Unable to load story '".concat(storySpecifier,"':")),client_logger_dist_esm.a.error(err),this.view.showErrorDisplay(err),this.channel.emit(dist_esm.default.STORY_MISSING,storySpecifier)}},{key:"renderException",value:function renderException(storyId,err){this.channel.emit(dist_esm.default.STORY_THREW_EXCEPTION,err),this.channel.emit(dist_esm.default.STORY_RENDER_PHASE_CHANGED,{newPhase:"errored",storyId:storyId}),err!==dist_esm.IGNORED_EXCEPTION&&(this.view.showErrorDisplay(err),client_logger_dist_esm.a.error("Error rendering story '".concat(storyId,"':")),client_logger_dist_esm.a.error(err))}},{key:"renderError",value:function renderError(storyId,_ref9){var title=_ref9.title,description=_ref9.description;client_logger_dist_esm.a.error("Error rendering story ".concat(title,": ").concat(description)),this.channel.emit(dist_esm.default.STORY_ERRORED,{title:title,description:description}),this.channel.emit(dist_esm.default.STORY_RENDER_PHASE_CHANGED,{newPhase:"errored",storyId:storyId}),this.view.showErrorDisplay({message:title,stack:description})}}]),PreviewWeb}(Preview_Preview),channels_dist_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.from-entries.js"),__webpack_require__("./node_modules/core-js/modules/es.number.is-integer.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js"),__webpack_require__("./node_modules/@storybook/channels/dist/esm/index.js")),telejson_dist_esm=__webpack_require__("./node_modules/@storybook/channel-postmessage/node_modules/telejson/dist/esm/index.js");function esm_toConsumableArray(arr){return function esm_arrayWithoutHoles(arr){if(Array.isArray(arr))return esm_arrayLikeToArray(arr)}(arr)||esm_iterableToArray(arr)||esm_unsupportedIterableToArray(arr)||function esm_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function esm_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function esm_slicedToArray(arr,i){return esm_arrayWithHoles(arr)||function esm_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||esm_unsupportedIterableToArray(arr,i)||esm_nonIterableRest()}function esm_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function esm_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return esm_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?esm_arrayLikeToArray(o,minLen):void 0}}function esm_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function esm_arrayWithHoles(arr){if(Array.isArray(arr))return arr}function esm_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var esm_globalWindow=window_default.a.window,esm_document=window_default.a.document,esm_location=window_default.a.location,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},esm_PostmsgTransport=function(){function PostmsgTransport(config){if(function esm_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,PostmsgTransport),this.config=config,this.buffer=void 0,this.handler=void 0,this.connected=void 0,this.buffer=[],this.handler=null,esm_globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),"manager"!==config.page&&"preview"!==config.page)throw new Error('postmsg-channel: "config.page" cannot be "'.concat(config.page,'"'))}return function esm_createClass(Constructor,protoProps,staticProps){return protoProps&&esm_defineProperties(Constructor.prototype,protoProps),staticProps&&esm_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(PostmsgTransport,[{key:"setHandler",value:function setHandler(handler){var _this=this;this.handler=function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];handler.apply(_this,args),!_this.connected&&_this.getLocalFrame().length&&(_this.flush(),_this.connected=!0)}}},{key:"send",value:function send(event,options){var _this2=this,_ref=options||{},target=_ref.target,allowRegExp=_ref.allowRegExp,allowFunction=_ref.allowFunction,allowSymbol=_ref.allowSymbol,allowDate=_ref.allowDate,allowUndefined=_ref.allowUndefined,allowClass=_ref.allowClass,maxDepth=_ref.maxDepth,space=_ref.space,lazyEval=_ref.lazyEval,eventOptions=Object.fromEntries(Object.entries({allowRegExp:allowRegExp,allowFunction:allowFunction,allowSymbol:allowSymbol,allowDate:allowDate,allowUndefined:allowUndefined,allowClass:allowClass,maxDepth:maxDepth,space:space,lazyEval:lazyEval}).filter((function(_ref2){var _ref3=esm_slicedToArray(_ref2,2);_ref3[0];return void 0!==_ref3[1]}))),stringifyOptions=Object.assign({},defaultEventOptions,window_default.a.CHANNEL_OPTIONS||{},eventOptions);options&&Number.isInteger(options.depth)&&(stringifyOptions.maxDepth=options.depth);var frames=this.getFrames(target),query=lib_default.a.parse(esm_location.search,{ignoreQueryPrefix:!0}),data=Object(telejson_dist_esm.c)({key:KEY,event:event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach((function(f){try{f.postMessage(data,"*")}catch(e){console.error("sending over postmessage fail")}})),Promise.resolve(null)):new Promise((function(resolve,reject){_this2.buffer.push({event:event,resolve:resolve,reject:reject})}))}},{key:"flush",value:function flush(){var _this3=this,buffer=this.buffer;this.buffer=[],buffer.forEach((function(item){_this3.send(item.event).then(item.resolve).catch(item.reject)}))}},{key:"getFrames",value:function getFrames(target){if("manager"===this.config.page){var list=esm_toConsumableArray(esm_document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")).filter((function(e){try{return!!e.contentWindow&&void 0!==e.dataset.isStorybook&&e.id===target}catch(er){return!1}})).map((function(e){return e.contentWindow}));return list.length?list:this.getCurrentFrames()}return esm_globalWindow&&esm_globalWindow.parent&&esm_globalWindow.parent!==esm_globalWindow?[esm_globalWindow.parent]:[]}},{key:"getCurrentFrames",value:function getCurrentFrames(){return"manager"===this.config.page?esm_toConsumableArray(esm_document.querySelectorAll('[data-is-storybook="true"]')).map((function(e){return e.contentWindow})):esm_globalWindow&&esm_globalWindow.parent?[esm_globalWindow.parent]:[]}},{key:"getLocalFrame",value:function getLocalFrame(){return"manager"===this.config.page?esm_toConsumableArray(esm_document.querySelectorAll("#storybook-preview-iframe")).map((function(e){return e.contentWindow})):esm_globalWindow&&esm_globalWindow.parent?[esm_globalWindow.parent]:[]}},{key:"handleEvent",value:function handleEvent(rawEvent){try{var data=rawEvent.data,_ref4="string"==typeof data&&Object(telejson_dist_esm.a)(data)?Object(telejson_dist_esm.b)(data,window_default.a.CHANNEL_OPTIONS||{}):data,key=_ref4.key,event=_ref4.event,refId=_ref4.refId;if(key===KEY){var pageString="manager"===this.config.page?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_esm).includes(event.type)?'<span style="color: #FF4785">'.concat(event.type,"</span>"):'<span style="color: #FFAE00">'.concat(event.type,"</span>");if(refId&&(event.refId=refId),event.source="preview"===this.config.page?rawEvent.origin:esm_getEventSourceUrl(rawEvent),!event.source)return void client_logger_dist_esm.c.error("".concat(pageString," received ").concat(eventString," but was unable to determine the source of the event"));var message="".concat(pageString," received ").concat(eventString," (").concat(data.length,")");client_logger_dist_esm.c.debug.apply(client_logger_dist_esm.c,[esm_location.origin!==event.source?message:"".concat(message,' <span style="color: gray">(on ').concat(esm_location.origin," from ").concat(event.source,")</span>")].concat(esm_toConsumableArray(event.args))),this.handler(event)}}catch(error){client_logger_dist_esm.a.error(error)}}}]),PostmsgTransport}(),esm_getEventSourceUrl=function getEventSourceUrl(event){var _frames$filter=esm_toConsumableArray(esm_document.querySelectorAll("iframe[data-is-storybook]")).filter((function(element){try{return element.contentWindow===event.source}catch(err){}var origin,src=element.getAttribute("src");try{origin=new URL(src,esm_document.location).origin}catch(err){return!1}return origin===event.origin})),_frames$filter2=function _toArray(arr){return esm_arrayWithHoles(arr)||esm_iterableToArray(arr)||esm_unsupportedIterableToArray(arr)||esm_nonIterableRest()}(_frames$filter),frame=_frames$filter2[0],remainder=_frames$filter2.slice(1);if(frame&&0===remainder.length){var src=frame.getAttribute("src"),_URL2=new URL(src,esm_document.location),protocol=_URL2.protocol,host=_URL2.host,pathname=_URL2.pathname;return"".concat(protocol,"//").concat(host).concat(pathname)}return remainder.length>0&&client_logger_dist_esm.a.error("found multiple candidates for event source"),null};function createChannel(_ref5){var page=_ref5.page,transport=new esm_PostmsgTransport({page:page});return new channels_dist_esm.b({transport:transport})}__webpack_require__("./node_modules/core-js/modules/es.map.js");function executeLoadable_slicedToArray(arr,i){return function executeLoadable_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function executeLoadable_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function executeLoadable_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return executeLoadable_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return executeLoadable_arrayLikeToArray(o,minLen)}(arr,i)||function executeLoadable_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function executeLoadable_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function executeLoadableForChanges(loadable,m){var _m$hot,_m$hot$data,_m$hot2,lastExportsMap=(null==m||null===(_m$hot=m.hot)||void 0===_m$hot||null===(_m$hot$data=_m$hot.data)||void 0===_m$hot$data?void 0:_m$hot$data.lastExportsMap)||new Map;null!=m&&null!==(_m$hot2=m.hot)&&void 0!==_m$hot2&&_m$hot2.dispose&&(m.hot.accept(),m.hot.dispose((function(data){data.lastExportsMap=lastExportsMap})));var exportsMap=function executeLoadable(loadable){var reqs=null;Array.isArray(loadable)?reqs=loadable:loadable.keys&&(reqs=[loadable]);var exportsMap=new Map;if(reqs)reqs.forEach((function(req){req.keys().forEach((function(filename){try{var fileExports=req(filename);exportsMap.set("function"==typeof req.resolve?req.resolve(filename):filename,fileExports)}catch(error){var errorString=error.message&&error.stack?"".concat(error.message,"\n ").concat(error.stack):error.toString();client_logger_dist_esm.a.error("Unexpected error while loading ".concat(filename,": ").concat(errorString))}}))}));else{var exported=loadable();Array.isArray(exported)&&exported.every((function(obj){return null!=obj.default}))?exportsMap=new Map(exported.map((function(fileExports,index){return["exports-map-".concat(index),fileExports]}))):exported&&client_logger_dist_esm.a.warn("Loader function passed to 'configure' should return void or an array of module exports that all contain a 'default' export. Received: ".concat(JSON.stringify(exported)))}return exportsMap}(loadable),added=new Map;Array.from(exportsMap.entries()).filter((function(_ref){return!!executeLoadable_slicedToArray(_ref,2)[1].default})).filter((function(_ref3){var _ref4=executeLoadable_slicedToArray(_ref3,2),fileName=_ref4[0],fileExports=_ref4[1];return lastExportsMap.get(fileName)!==fileExports})).forEach((function(_ref5){var _ref6=executeLoadable_slicedToArray(_ref5,2),fileName=_ref6[0],fileExports=_ref6[1];return added.set(fileName,fileExports)}));var removed=new Map;return Array.from(lastExportsMap.keys()).filter((function(fileName){return!exportsMap.has(fileName)})).forEach((function(fileName){return removed.set(fileName,lastExportsMap.get(fileName))})),lastExportsMap=exportsMap,{added:added,removed:removed}}function start_slicedToArray(arr,i){return function start_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function start_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function start_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return start_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return start_arrayLikeToArray(o,minLen)}(arr,i)||function start_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function start_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var start_globalWindow=window_default.a.window,FEATURES=window_default.a.FEATURES,configureDeprecationWarning=browser_default()((function(){}),"`configure()` is deprecated and will be removed in Storybook 7.0. \nPlease use the `stories` field of `main.js` to load stories.\nRead more at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-configure"),removedApi=function removedApi(name){return function(){throw new Error("@storybook/client-api:".concat(name," was removed in storyStoreV7."))}};function start(renderToDOM){var _ref=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},decorateStory=_ref.decorateStory,render=_ref.render;if(start_globalWindow&&(start_globalWindow.IS_STORYBOOK=!0),null!=FEATURES&&FEATURES.storyStoreV7)return{forceReRender:removedApi("forceReRender"),getStorybook:removedApi("getStorybook"),configure:removedApi("configure"),clientApi:{addDecorator:removedApi("clientApi.addDecorator"),addParameters:removedApi("clientApi.addParameters"),clearDecorators:removedApi("clientApi.clearDecorators"),addLoader:removedApi("clientApi.addLoader"),setAddon:removedApi("clientApi.setAddon"),getStorybook:removedApi("clientApi.getStorybook"),storiesOf:removedApi("clientApi.storiesOf"),raw:removedApi("raw")}};var channel=createChannel({page:"preview"});addons_dist_esm.c.setChannel(channel);var clientApi=new ClientApi.a,preview=new PreviewWeb_PreviewWeb,initialized=!1,importFn=function importFn(path){return clientApi.importFn(path)};function onStoriesChanged(){var storyIndex=clientApi.getStoryIndex();preview.onStoriesChanged({storyIndex:storyIndex,importFn:importFn})}return clientApi.onImportFnChanged=onStoriesChanged,clientApi.storyStore=preview.storyStore,start_globalWindow&&(start_globalWindow.__STORYBOOK_CLIENT_API__=clientApi,start_globalWindow.__STORYBOOK_ADDONS_CHANNEL__=channel,start_globalWindow.__STORYBOOK_PREVIEW__=preview,start_globalWindow.__STORYBOOK_STORY_STORE__=preview.storyStore),{forceReRender:function forceReRender(){return channel.emit(dist_esm.default.FORCE_RE_RENDER)},getStorybook:function getStorybook(){return[]},raw:function raw(){},clientApi:clientApi,configure:function configure(framework,loadable,m){var showDeprecationWarning=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];showDeprecationWarning&&configureDeprecationWarning(),clientApi.addParameters({framework:framework});var getProjectAnnotations=function getProjectAnnotations(){var _executeLoadableForCh=executeLoadableForChanges(loadable,m),added=_executeLoadableForCh.added,removed=_executeLoadableForCh.removed;return Array.from(added.entries()).forEach((function(_ref2){var _ref3=start_slicedToArray(_ref2,2),fileName=_ref3[0],fileExports=_ref3[1];return clientApi.facade.addStoriesFromExports(fileName,fileExports)})),Array.from(removed.entries()).forEach((function(_ref4){var fileName=start_slicedToArray(_ref4,1)[0];return clientApi.facade.clearFilenameExports(fileName)})),Object.assign({render:render},clientApi.facade.projectAnnotations,{renderToDOM:renderToDOM,applyDecorators:decorateStory})};initialized?(getProjectAnnotations(),onStoriesChanged()):(preview.initialize({getStoryIndex:function getStoryIndex(){return clientApi.getStoryIndex()},importFn:importFn,getProjectAnnotations:getProjectAnnotations}),initialized=!0)}}}dist.toId,ClientApi.a,StoryStore.a;var globals_globalWindow=window_default.a.window;globals_globalWindow&&(globals_globalWindow.STORYBOOK_ENV="react");var preview_render=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/render.js"),preview_framework="react",api=start(preview_render.b,{render:preview_render.a}),storiesOf=function storiesOf(kind,m){return api.clientApi.storiesOf(kind,m).addParameters({framework:preview_framework})},preview_configure=function configure(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return api.configure.apply(api,[preview_framework].concat(args))},addDecorator=api.clientApi.addDecorator,addParameters=api.clientApi.addParameters,setAddon=(api.clientApi.clearDecorators,api.clientApi.setAddon),preview_forceReRender=api.forceReRender,getStorybook=api.clientApi.getStorybook,raw=api.clientApi.raw},"./node_modules/@storybook/react/dist/esm/client/preview/render.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return render})),__webpack_require__.d(__webpack_exports__,"b",(function(){return renderToDOM}));__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js");var global__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_14__),react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),react_dom__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-dom/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_16__);function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}var FRAMEWORK_OPTIONS=global__WEBPACK_IMPORTED_MODULE_14___default.a.FRAMEWORK_OPTIONS,nodes=new Map,render=function render(args,context){var id=context.id,Component=context.component;if(!Component)throw new Error("Unable to render story ".concat(id," as the component annotation is missing from the default export"));return react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(Component,args)},renderElement=function(){var _ref=_asyncToGenerator(regeneratorRuntime.mark((function _callee(node,el){var root;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,getReactRoot(el);case 2:return root=_context.sent,_context.abrupt("return",new Promise((function(resolve){root?(root.render(node),setTimeout((function(){resolve(null)}),0)):react_dom__WEBPACK_IMPORTED_MODULE_16___default.a.render(node,el,(function(){return resolve(null)}))})));case 4:case"end":return _context.stop()}}),_callee)})));return function renderElement(_x,_x2){return _ref.apply(this,arguments)}}(),canUseNewReactRootApi=react_dom__WEBPACK_IMPORTED_MODULE_16__.version&&(react_dom__WEBPACK_IMPORTED_MODULE_16__.version.startsWith("18")||react_dom__WEBPACK_IMPORTED_MODULE_16__.version.startsWith("0.0.0")),isUsingNewReactRootApi=!0!==(null==FRAMEWORK_OPTIONS?void 0:FRAMEWORK_OPTIONS.legacyRootApi)&&canUseNewReactRootApi,unmountElement=function unmountElement(el){var root=nodes.get(el);root&&isUsingNewReactRootApi?(root.unmount(),nodes.delete(el)):react_dom__WEBPACK_IMPORTED_MODULE_16___default.a.unmountComponentAtNode(el)},getReactRoot=function(){var _ref2=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(el){var root,reactDomClient;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(isUsingNewReactRootApi){_context2.next=2;break}return _context2.abrupt("return",null);case 2:if(root=nodes.get(el)){_context2.next=9;break}return _context2.next=6,Promise.resolve().then((function webpackMissingModule(){var e=new Error("Cannot find module 'react-dom/client'");throw e.code="MODULE_NOT_FOUND",e}));case 6:reactDomClient=_context2.sent.default,root=reactDomClient.createRoot(el),nodes.set(el,root);case 9:return _context2.abrupt("return",root);case 10:case"end":return _context2.stop()}}),_callee2)})));return function getReactRoot(_x3){return _ref2.apply(this,arguments)}}(),ErrorBoundary=function(_ReactComponent){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ErrorBoundary,_ReactComponent);var _super=_createSuper(ErrorBoundary);function ErrorBoundary(){var _this;_classCallCheck(this,ErrorBoundary);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_super.call.apply(_super,[this].concat(args))).state={hasError:!1},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ErrorBoundary,[{key:"componentDidMount",value:function componentDidMount(){var hasError=this.state.hasError,showMain=this.props.showMain;hasError||showMain()}},{key:"componentDidCatch",value:function componentDidCatch(err){(0,this.props.showException)(err)}},{key:"render",value:function render(){var hasError=this.state.hasError,children=this.props.children;return hasError?null:children}}],[{key:"getDerivedStateFromError",value:function getDerivedStateFromError(){return{hasError:!0}}}]),ErrorBoundary}(react__WEBPACK_IMPORTED_MODULE_15__.Component),Wrapper=null!=FRAMEWORK_OPTIONS&&FRAMEWORK_OPTIONS.strictMode?react__WEBPACK_IMPORTED_MODULE_15__.StrictMode:react__WEBPACK_IMPORTED_MODULE_15__.Fragment;function renderToDOM(_x4,_x5){return _renderToDOM.apply(this,arguments)}function _renderToDOM(){return(_renderToDOM=_asyncToGenerator(regeneratorRuntime.mark((function _callee3(_ref3,domElement){var storyContext,unboundStoryFn,showMain,showException,forceRemount,Story,content,element;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return storyContext=_ref3.storyContext,unboundStoryFn=_ref3.unboundStoryFn,showMain=_ref3.showMain,showException=_ref3.showException,forceRemount=_ref3.forceRemount,Story=unboundStoryFn,content=react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(ErrorBoundary,{showMain:showMain,showException:showException},react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(Story,storyContext)),element=Wrapper?react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(Wrapper,null,content):content,forceRemount&&unmountElement(domElement),_context3.next=7,renderElement(element,domElement);case 7:case"end":return _context3.stop()}}),_callee3)})))).apply(this,arguments)}},"./node_modules/@storybook/react/dist/esm/client/preview/types-6-3.js":function(module,__webpack_exports__,__webpack_require__){},"./node_modules/@storybook/react/dist/esm/client/testing/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"d",(function(){return setProjectAnnotations})),__webpack_require__.d(__webpack_exports__,"c",(function(){return setGlobalConfig})),__webpack_require__.d(__webpack_exports__,"b",(function(){return composeStory})),__webpack_require__.d(__webpack_exports__,"a",(function(){return composeStories}));var _storybook_store__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/testing-utils/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js");function setProjectAnnotations(projectAnnotations){Object(_storybook_store__WEBPACK_IMPORTED_MODULE_0__.c)(projectAnnotations)}function setGlobalConfig(projectAnnotations){_storybook_client_logger__WEBPACK_IMPORTED_MODULE_1__.b.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),setProjectAnnotations(projectAnnotations)}var defaultProjectAnnotations={render:__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/render.js").a};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return Object(_storybook_store__WEBPACK_IMPORTED_MODULE_0__.b)(story,componentAnnotations,projectAnnotations,defaultProjectAnnotations,exportsName)}function composeStories(csfExports,projectAnnotations){return Object(_storybook_store__WEBPACK_IMPORTED_MODULE_0__.a)(csfExports,projectAnnotations,composeStory)}},"./node_modules/@storybook/react/node_modules/escodegen/escodegen.js":function(module,exports,__webpack_require__){(function(global){!function(){"use strict";var Syntax,Precedence,BinaryPrecedence,SourceNode,estraverse,esutils,base,indent,json,renumber,hexadecimal,quotes,escapeless,newline,space,parentheses,semicolons,safeConcatenation,directive,extra,parse,sourceMap,sourceCode,preserveBlankLines,FORMAT_MINIFY,FORMAT_DEFAULTS;function isStatement(node){return CodeGenerator.Statement.hasOwnProperty(node.type)}estraverse=__webpack_require__("./node_modules/@storybook/react/node_modules/estraverse/estraverse.js"),esutils=__webpack_require__("./node_modules/esutils/lib/utils.js"),Syntax=estraverse.Syntax,BinaryPrecedence={"||":(Precedence={Sequence:0,Yield:1,Assignment:1,Conditional:2,ArrowFunction:2,LogicalOR:3,LogicalAND:4,BitwiseOR:5,BitwiseXOR:6,BitwiseAND:7,Equality:8,Relational:9,BitwiseSHIFT:10,Additive:11,Multiplicative:12,Exponentiation:13,Await:14,Unary:14,Postfix:15,OptionalChaining:16,Call:17,New:18,TaggedTemplate:19,Member:20,Primary:21}).LogicalOR,"&&":Precedence.LogicalAND,"|":Precedence.BitwiseOR,"^":Precedence.BitwiseXOR,"&":Precedence.BitwiseAND,"==":Precedence.Equality,"!=":Precedence.Equality,"===":Precedence.Equality,"!==":Precedence.Equality,is:Precedence.Equality,isnt:Precedence.Equality,"<":Precedence.Relational,">":Precedence.Relational,"<=":Precedence.Relational,">=":Precedence.Relational,in:Precedence.Relational,instanceof:Precedence.Relational,"<<":Precedence.BitwiseSHIFT,">>":Precedence.BitwiseSHIFT,">>>":Precedence.BitwiseSHIFT,"+":Precedence.Additive,"-":Precedence.Additive,"*":Precedence.Multiplicative,"%":Precedence.Multiplicative,"/":Precedence.Multiplicative,"**":Precedence.Exponentiation};function stringRepeat(str,num){var result="";for(num|=0;num>0;num>>>=1,str+=str)1&num&&(result+=str);return result}function endsWithLineTerminator(str){var len=str.length;return len&&esutils.code.isLineTerminator(str.charCodeAt(len-1))}function merge(target,override){var key;for(key in override)override.hasOwnProperty(key)&&(target[key]=override[key]);return target}function updateDeeply(target,override){var key,val;function isHashObject(target){return"object"==typeof target&&target instanceof Object&&!(target instanceof RegExp)}for(key in override)override.hasOwnProperty(key)&&(isHashObject(val=override[key])?isHashObject(target[key])?updateDeeply(target[key],val):target[key]=updateDeeply({},val):target[key]=val);return target}function escapeRegExpCharacter(ch,previousIsBackslash){return 8232==(-2&ch)?(previousIsBackslash?"u":"\\u")+(8232===ch?"2028":"2029"):10===ch||13===ch?(previousIsBackslash?"":"\\")+(10===ch?"n":"r"):String.fromCharCode(ch)}function escapeAllowedCharacter(code,next){var hex;return 8===code?"\\b":12===code?"\\f":9===code?"\\t":(hex=code.toString(16).toUpperCase(),json||code>255?"\\u"+"0000".slice(hex.length)+hex:0!==code||esutils.code.isDecimalDigit(next)?11===code?"\\x0B":"\\x"+"00".slice(hex.length)+hex:"\\0")}function escapeDisallowedCharacter(code){if(92===code)return"\\\\";if(10===code)return"\\n";if(13===code)return"\\r";if(8232===code)return"\\u2028";if(8233===code)return"\\u2029";throw new Error("Incorrectly classified character")}function flattenToString(arr){var i,iz,elem,result="";for(i=0,iz=arr.length;i<iz;++i)elem=arr[i],result+=Array.isArray(elem)?flattenToString(elem):elem;return result}function toSourceNodeWhenNeeded(generated,node){if(!sourceMap)return Array.isArray(generated)?flattenToString(generated):generated;if(null==node){if(generated instanceof SourceNode)return generated;node={}}return null==node.loc?new SourceNode(null,null,sourceMap,generated,node.name||null):new SourceNode(node.loc.start.line,node.loc.start.column,!0===sourceMap?node.loc.source||null:sourceMap,generated,node.name||null)}function noEmptySpace(){return space||" "}function join(left,right){var leftSource,rightSource,leftCharCode,rightCharCode;return 0===(leftSource=toSourceNodeWhenNeeded(left).toString()).length?[right]:0===(rightSource=toSourceNodeWhenNeeded(right).toString()).length?[left]:(leftCharCode=leftSource.charCodeAt(leftSource.length-1),rightCharCode=rightSource.charCodeAt(0),(43===leftCharCode||45===leftCharCode)&&leftCharCode===rightCharCode||esutils.code.isIdentifierPartES5(leftCharCode)&&esutils.code.isIdentifierPartES5(rightCharCode)||47===leftCharCode&&105===rightCharCode?[left,noEmptySpace(),right]:esutils.code.isWhiteSpace(leftCharCode)||esutils.code.isLineTerminator(leftCharCode)||esutils.code.isWhiteSpace(rightCharCode)||esutils.code.isLineTerminator(rightCharCode)?[left,right]:[left,space,right])}function addIndent(stmt){return[base,stmt]}function withIndent(fn){var previousBase;previousBase=base,fn(base+=indent),base=previousBase}function generateComment(comment,specialBase){if("Line"===comment.type){if(endsWithLineTerminator(comment.value))return"//"+comment.value;var result="//"+comment.value;return preserveBlankLines||(result+="\n"),result}return extra.format.indent.adjustMultilineComment&&/[\n\r]/.test(comment.value)?function adjustMultilineComment(value,specialBase){var array,i,len,line,j,spaces,previousBase,sn;for(array=value.split(/\r\n|[\r\n]/),spaces=Number.MAX_VALUE,i=1,len=array.length;i<len;++i){for(line=array[i],j=0;j<line.length&&esutils.code.isWhiteSpace(line.charCodeAt(j));)++j;spaces>j&&(spaces=j)}for(void 0!==specialBase?(previousBase=base,"*"===array[1][spaces]&&(specialBase+=" "),base=specialBase):(1&spaces&&--spaces,previousBase=base),i=1,len=array.length;i<len;++i)sn=toSourceNodeWhenNeeded(addIndent(array[i].slice(spaces))),array[i]=sourceMap?sn.join(""):sn;return base=previousBase,array.join("\n")}("/*"+comment.value+"*/",specialBase):"/*"+comment.value+"*/"}function addComments(stmt,result){var i,len,comment,save,tailingToStatement,specialBase,fragment,extRange,range,prevRange,prefix,count;if(stmt.leadingComments&&stmt.leadingComments.length>0){if(save=result,preserveBlankLines){for(result=[],extRange=(comment=stmt.leadingComments[0]).extendedRange,range=comment.range,(count=((prefix=sourceCode.substring(extRange[0],range[0])).match(/\n/g)||[]).length)>0?(result.push(stringRepeat("\n",count)),result.push(addIndent(generateComment(comment)))):(result.push(prefix),result.push(generateComment(comment))),prevRange=range,i=1,len=stmt.leadingComments.length;i<len;i++)range=(comment=stmt.leadingComments[i]).range,count=(sourceCode.substring(prevRange[1],range[0]).match(/\n/g)||[]).length,result.push(stringRepeat("\n",count)),result.push(addIndent(generateComment(comment))),prevRange=range;count=(sourceCode.substring(range[1],extRange[1]).match(/\n/g)||[]).length,result.push(stringRepeat("\n",count))}else for(comment=stmt.leadingComments[0],result=[],safeConcatenation&&stmt.type===Syntax.Program&&0===stmt.body.length&&result.push("\n"),result.push(generateComment(comment)),endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||result.push("\n"),i=1,len=stmt.leadingComments.length;i<len;++i)endsWithLineTerminator(toSourceNodeWhenNeeded(fragment=[generateComment(comment=stmt.leadingComments[i])]).toString())||fragment.push("\n"),result.push(addIndent(fragment));result.push(addIndent(save))}if(stmt.trailingComments)if(preserveBlankLines)extRange=(comment=stmt.trailingComments[0]).extendedRange,range=comment.range,(count=((prefix=sourceCode.substring(extRange[0],range[0])).match(/\n/g)||[]).length)>0?(result.push(stringRepeat("\n",count)),result.push(addIndent(generateComment(comment)))):(result.push(prefix),result.push(generateComment(comment)));else for(tailingToStatement=!endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString()),specialBase=stringRepeat(" ",function calculateSpaces(str){var i;for(i=str.length-1;i>=0&&!esutils.code.isLineTerminator(str.charCodeAt(i));--i);return str.length-1-i}(toSourceNodeWhenNeeded([base,result,indent]).toString())),i=0,len=stmt.trailingComments.length;i<len;++i)comment=stmt.trailingComments[i],tailingToStatement?(result=0===i?[result,indent]:[result,specialBase]).push(generateComment(comment,specialBase)):result=[result,addIndent(generateComment(comment))],i===len-1||endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||(result=[result,"\n"]);return result}function generateBlankLines(start,end,result){var j,newlineCount=0;for(j=start;j<end;j++)"\n"===sourceCode[j]&&newlineCount++;for(j=1;j<newlineCount;j++)result.push(newline)}function parenthesize(text,current,should){return current<should?["(",text,")"]:text}function generateVerbatimString(string){var i,iz,result;for(i=1,iz=(result=string.split(/\r\n|\n/)).length;i<iz;i++)result[i]=newline+base+result[i];return result}function CodeGenerator(){}function generateIdentifier(node){return toSourceNodeWhenNeeded(node.name,node)}function generateAsyncPrefix(node,spaceRequired){return node.async?"async"+(spaceRequired?noEmptySpace():space):""}function generateStarSuffix(node){return node.generator&&!extra.moz.starlessGenerator?"*"+space:""}function generateMethodPrefix(prop){var func=prop.value,prefix="";return func.async&&(prefix+=generateAsyncPrefix(func,!prop.computed)),func.generator&&(prefix+=generateStarSuffix(func)?"*":""),prefix}function generateInternal(node){var codegen;if(codegen=new CodeGenerator,isStatement(node))return codegen.generateStatement(node,1);if(function isExpression(node){return CodeGenerator.Expression.hasOwnProperty(node.type)}(node))return codegen.generateExpression(node,Precedence.Sequence,7);throw new Error("Unknown node type: "+node.type)}CodeGenerator.prototype.maybeBlock=function(stmt,flags){var result,noLeadingComment,that=this;return noLeadingComment=!extra.comment||!stmt.leadingComments,stmt.type===Syntax.BlockStatement&&noLeadingComment?[space,this.generateStatement(stmt,flags)]:stmt.type===Syntax.EmptyStatement&&noLeadingComment?";":(withIndent((function(){result=[newline,addIndent(that.generateStatement(stmt,flags))]})),result)},CodeGenerator.prototype.maybeBlockSuffix=function(stmt,result){var ends=endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString());return stmt.type!==Syntax.BlockStatement||extra.comment&&stmt.leadingComments||ends?ends?[result,base]:[result,newline,base]:[result,space]},CodeGenerator.prototype.generatePattern=function(node,precedence,flags){return node.type===Syntax.Identifier?generateIdentifier(node):this.generateExpression(node,precedence,flags)},CodeGenerator.prototype.generateFunctionParams=function(node){var i,iz,result,hasDefault;if(hasDefault=!1,node.type!==Syntax.ArrowFunctionExpression||node.rest||node.defaults&&0!==node.defaults.length||1!==node.params.length||node.params[0].type!==Syntax.Identifier){for((result=node.type===Syntax.ArrowFunctionExpression?[generateAsyncPrefix(node,!1)]:[]).push("("),node.defaults&&(hasDefault=!0),i=0,iz=node.params.length;i<iz;++i)hasDefault&&node.defaults[i]?result.push(this.generateAssignment(node.params[i],node.defaults[i],"=",Precedence.Assignment,7)):result.push(this.generatePattern(node.params[i],Precedence.Assignment,7)),i+1<iz&&result.push(","+space);node.rest&&(node.params.length&&result.push(","+space),result.push("..."),result.push(generateIdentifier(node.rest))),result.push(")")}else result=[generateAsyncPrefix(node,!0),generateIdentifier(node.params[0])];return result},CodeGenerator.prototype.generateFunctionBody=function(node){var result,expr;return result=this.generateFunctionParams(node),node.type===Syntax.ArrowFunctionExpression&&(result.push(space),result.push("=>")),node.expression?(result.push(space),"{"===(expr=this.generateExpression(node.body,Precedence.Assignment,7)).toString().charAt(0)&&(expr=["(",expr,")"]),result.push(expr)):result.push(this.maybeBlock(node.body,9)),result},CodeGenerator.prototype.generateIterationForStatement=function(operator,stmt,flags){var result=["for"+(stmt.await?noEmptySpace()+"await":"")+space+"("],that=this;return withIndent((function(){stmt.left.type===Syntax.VariableDeclaration?withIndent((function(){result.push(stmt.left.kind+noEmptySpace()),result.push(that.generateStatement(stmt.left.declarations[0],0))})):result.push(that.generateExpression(stmt.left,Precedence.Call,7)),result=join(result,operator),result=[join(result,that.generateExpression(stmt.right,Precedence.Assignment,7)),")"]})),result.push(this.maybeBlock(stmt.body,flags)),result},CodeGenerator.prototype.generatePropertyKey=function(expr,computed){var result=[];return computed&&result.push("["),result.push(this.generateExpression(expr,Precedence.Assignment,7)),computed&&result.push("]"),result},CodeGenerator.prototype.generateAssignment=function(left,right,operator,precedence,flags){return Precedence.Assignment<precedence&&(flags|=1),parenthesize([this.generateExpression(left,Precedence.Call,flags),space+operator+space,this.generateExpression(right,Precedence.Assignment,flags)],Precedence.Assignment,precedence)},CodeGenerator.prototype.semicolon=function(flags){return!semicolons&&32&flags?"":";"},CodeGenerator.Statement={BlockStatement:function(stmt,flags){var range,content,result=["{",newline],that=this;return withIndent((function(){var i,iz,fragment,bodyFlags;for(0===stmt.body.length&&preserveBlankLines&&(range=stmt.range)[1]-range[0]>2&&("\n"===(content=sourceCode.substring(range[0]+1,range[1]-1))[0]&&(result=["{"]),result.push(content)),bodyFlags=1,8&flags&&(bodyFlags|=16),i=0,iz=stmt.body.length;i<iz;++i)preserveBlankLines&&(0===i&&(stmt.body[0].leadingComments&&(range=stmt.body[0].leadingComments[0].extendedRange,"\n"===(content=sourceCode.substring(range[0],range[1]))[0]&&(result=["{"])),stmt.body[0].leadingComments||generateBlankLines(stmt.range[0],stmt.body[0].range[0],result)),i>0&&(stmt.body[i-1].trailingComments||stmt.body[i].leadingComments||generateBlankLines(stmt.body[i-1].range[1],stmt.body[i].range[0],result))),i===iz-1&&(bodyFlags|=32),fragment=stmt.body[i].leadingComments&&preserveBlankLines?that.generateStatement(stmt.body[i],bodyFlags):addIndent(that.generateStatement(stmt.body[i],bodyFlags)),result.push(fragment),endsWithLineTerminator(toSourceNodeWhenNeeded(fragment).toString())||preserveBlankLines&&i<iz-1&&stmt.body[i+1].leadingComments||result.push(newline),preserveBlankLines&&i===iz-1&&(stmt.body[i].trailingComments||generateBlankLines(stmt.body[i].range[1],stmt.range[1],result))})),result.push(addIndent("}")),result},BreakStatement:function(stmt,flags){return stmt.label?"break "+stmt.label.name+this.semicolon(flags):"break"+this.semicolon(flags)},ContinueStatement:function(stmt,flags){return stmt.label?"continue "+stmt.label.name+this.semicolon(flags):"continue"+this.semicolon(flags)},ClassBody:function(stmt,flags){var result=["{",newline],that=this;return withIndent((function(indent){var i,iz;for(i=0,iz=stmt.body.length;i<iz;++i)result.push(indent),result.push(that.generateExpression(stmt.body[i],Precedence.Sequence,7)),i+1<iz&&result.push(newline)})),endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||result.push(newline),result.push(base),result.push("}"),result},ClassDeclaration:function(stmt,flags){var result,fragment;return result=["class"],stmt.id&&(result=join(result,this.generateExpression(stmt.id,Precedence.Sequence,7))),stmt.superClass&&(fragment=join("extends",this.generateExpression(stmt.superClass,Precedence.Unary,7)),result=join(result,fragment)),result.push(space),result.push(this.generateStatement(stmt.body,33)),result},DirectiveStatement:function(stmt,flags){return extra.raw&&stmt.raw?stmt.raw+this.semicolon(flags):function escapeDirective(str){var i,iz,code,quote;for(quote="double"===quotes?'"':"'",i=0,iz=str.length;i<iz;++i){if(39===(code=str.charCodeAt(i))){quote='"';break}if(34===code){quote="'";break}92===code&&++i}return quote+str+quote}(stmt.directive)+this.semicolon(flags)},DoWhileStatement:function(stmt,flags){var result=join("do",this.maybeBlock(stmt.body,1));return join(result=this.maybeBlockSuffix(stmt.body,result),["while"+space+"(",this.generateExpression(stmt.test,Precedence.Sequence,7),")"+this.semicolon(flags)])},CatchClause:function(stmt,flags){var result,that=this;return withIndent((function(){var guard;stmt.param?(result=["catch"+space+"(",that.generateExpression(stmt.param,Precedence.Sequence,7),")"],stmt.guard&&(guard=that.generateExpression(stmt.guard,Precedence.Sequence,7),result.splice(2,0," if ",guard))):result=["catch"]})),result.push(this.maybeBlock(stmt.body,1)),result},DebuggerStatement:function(stmt,flags){return"debugger"+this.semicolon(flags)},EmptyStatement:function(stmt,flags){return";"},ExportDefaultDeclaration:function(stmt,flags){var bodyFlags,result=["export"];return bodyFlags=32&flags?33:1,result=join(result,"default"),result=isStatement(stmt.declaration)?join(result,this.generateStatement(stmt.declaration,bodyFlags)):join(result,this.generateExpression(stmt.declaration,Precedence.Assignment,7)+this.semicolon(flags))},ExportNamedDeclaration:function(stmt,flags){var bodyFlags,result=["export"],that=this;return bodyFlags=32&flags?33:1,stmt.declaration?join(result,this.generateStatement(stmt.declaration,bodyFlags)):(stmt.specifiers&&(0===stmt.specifiers.length?result=join(result,"{"+space+"}"):stmt.specifiers[0].type===Syntax.ExportBatchSpecifier?result=join(result,this.generateExpression(stmt.specifiers[0],Precedence.Sequence,7)):(result=join(result,"{"),withIndent((function(indent){var i,iz;for(result.push(newline),i=0,iz=stmt.specifiers.length;i<iz;++i)result.push(indent),result.push(that.generateExpression(stmt.specifiers[i],Precedence.Sequence,7)),i+1<iz&&result.push(","+newline)})),endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||result.push(newline),result.push(base+"}")),stmt.source?result=join(result,["from"+space,this.generateExpression(stmt.source,Precedence.Sequence,7),this.semicolon(flags)]):result.push(this.semicolon(flags))),result)},ExportAllDeclaration:function(stmt,flags){return["export"+space,"*"+space,"from"+space,this.generateExpression(stmt.source,Precedence.Sequence,7),this.semicolon(flags)]},ExpressionStatement:function(stmt,flags){var result,fragment;return 123===(fragment=toSourceNodeWhenNeeded(result=[this.generateExpression(stmt.expression,Precedence.Sequence,7)]).toString()).charCodeAt(0)||function isClassPrefixed(fragment){var code;return"class"===fragment.slice(0,5)&&(123===(code=fragment.charCodeAt(5))||esutils.code.isWhiteSpace(code)||esutils.code.isLineTerminator(code))}(fragment)||function isFunctionPrefixed(fragment){var code;return"function"===fragment.slice(0,8)&&(40===(code=fragment.charCodeAt(8))||esutils.code.isWhiteSpace(code)||42===code||esutils.code.isLineTerminator(code))}(fragment)||function isAsyncPrefixed(fragment){var code,i,iz;if("async"!==fragment.slice(0,5))return!1;if(!esutils.code.isWhiteSpace(fragment.charCodeAt(5)))return!1;for(i=6,iz=fragment.length;i<iz&&esutils.code.isWhiteSpace(fragment.charCodeAt(i));++i);return i!==iz&&("function"===fragment.slice(i,i+8)&&(40===(code=fragment.charCodeAt(i+8))||esutils.code.isWhiteSpace(code)||42===code||esutils.code.isLineTerminator(code)))}(fragment)||directive&&16&flags&&stmt.expression.type===Syntax.Literal&&"string"==typeof stmt.expression.value?result=["(",result,")"+this.semicolon(flags)]:result.push(this.semicolon(flags)),result},ImportDeclaration:function(stmt,flags){var result,cursor,that=this;return 0===stmt.specifiers.length?["import",space,this.generateExpression(stmt.source,Precedence.Sequence,7),this.semicolon(flags)]:(result=["import"],cursor=0,stmt.specifiers[cursor].type===Syntax.ImportDefaultSpecifier&&(result=join(result,[this.generateExpression(stmt.specifiers[cursor],Precedence.Sequence,7)]),++cursor),stmt.specifiers[cursor]&&(0!==cursor&&result.push(","),stmt.specifiers[cursor].type===Syntax.ImportNamespaceSpecifier?result=join(result,[space,this.generateExpression(stmt.specifiers[cursor],Precedence.Sequence,7)]):(result.push(space+"{"),stmt.specifiers.length-cursor==1?(result.push(space),result.push(this.generateExpression(stmt.specifiers[cursor],Precedence.Sequence,7)),result.push(space+"}"+space)):(withIndent((function(indent){var i,iz;for(result.push(newline),i=cursor,iz=stmt.specifiers.length;i<iz;++i)result.push(indent),result.push(that.generateExpression(stmt.specifiers[i],Precedence.Sequence,7)),i+1<iz&&result.push(","+newline)})),endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||result.push(newline),result.push(base+"}"+space)))),result=join(result,["from"+space,this.generateExpression(stmt.source,Precedence.Sequence,7),this.semicolon(flags)]))},VariableDeclarator:function(stmt,flags){var itemFlags=1&flags?7:6;return stmt.init?[this.generateExpression(stmt.id,Precedence.Assignment,itemFlags),space,"=",space,this.generateExpression(stmt.init,Precedence.Assignment,itemFlags)]:this.generatePattern(stmt.id,Precedence.Assignment,itemFlags)},VariableDeclaration:function(stmt,flags){var result,i,iz,node,bodyFlags,that=this;function block(){for(node=stmt.declarations[0],extra.comment&&node.leadingComments?(result.push("\n"),result.push(addIndent(that.generateStatement(node,bodyFlags)))):(result.push(noEmptySpace()),result.push(that.generateStatement(node,bodyFlags))),i=1,iz=stmt.declarations.length;i<iz;++i)node=stmt.declarations[i],extra.comment&&node.leadingComments?(result.push(","+newline),result.push(addIndent(that.generateStatement(node,bodyFlags)))):(result.push(","+space),result.push(that.generateStatement(node,bodyFlags)))}return result=[stmt.kind],bodyFlags=1&flags?1:0,stmt.declarations.length>1?withIndent(block):block(),result.push(this.semicolon(flags)),result},ThrowStatement:function(stmt,flags){return[join("throw",this.generateExpression(stmt.argument,Precedence.Sequence,7)),this.semicolon(flags)]},TryStatement:function(stmt,flags){var result,i,iz,guardedHandlers;if(result=["try",this.maybeBlock(stmt.block,1)],result=this.maybeBlockSuffix(stmt.block,result),stmt.handlers)for(i=0,iz=stmt.handlers.length;i<iz;++i)result=join(result,this.generateStatement(stmt.handlers[i],1)),(stmt.finalizer||i+1!==iz)&&(result=this.maybeBlockSuffix(stmt.handlers[i].body,result));else{for(i=0,iz=(guardedHandlers=stmt.guardedHandlers||[]).length;i<iz;++i)result=join(result,this.generateStatement(guardedHandlers[i],1)),(stmt.finalizer||i+1!==iz)&&(result=this.maybeBlockSuffix(guardedHandlers[i].body,result));if(stmt.handler)if(Array.isArray(stmt.handler))for(i=0,iz=stmt.handler.length;i<iz;++i)result=join(result,this.generateStatement(stmt.handler[i],1)),(stmt.finalizer||i+1!==iz)&&(result=this.maybeBlockSuffix(stmt.handler[i].body,result));else result=join(result,this.generateStatement(stmt.handler,1)),stmt.finalizer&&(result=this.maybeBlockSuffix(stmt.handler.body,result))}return stmt.finalizer&&(result=join(result,["finally",this.maybeBlock(stmt.finalizer,1)])),result},SwitchStatement:function(stmt,flags){var result,fragment,i,iz,bodyFlags,that=this;if(withIndent((function(){result=["switch"+space+"(",that.generateExpression(stmt.discriminant,Precedence.Sequence,7),")"+space+"{"+newline]})),stmt.cases)for(bodyFlags=1,i=0,iz=stmt.cases.length;i<iz;++i)i===iz-1&&(bodyFlags|=32),fragment=addIndent(this.generateStatement(stmt.cases[i],bodyFlags)),result.push(fragment),endsWithLineTerminator(toSourceNodeWhenNeeded(fragment).toString())||result.push(newline);return result.push(addIndent("}")),result},SwitchCase:function(stmt,flags){var result,fragment,i,iz,bodyFlags,that=this;return withIndent((function(){for(result=stmt.test?[join("case",that.generateExpression(stmt.test,Precedence.Sequence,7)),":"]:["default:"],i=0,(iz=stmt.consequent.length)&&stmt.consequent[0].type===Syntax.BlockStatement&&(fragment=that.maybeBlock(stmt.consequent[0],1),result.push(fragment),i=1),i===iz||endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||result.push(newline),bodyFlags=1;i<iz;++i)i===iz-1&&32&flags&&(bodyFlags|=32),fragment=addIndent(that.generateStatement(stmt.consequent[i],bodyFlags)),result.push(fragment),i+1===iz||endsWithLineTerminator(toSourceNodeWhenNeeded(fragment).toString())||result.push(newline)})),result},IfStatement:function(stmt,flags){var result,bodyFlags,that=this;return withIndent((function(){result=["if"+space+"(",that.generateExpression(stmt.test,Precedence.Sequence,7),")"]})),bodyFlags=1,32&flags&&(bodyFlags|=32),stmt.alternate?(result.push(this.maybeBlock(stmt.consequent,1)),result=this.maybeBlockSuffix(stmt.consequent,result),result=stmt.alternate.type===Syntax.IfStatement?join(result,["else ",this.generateStatement(stmt.alternate,bodyFlags)]):join(result,join("else",this.maybeBlock(stmt.alternate,bodyFlags)))):result.push(this.maybeBlock(stmt.consequent,bodyFlags)),result},ForStatement:function(stmt,flags){var result,that=this;return withIndent((function(){result=["for"+space+"("],stmt.init?stmt.init.type===Syntax.VariableDeclaration?result.push(that.generateStatement(stmt.init,0)):(result.push(that.generateExpression(stmt.init,Precedence.Sequence,6)),result.push(";")):result.push(";"),stmt.test?(result.push(space),result.push(that.generateExpression(stmt.test,Precedence.Sequence,7)),result.push(";")):result.push(";"),stmt.update?(result.push(space),result.push(that.generateExpression(stmt.update,Precedence.Sequence,7)),result.push(")")):result.push(")")})),result.push(this.maybeBlock(stmt.body,32&flags?33:1)),result},ForInStatement:function(stmt,flags){return this.generateIterationForStatement("in",stmt,32&flags?33:1)},ForOfStatement:function(stmt,flags){return this.generateIterationForStatement("of",stmt,32&flags?33:1)},LabeledStatement:function(stmt,flags){return[stmt.label.name+":",this.maybeBlock(stmt.body,32&flags?33:1)]},Program:function(stmt,flags){var result,fragment,i,iz,bodyFlags;for(iz=stmt.body.length,result=[safeConcatenation&&iz>0?"\n":""],bodyFlags=17,i=0;i<iz;++i)safeConcatenation||i!==iz-1||(bodyFlags|=32),preserveBlankLines&&(0===i&&(stmt.body[0].leadingComments||generateBlankLines(stmt.range[0],stmt.body[i].range[0],result)),i>0&&(stmt.body[i-1].trailingComments||stmt.body[i].leadingComments||generateBlankLines(stmt.body[i-1].range[1],stmt.body[i].range[0],result))),fragment=addIndent(this.generateStatement(stmt.body[i],bodyFlags)),result.push(fragment),i+1<iz&&!endsWithLineTerminator(toSourceNodeWhenNeeded(fragment).toString())&&(preserveBlankLines&&stmt.body[i+1].leadingComments||result.push(newline)),preserveBlankLines&&i===iz-1&&(stmt.body[i].trailingComments||generateBlankLines(stmt.body[i].range[1],stmt.range[1],result));return result},FunctionDeclaration:function(stmt,flags){return[generateAsyncPrefix(stmt,!0),"function",generateStarSuffix(stmt)||noEmptySpace(),stmt.id?generateIdentifier(stmt.id):"",this.generateFunctionBody(stmt)]},ReturnStatement:function(stmt,flags){return stmt.argument?[join("return",this.generateExpression(stmt.argument,Precedence.Sequence,7)),this.semicolon(flags)]:["return"+this.semicolon(flags)]},WhileStatement:function(stmt,flags){var result,that=this;return withIndent((function(){result=["while"+space+"(",that.generateExpression(stmt.test,Precedence.Sequence,7),")"]})),result.push(this.maybeBlock(stmt.body,32&flags?33:1)),result},WithStatement:function(stmt,flags){var result,that=this;return withIndent((function(){result=["with"+space+"(",that.generateExpression(stmt.object,Precedence.Sequence,7),")"]})),result.push(this.maybeBlock(stmt.body,32&flags?33:1)),result}},merge(CodeGenerator.prototype,CodeGenerator.Statement),CodeGenerator.Expression={SequenceExpression:function(expr,precedence,flags){var result,i,iz;for(Precedence.Sequence<precedence&&(flags|=1),result=[],i=0,iz=expr.expressions.length;i<iz;++i)result.push(this.generateExpression(expr.expressions[i],Precedence.Assignment,flags)),i+1<iz&&result.push(","+space);return parenthesize(result,Precedence.Sequence,precedence)},AssignmentExpression:function(expr,precedence,flags){return this.generateAssignment(expr.left,expr.right,expr.operator,precedence,flags)},ArrowFunctionExpression:function(expr,precedence,flags){return parenthesize(this.generateFunctionBody(expr),Precedence.ArrowFunction,precedence)},ConditionalExpression:function(expr,precedence,flags){return Precedence.Conditional<precedence&&(flags|=1),parenthesize([this.generateExpression(expr.test,Precedence.LogicalOR,flags),space+"?"+space,this.generateExpression(expr.consequent,Precedence.Assignment,flags),space+":"+space,this.generateExpression(expr.alternate,Precedence.Assignment,flags)],Precedence.Conditional,precedence)},LogicalExpression:function(expr,precedence,flags){return this.BinaryExpression(expr,precedence,flags)},BinaryExpression:function(expr,precedence,flags){var result,leftPrecedence,rightPrecedence,currentPrecedence,fragment,leftSource;return currentPrecedence=BinaryPrecedence[expr.operator],leftPrecedence="**"===expr.operator?Precedence.Postfix:currentPrecedence,rightPrecedence="**"===expr.operator?currentPrecedence:currentPrecedence+1,currentPrecedence<precedence&&(flags|=1),result=47===(leftSource=(fragment=this.generateExpression(expr.left,leftPrecedence,flags)).toString()).charCodeAt(leftSource.length-1)&&esutils.code.isIdentifierPartES5(expr.operator.charCodeAt(0))?[fragment,noEmptySpace(),expr.operator]:join(fragment,expr.operator),fragment=this.generateExpression(expr.right,rightPrecedence,flags),"/"===expr.operator&&"/"===fragment.toString().charAt(0)||"<"===expr.operator.slice(-1)&&"!--"===fragment.toString().slice(0,3)?(result.push(noEmptySpace()),result.push(fragment)):result=join(result,fragment),"in"!==expr.operator||1&flags?parenthesize(result,currentPrecedence,precedence):["(",result,")"]},CallExpression:function(expr,precedence,flags){var result,i,iz;for(result=[this.generateExpression(expr.callee,Precedence.Call,3)],expr.optional&&result.push("?."),result.push("("),i=0,iz=expr.arguments.length;i<iz;++i)result.push(this.generateExpression(expr.arguments[i],Precedence.Assignment,7)),i+1<iz&&result.push(","+space);return result.push(")"),2&flags?parenthesize(result,Precedence.Call,precedence):["(",result,")"]},ChainExpression:function(expr,precedence,flags){return Precedence.OptionalChaining<precedence&&(flags|=2),parenthesize(this.generateExpression(expr.expression,Precedence.OptionalChaining,flags),Precedence.OptionalChaining,precedence)},NewExpression:function(expr,precedence,flags){var result,length,i,iz,itemFlags;if(length=expr.arguments.length,itemFlags=4&flags&&!parentheses&&0===length?5:1,result=join("new",this.generateExpression(expr.callee,Precedence.New,itemFlags)),!(4&flags)||parentheses||length>0){for(result.push("("),i=0,iz=length;i<iz;++i)result.push(this.generateExpression(expr.arguments[i],Precedence.Assignment,7)),i+1<iz&&result.push(","+space);result.push(")")}return parenthesize(result,Precedence.New,precedence)},MemberExpression:function(expr,precedence,flags){var result,fragment;return result=[this.generateExpression(expr.object,Precedence.Call,2&flags?3:1)],expr.computed?(expr.optional&&result.push("?."),result.push("["),result.push(this.generateExpression(expr.property,Precedence.Sequence,2&flags?7:5)),result.push("]")):(expr.optional||expr.object.type!==Syntax.Literal||"number"!=typeof expr.object.value||(fragment=toSourceNodeWhenNeeded(result).toString()).indexOf(".")<0&&!/[eExX]/.test(fragment)&&esutils.code.isDecimalDigit(fragment.charCodeAt(fragment.length-1))&&!(fragment.length>=2&&48===fragment.charCodeAt(0))&&result.push(" "),result.push(expr.optional?"?.":"."),result.push(generateIdentifier(expr.property))),parenthesize(result,Precedence.Member,precedence)},MetaProperty:function(expr,precedence,flags){var result;return(result=[]).push("string"==typeof expr.meta?expr.meta:generateIdentifier(expr.meta)),result.push("."),result.push("string"==typeof expr.property?expr.property:generateIdentifier(expr.property)),parenthesize(result,Precedence.Member,precedence)},UnaryExpression:function(expr,precedence,flags){var result,fragment,rightCharCode,leftSource,leftCharCode;return fragment=this.generateExpression(expr.argument,Precedence.Unary,7),""===space?result=join(expr.operator,fragment):(result=[expr.operator],expr.operator.length>2?result=join(result,fragment):(leftCharCode=(leftSource=toSourceNodeWhenNeeded(result).toString()).charCodeAt(leftSource.length-1),rightCharCode=fragment.toString().charCodeAt(0),(43===leftCharCode||45===leftCharCode)&&leftCharCode===rightCharCode||esutils.code.isIdentifierPartES5(leftCharCode)&&esutils.code.isIdentifierPartES5(rightCharCode)?(result.push(noEmptySpace()),result.push(fragment)):result.push(fragment))),parenthesize(result,Precedence.Unary,precedence)},YieldExpression:function(expr,precedence,flags){var result;return result=expr.delegate?"yield*":"yield",expr.argument&&(result=join(result,this.generateExpression(expr.argument,Precedence.Yield,7))),parenthesize(result,Precedence.Yield,precedence)},AwaitExpression:function(expr,precedence,flags){return parenthesize(join(expr.all?"await*":"await",this.generateExpression(expr.argument,Precedence.Await,7)),Precedence.Await,precedence)},UpdateExpression:function(expr,precedence,flags){return expr.prefix?parenthesize([expr.operator,this.generateExpression(expr.argument,Precedence.Unary,7)],Precedence.Unary,precedence):parenthesize([this.generateExpression(expr.argument,Precedence.Postfix,7),expr.operator],Precedence.Postfix,precedence)},FunctionExpression:function(expr,precedence,flags){var result=[generateAsyncPrefix(expr,!0),"function"];return expr.id?(result.push(generateStarSuffix(expr)||noEmptySpace()),result.push(generateIdentifier(expr.id))):result.push(generateStarSuffix(expr)||space),result.push(this.generateFunctionBody(expr)),result},ArrayPattern:function(expr,precedence,flags){return this.ArrayExpression(expr,precedence,flags,!0)},ArrayExpression:function(expr,precedence,flags,isPattern){var result,multiline,that=this;return expr.elements.length?(multiline=!isPattern&&expr.elements.length>1,result=["[",multiline?newline:""],withIndent((function(indent){var i,iz;for(i=0,iz=expr.elements.length;i<iz;++i)expr.elements[i]?(result.push(multiline?indent:""),result.push(that.generateExpression(expr.elements[i],Precedence.Assignment,7))):(multiline&&result.push(indent),i+1===iz&&result.push(",")),i+1<iz&&result.push(","+(multiline?newline:space))})),multiline&&!endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())&&result.push(newline),result.push(multiline?base:""),result.push("]"),result):"[]"},RestElement:function(expr,precedence,flags){return"..."+this.generatePattern(expr.argument)},ClassExpression:function(expr,precedence,flags){var result,fragment;return result=["class"],expr.id&&(result=join(result,this.generateExpression(expr.id,Precedence.Sequence,7))),expr.superClass&&(fragment=join("extends",this.generateExpression(expr.superClass,Precedence.Unary,7)),result=join(result,fragment)),result.push(space),result.push(this.generateStatement(expr.body,33)),result},MethodDefinition:function(expr,precedence,flags){var result,fragment;return result=expr.static?["static"+space]:[],fragment="get"===expr.kind||"set"===expr.kind?[join(expr.kind,this.generatePropertyKey(expr.key,expr.computed)),this.generateFunctionBody(expr.value)]:[generateMethodPrefix(expr),this.generatePropertyKey(expr.key,expr.computed),this.generateFunctionBody(expr.value)],join(result,fragment)},Property:function(expr,precedence,flags){return"get"===expr.kind||"set"===expr.kind?[expr.kind,noEmptySpace(),this.generatePropertyKey(expr.key,expr.computed),this.generateFunctionBody(expr.value)]:expr.shorthand?"AssignmentPattern"===expr.value.type?this.AssignmentPattern(expr.value,Precedence.Sequence,7):this.generatePropertyKey(expr.key,expr.computed):expr.method?[generateMethodPrefix(expr),this.generatePropertyKey(expr.key,expr.computed),this.generateFunctionBody(expr.value)]:[this.generatePropertyKey(expr.key,expr.computed),":"+space,this.generateExpression(expr.value,Precedence.Assignment,7)]},ObjectExpression:function(expr,precedence,flags){var multiline,result,fragment,that=this;return expr.properties.length?(multiline=expr.properties.length>1,withIndent((function(){fragment=that.generateExpression(expr.properties[0],Precedence.Sequence,7)})),multiline||function hasLineTerminator(str){return/[\r\n]/g.test(str)}(toSourceNodeWhenNeeded(fragment).toString())?(withIndent((function(indent){var i,iz;if(result=["{",newline,indent,fragment],multiline)for(result.push(","+newline),i=1,iz=expr.properties.length;i<iz;++i)result.push(indent),result.push(that.generateExpression(expr.properties[i],Precedence.Sequence,7)),i+1<iz&&result.push(","+newline)})),endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())||result.push(newline),result.push(base),result.push("}"),result):["{",space,fragment,space,"}"]):"{}"},AssignmentPattern:function(expr,precedence,flags){return this.generateAssignment(expr.left,expr.right,"=",precedence,flags)},ObjectPattern:function(expr,precedence,flags){var result,i,iz,multiline,property,that=this;if(!expr.properties.length)return"{}";if(multiline=!1,1===expr.properties.length)(property=expr.properties[0]).type===Syntax.Property&&property.value.type!==Syntax.Identifier&&(multiline=!0);else for(i=0,iz=expr.properties.length;i<iz;++i)if((property=expr.properties[i]).type===Syntax.Property&&!property.shorthand){multiline=!0;break}return result=["{",multiline?newline:""],withIndent((function(indent){var i,iz;for(i=0,iz=expr.properties.length;i<iz;++i)result.push(multiline?indent:""),result.push(that.generateExpression(expr.properties[i],Precedence.Sequence,7)),i+1<iz&&result.push(","+(multiline?newline:space))})),multiline&&!endsWithLineTerminator(toSourceNodeWhenNeeded(result).toString())&&result.push(newline),result.push(multiline?base:""),result.push("}"),result},ThisExpression:function(expr,precedence,flags){return"this"},Super:function(expr,precedence,flags){return"super"},Identifier:function(expr,precedence,flags){return generateIdentifier(expr)},ImportDefaultSpecifier:function(expr,precedence,flags){return generateIdentifier(expr.id||expr.local)},ImportNamespaceSpecifier:function(expr,precedence,flags){var result=["*"],id=expr.id||expr.local;return id&&result.push(space+"as"+noEmptySpace()+generateIdentifier(id)),result},ImportSpecifier:function(expr,precedence,flags){var imported=expr.imported,result=[imported.name],local=expr.local;return local&&local.name!==imported.name&&result.push(noEmptySpace()+"as"+noEmptySpace()+generateIdentifier(local)),result},ExportSpecifier:function(expr,precedence,flags){var local=expr.local,result=[local.name],exported=expr.exported;return exported&&exported.name!==local.name&&result.push(noEmptySpace()+"as"+noEmptySpace()+generateIdentifier(exported)),result},Literal:function(expr,precedence,flags){var raw;if(expr.hasOwnProperty("raw")&&parse&&extra.raw)try{if((raw=parse(expr.raw).body[0].expression).type===Syntax.Literal&&raw.value===expr.value)return expr.raw}catch(e){}return expr.regex?"/"+expr.regex.pattern+"/"+expr.regex.flags:null===expr.value?"null":"string"==typeof expr.value?function escapeString(str){var i,len,code,single,quote,result="",singleQuotes=0,doubleQuotes=0;for(i=0,len=str.length;i<len;++i){if(39===(code=str.charCodeAt(i)))++singleQuotes;else if(34===code)++doubleQuotes;else if(47===code&&json)result+="\\";else{if(esutils.code.isLineTerminator(code)||92===code){result+=escapeDisallowedCharacter(code);continue}if(!esutils.code.isIdentifierPartES5(code)&&(json&&code<32||!json&&!escapeless&&(code<32||code>126))){result+=escapeAllowedCharacter(code,str.charCodeAt(i+1));continue}}result+=String.fromCharCode(code)}if(quote=(single=!("double"===quotes||"auto"===quotes&&doubleQuotes<singleQuotes))?"'":'"',!(single?singleQuotes:doubleQuotes))return quote+result+quote;for(str=result,result=quote,i=0,len=str.length;i<len;++i)(39===(code=str.charCodeAt(i))&&single||34===code&&!single)&&(result+="\\"),result+=String.fromCharCode(code);return result+quote}(expr.value):"number"==typeof expr.value?function generateNumber(value){var result,point,temp,exponent,pos;if(value!=value)throw new Error("Numeric literal whose value is NaN");if(value<0||0===value&&1/value<0)throw new Error("Numeric literal whose value is negative");if(value===1/0)return json?"null":renumber?"1e400":"1e+400";if(result=""+value,!renumber||result.length<3)return result;for(point=result.indexOf("."),json||48!==result.charCodeAt(0)||1!==point||(point=0,result=result.slice(1)),temp=result,result=result.replace("e+","e"),exponent=0,(pos=temp.indexOf("e"))>0&&(exponent=+temp.slice(pos+1),temp=temp.slice(0,pos)),point>=0&&(exponent-=temp.length-point-1,temp=+(temp.slice(0,point)+temp.slice(point+1))+""),pos=0;48===temp.charCodeAt(temp.length+pos-1);)--pos;return 0!==pos&&(exponent-=pos,temp=temp.slice(0,pos)),0!==exponent&&(temp+="e"+exponent),(temp.length<result.length||hexadecimal&&value>1e12&&Math.floor(value)===value&&(temp="0x"+value.toString(16)).length<result.length)&&+temp===value&&(result=temp),result}(expr.value):"boolean"==typeof expr.value?expr.value?"true":"false":function generateRegExp(reg){var match,result,flags,i,iz,ch,characterInBrack,previousIsBackslash;if(result=reg.toString(),reg.source){if(!(match=result.match(/\/([^/]*)$/)))return result;for(flags=match[1],result="",characterInBrack=!1,previousIsBackslash=!1,i=0,iz=reg.source.length;i<iz;++i)ch=reg.source.charCodeAt(i),previousIsBackslash?(result+=escapeRegExpCharacter(ch,previousIsBackslash),previousIsBackslash=!1):(characterInBrack?93===ch&&(characterInBrack=!1):47===ch?result+="\\":91===ch&&(characterInBrack=!0),result+=escapeRegExpCharacter(ch,previousIsBackslash),previousIsBackslash=92===ch);return"/"+result+"/"+flags}return result}(expr.value)},GeneratorExpression:function(expr,precedence,flags){return this.ComprehensionExpression(expr,precedence,flags)},ComprehensionExpression:function(expr,precedence,flags){var result,i,iz,fragment,that=this;return result=expr.type===Syntax.GeneratorExpression?["("]:["["],extra.moz.comprehensionExpressionStartsWithAssignment&&(fragment=this.generateExpression(expr.body,Precedence.Assignment,7),result.push(fragment)),expr.blocks&&withIndent((function(){for(i=0,iz=expr.blocks.length;i<iz;++i)fragment=that.generateExpression(expr.blocks[i],Precedence.Sequence,7),i>0||extra.moz.comprehensionExpressionStartsWithAssignment?result=join(result,fragment):result.push(fragment)})),expr.filter&&(result=join(result,"if"+space),fragment=this.generateExpression(expr.filter,Precedence.Sequence,7),result=join(result,["(",fragment,")"])),extra.moz.comprehensionExpressionStartsWithAssignment||(fragment=this.generateExpression(expr.body,Precedence.Assignment,7),result=join(result,fragment)),result.push(expr.type===Syntax.GeneratorExpression?")":"]"),result},ComprehensionBlock:function(expr,precedence,flags){var fragment;return fragment=join(fragment=expr.left.type===Syntax.VariableDeclaration?[expr.left.kind,noEmptySpace(),this.generateStatement(expr.left.declarations[0],0)]:this.generateExpression(expr.left,Precedence.Call,7),expr.of?"of":"in"),fragment=join(fragment,this.generateExpression(expr.right,Precedence.Sequence,7)),["for"+space+"(",fragment,")"]},SpreadElement:function(expr,precedence,flags){return["...",this.generateExpression(expr.argument,Precedence.Assignment,7)]},TaggedTemplateExpression:function(expr,precedence,flags){var itemFlags=3;return 2&flags||(itemFlags=1),parenthesize([this.generateExpression(expr.tag,Precedence.Call,itemFlags),this.generateExpression(expr.quasi,Precedence.Primary,4)],Precedence.TaggedTemplate,precedence)},TemplateElement:function(expr,precedence,flags){return expr.value.raw},TemplateLiteral:function(expr,precedence,flags){var result,i,iz;for(result=["`"],i=0,iz=expr.quasis.length;i<iz;++i)result.push(this.generateExpression(expr.quasis[i],Precedence.Primary,7)),i+1<iz&&(result.push("${"+space),result.push(this.generateExpression(expr.expressions[i],Precedence.Sequence,7)),result.push(space+"}"));return result.push("`"),result},ModuleSpecifier:function(expr,precedence,flags){return this.Literal(expr,precedence,flags)},ImportExpression:function(expr,precedence,flag){return parenthesize(["import(",this.generateExpression(expr.source,Precedence.Assignment,7),")"],Precedence.Call,precedence)}},merge(CodeGenerator.prototype,CodeGenerator.Expression),CodeGenerator.prototype.generateExpression=function(expr,precedence,flags){var result,type;return type=expr.type||Syntax.Property,extra.verbatim&&expr.hasOwnProperty(extra.verbatim)?function generateVerbatim(expr,precedence){var verbatim;return toSourceNodeWhenNeeded("string"==typeof(verbatim=expr[extra.verbatim])?parenthesize(generateVerbatimString(verbatim),Precedence.Sequence,precedence):parenthesize(generateVerbatimString(verbatim.content),null!=verbatim.precedence?verbatim.precedence:Precedence.Sequence,precedence),expr)}(expr,precedence):(result=this[type](expr,precedence,flags),extra.comment&&(result=addComments(expr,result)),toSourceNodeWhenNeeded(result,expr))},CodeGenerator.prototype.generateStatement=function(stmt,flags){var result,fragment;return result=this[stmt.type](stmt,flags),extra.comment&&(result=addComments(stmt,result)),fragment=toSourceNodeWhenNeeded(result).toString(),stmt.type!==Syntax.Program||safeConcatenation||""!==newline||"\n"!==fragment.charAt(fragment.length-1)||(result=sourceMap?toSourceNodeWhenNeeded(result).replaceRight(/\s+$/,""):fragment.replace(/\s+$/,"")),toSourceNodeWhenNeeded(result,stmt)},FORMAT_MINIFY={indent:{style:"",base:0},renumber:!0,hexadecimal:!0,quotes:"auto",escapeless:!0,compact:!0,parentheses:!1,semicolons:!1},FORMAT_DEFAULTS={indent:{style:"    ",base:0,adjustMultilineComment:!1},newline:"\n",space:" ",json:!1,renumber:!1,hexadecimal:!1,quotes:"single",escapeless:!1,compact:!1,parentheses:!0,semicolons:!0,safeConcatenation:!1,preserveBlankLines:!1},exports.version=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/package.json").version,exports.generate=function generate(node,options){var result,pair,defaultOptions={indent:null,base:null,parse:null,comment:!1,format:{indent:{style:"    ",base:0,adjustMultilineComment:!1},newline:"\n",space:" ",json:!1,renumber:!1,hexadecimal:!1,quotes:"single",escapeless:!1,compact:!1,parentheses:!0,semicolons:!0,safeConcatenation:!1,preserveBlankLines:!1},moz:{comprehensionExpressionStartsWithAssignment:!1,starlessGenerator:!1},sourceMap:null,sourceMapRoot:null,sourceMapWithCode:!1,directive:!1,raw:!0,verbatim:null,sourceCode:null};return null!=options?("string"==typeof options.indent&&(defaultOptions.format.indent.style=options.indent),"number"==typeof options.base&&(defaultOptions.format.indent.base=options.base),options=updateDeeply(defaultOptions,options),indent=options.format.indent.style,base="string"==typeof options.base?options.base:stringRepeat(indent,options.format.indent.base)):(indent=(options=defaultOptions).format.indent.style,base=stringRepeat(indent,options.format.indent.base)),json=options.format.json,renumber=options.format.renumber,hexadecimal=!json&&options.format.hexadecimal,quotes=json?"double":options.format.quotes,escapeless=options.format.escapeless,newline=options.format.newline,space=options.format.space,options.format.compact&&(newline=space=indent=base=""),parentheses=options.format.parentheses,semicolons=options.format.semicolons,safeConcatenation=options.format.safeConcatenation,directive=options.directive,parse=json?null:options.parse,sourceMap=options.sourceMap,sourceCode=options.sourceCode,preserveBlankLines=options.format.preserveBlankLines&&null!==sourceCode,extra=options,sourceMap&&(SourceNode=exports.browser?global.sourceMap.SourceNode:__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/source-map.js").SourceNode),result=generateInternal(node),sourceMap?(pair=result.toStringWithSourceMap({file:options.file,sourceRoot:options.sourceMapRoot}),options.sourceContent&&pair.map.setSourceContent(options.sourceMap,options.sourceContent),options.sourceMapWithCode?pair:pair.map.toString()):(pair={code:result.toString(),map:null},options.sourceMapWithCode?pair:pair.code)},exports.attachComments=estraverse.attachComments,exports.Precedence=updateDeeply({},Precedence),exports.browser=!1,exports.FORMAT_MINIFY=FORMAT_MINIFY,exports.FORMAT_DEFAULTS=FORMAT_DEFAULTS}()}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/array-set.js":function(module,exports,__webpack_require__){var util=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/util.js"),has=Object.prototype.hasOwnProperty,hasNativeMap="undefined"!=typeof Map;function ArraySet(){this._array=[],this._set=hasNativeMap?new Map:Object.create(null)}ArraySet.fromArray=function ArraySet_fromArray(aArray,aAllowDuplicates){for(var set=new ArraySet,i=0,len=aArray.length;i<len;i++)set.add(aArray[i],aAllowDuplicates);return set},ArraySet.prototype.size=function ArraySet_size(){return hasNativeMap?this._set.size:Object.getOwnPropertyNames(this._set).length},ArraySet.prototype.add=function ArraySet_add(aStr,aAllowDuplicates){var sStr=hasNativeMap?aStr:util.toSetString(aStr),isDuplicate=hasNativeMap?this.has(aStr):has.call(this._set,sStr),idx=this._array.length;isDuplicate&&!aAllowDuplicates||this._array.push(aStr),isDuplicate||(hasNativeMap?this._set.set(aStr,idx):this._set[sStr]=idx)},ArraySet.prototype.has=function ArraySet_has(aStr){if(hasNativeMap)return this._set.has(aStr);var sStr=util.toSetString(aStr);return has.call(this._set,sStr)},ArraySet.prototype.indexOf=function ArraySet_indexOf(aStr){if(hasNativeMap){var idx=this._set.get(aStr);if(idx>=0)return idx}else{var sStr=util.toSetString(aStr);if(has.call(this._set,sStr))return this._set[sStr]}throw new Error('"'+aStr+'" is not in the set.')},ArraySet.prototype.at=function ArraySet_at(aIdx){if(aIdx>=0&&aIdx<this._array.length)return this._array[aIdx];throw new Error("No element indexed by "+aIdx)},ArraySet.prototype.toArray=function ArraySet_toArray(){return this._array.slice()},exports.ArraySet=ArraySet},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/base64-vlq.js":function(module,exports,__webpack_require__){var base64=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/base64.js");exports.encode=function base64VLQ_encode(aValue){var digit,encoded="",vlq=function toVLQSigned(aValue){return aValue<0?1+(-aValue<<1):0+(aValue<<1)}(aValue);do{digit=31&vlq,(vlq>>>=5)>0&&(digit|=32),encoded+=base64.encode(digit)}while(vlq>0);return encoded},exports.decode=function base64VLQ_decode(aStr,aIndex,aOutParam){var continuation,digit,strLen=aStr.length,result=0,shift=0;do{if(aIndex>=strLen)throw new Error("Expected more digits in base 64 VLQ value.");if(-1===(digit=base64.decode(aStr.charCodeAt(aIndex++))))throw new Error("Invalid base64 digit: "+aStr.charAt(aIndex-1));continuation=!!(32&digit),result+=(digit&=31)<<shift,shift+=5}while(continuation);aOutParam.value=function fromVLQSigned(aValue){var shifted=aValue>>1;return 1==(1&aValue)?-shifted:shifted}(result),aOutParam.rest=aIndex}},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/base64.js":function(module,exports){var intToCharMap="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split("");exports.encode=function(number){if(0<=number&&number<intToCharMap.length)return intToCharMap[number];throw new TypeError("Must be between 0 and 63: "+number)},exports.decode=function(charCode){return 65<=charCode&&charCode<=90?charCode-65:97<=charCode&&charCode<=122?charCode-97+26:48<=charCode&&charCode<=57?charCode-48+52:43==charCode?62:47==charCode?63:-1}},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/binary-search.js":function(module,exports){function recursiveSearch(aLow,aHigh,aNeedle,aHaystack,aCompare,aBias){var mid=Math.floor((aHigh-aLow)/2)+aLow,cmp=aCompare(aNeedle,aHaystack[mid],!0);return 0===cmp?mid:cmp>0?aHigh-mid>1?recursiveSearch(mid,aHigh,aNeedle,aHaystack,aCompare,aBias):aBias==exports.LEAST_UPPER_BOUND?aHigh<aHaystack.length?aHigh:-1:mid:mid-aLow>1?recursiveSearch(aLow,mid,aNeedle,aHaystack,aCompare,aBias):aBias==exports.LEAST_UPPER_BOUND?mid:aLow<0?-1:aLow}exports.GREATEST_LOWER_BOUND=1,exports.LEAST_UPPER_BOUND=2,exports.search=function search(aNeedle,aHaystack,aCompare,aBias){if(0===aHaystack.length)return-1;var index=recursiveSearch(-1,aHaystack.length,aNeedle,aHaystack,aCompare,aBias||exports.GREATEST_LOWER_BOUND);if(index<0)return-1;for(;index-1>=0&&0===aCompare(aHaystack[index],aHaystack[index-1],!0);)--index;return index}},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/mapping-list.js":function(module,exports,__webpack_require__){var util=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/util.js");function MappingList(){this._array=[],this._sorted=!0,this._last={generatedLine:-1,generatedColumn:0}}MappingList.prototype.unsortedForEach=function MappingList_forEach(aCallback,aThisArg){this._array.forEach(aCallback,aThisArg)},MappingList.prototype.add=function MappingList_add(aMapping){!function generatedPositionAfter(mappingA,mappingB){var lineA=mappingA.generatedLine,lineB=mappingB.generatedLine,columnA=mappingA.generatedColumn,columnB=mappingB.generatedColumn;return lineB>lineA||lineB==lineA&&columnB>=columnA||util.compareByGeneratedPositionsInflated(mappingA,mappingB)<=0}(this._last,aMapping)?(this._sorted=!1,this._array.push(aMapping)):(this._last=aMapping,this._array.push(aMapping))},MappingList.prototype.toArray=function MappingList_toArray(){return this._sorted||(this._array.sort(util.compareByGeneratedPositionsInflated),this._sorted=!0),this._array},exports.MappingList=MappingList},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/quick-sort.js":function(module,exports){function swap(ary,x,y){var temp=ary[x];ary[x]=ary[y],ary[y]=temp}function doQuickSort(ary,comparator,p,r){if(p<r){var i=p-1;swap(ary,function randomIntInRange(low,high){return Math.round(low+Math.random()*(high-low))}(p,r),r);for(var pivot=ary[r],j=p;j<r;j++)comparator(ary[j],pivot)<=0&&swap(ary,i+=1,j);swap(ary,i+1,j);var q=i+1;doQuickSort(ary,comparator,p,q-1),doQuickSort(ary,comparator,q+1,r)}}exports.quickSort=function(ary,comparator){doQuickSort(ary,comparator,0,ary.length-1)}},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-map-consumer.js":function(module,exports,__webpack_require__){var util=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/util.js"),binarySearch=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/binary-search.js"),ArraySet=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/array-set.js").ArraySet,base64VLQ=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/base64-vlq.js"),quickSort=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/quick-sort.js").quickSort;function SourceMapConsumer(aSourceMap,aSourceMapURL){var sourceMap=aSourceMap;return"string"==typeof aSourceMap&&(sourceMap=util.parseSourceMapInput(aSourceMap)),null!=sourceMap.sections?new IndexedSourceMapConsumer(sourceMap,aSourceMapURL):new BasicSourceMapConsumer(sourceMap,aSourceMapURL)}function BasicSourceMapConsumer(aSourceMap,aSourceMapURL){var sourceMap=aSourceMap;"string"==typeof aSourceMap&&(sourceMap=util.parseSourceMapInput(aSourceMap));var version=util.getArg(sourceMap,"version"),sources=util.getArg(sourceMap,"sources"),names=util.getArg(sourceMap,"names",[]),sourceRoot=util.getArg(sourceMap,"sourceRoot",null),sourcesContent=util.getArg(sourceMap,"sourcesContent",null),mappings=util.getArg(sourceMap,"mappings"),file=util.getArg(sourceMap,"file",null);if(version!=this._version)throw new Error("Unsupported version: "+version);sourceRoot&&(sourceRoot=util.normalize(sourceRoot)),sources=sources.map(String).map(util.normalize).map((function(source){return sourceRoot&&util.isAbsolute(sourceRoot)&&util.isAbsolute(source)?util.relative(sourceRoot,source):source})),this._names=ArraySet.fromArray(names.map(String),!0),this._sources=ArraySet.fromArray(sources,!0),this._absoluteSources=this._sources.toArray().map((function(s){return util.computeSourceURL(sourceRoot,s,aSourceMapURL)})),this.sourceRoot=sourceRoot,this.sourcesContent=sourcesContent,this._mappings=mappings,this._sourceMapURL=aSourceMapURL,this.file=file}function Mapping(){this.generatedLine=0,this.generatedColumn=0,this.source=null,this.originalLine=null,this.originalColumn=null,this.name=null}function IndexedSourceMapConsumer(aSourceMap,aSourceMapURL){var sourceMap=aSourceMap;"string"==typeof aSourceMap&&(sourceMap=util.parseSourceMapInput(aSourceMap));var version=util.getArg(sourceMap,"version"),sections=util.getArg(sourceMap,"sections");if(version!=this._version)throw new Error("Unsupported version: "+version);this._sources=new ArraySet,this._names=new ArraySet;var lastOffset={line:-1,column:0};this._sections=sections.map((function(s){if(s.url)throw new Error("Support for url field in sections not implemented.");var offset=util.getArg(s,"offset"),offsetLine=util.getArg(offset,"line"),offsetColumn=util.getArg(offset,"column");if(offsetLine<lastOffset.line||offsetLine===lastOffset.line&&offsetColumn<lastOffset.column)throw new Error("Section offsets must be ordered and non-overlapping.");return lastOffset=offset,{generatedOffset:{generatedLine:offsetLine+1,generatedColumn:offsetColumn+1},consumer:new SourceMapConsumer(util.getArg(s,"map"),aSourceMapURL)}}))}SourceMapConsumer.fromSourceMap=function(aSourceMap,aSourceMapURL){return BasicSourceMapConsumer.fromSourceMap(aSourceMap,aSourceMapURL)},SourceMapConsumer.prototype._version=3,SourceMapConsumer.prototype.__generatedMappings=null,Object.defineProperty(SourceMapConsumer.prototype,"_generatedMappings",{configurable:!0,enumerable:!0,get:function(){return this.__generatedMappings||this._parseMappings(this._mappings,this.sourceRoot),this.__generatedMappings}}),SourceMapConsumer.prototype.__originalMappings=null,Object.defineProperty(SourceMapConsumer.prototype,"_originalMappings",{configurable:!0,enumerable:!0,get:function(){return this.__originalMappings||this._parseMappings(this._mappings,this.sourceRoot),this.__originalMappings}}),SourceMapConsumer.prototype._charIsMappingSeparator=function SourceMapConsumer_charIsMappingSeparator(aStr,index){var c=aStr.charAt(index);return";"===c||","===c},SourceMapConsumer.prototype._parseMappings=function SourceMapConsumer_parseMappings(aStr,aSourceRoot){throw new Error("Subclasses must implement _parseMappings")},SourceMapConsumer.GENERATED_ORDER=1,SourceMapConsumer.ORIGINAL_ORDER=2,SourceMapConsumer.GREATEST_LOWER_BOUND=1,SourceMapConsumer.LEAST_UPPER_BOUND=2,SourceMapConsumer.prototype.eachMapping=function SourceMapConsumer_eachMapping(aCallback,aContext,aOrder){var mappings,context=aContext||null;switch(aOrder||SourceMapConsumer.GENERATED_ORDER){case SourceMapConsumer.GENERATED_ORDER:mappings=this._generatedMappings;break;case SourceMapConsumer.ORIGINAL_ORDER:mappings=this._originalMappings;break;default:throw new Error("Unknown order of iteration.")}var sourceRoot=this.sourceRoot;mappings.map((function(mapping){var source=null===mapping.source?null:this._sources.at(mapping.source);return{source:source=util.computeSourceURL(sourceRoot,source,this._sourceMapURL),generatedLine:mapping.generatedLine,generatedColumn:mapping.generatedColumn,originalLine:mapping.originalLine,originalColumn:mapping.originalColumn,name:null===mapping.name?null:this._names.at(mapping.name)}}),this).forEach(aCallback,context)},SourceMapConsumer.prototype.allGeneratedPositionsFor=function SourceMapConsumer_allGeneratedPositionsFor(aArgs){var line=util.getArg(aArgs,"line"),needle={source:util.getArg(aArgs,"source"),originalLine:line,originalColumn:util.getArg(aArgs,"column",0)};if(needle.source=this._findSourceIndex(needle.source),needle.source<0)return[];var mappings=[],index=this._findMapping(needle,this._originalMappings,"originalLine","originalColumn",util.compareByOriginalPositions,binarySearch.LEAST_UPPER_BOUND);if(index>=0){var mapping=this._originalMappings[index];if(void 0===aArgs.column)for(var originalLine=mapping.originalLine;mapping&&mapping.originalLine===originalLine;)mappings.push({line:util.getArg(mapping,"generatedLine",null),column:util.getArg(mapping,"generatedColumn",null),lastColumn:util.getArg(mapping,"lastGeneratedColumn",null)}),mapping=this._originalMappings[++index];else for(var originalColumn=mapping.originalColumn;mapping&&mapping.originalLine===line&&mapping.originalColumn==originalColumn;)mappings.push({line:util.getArg(mapping,"generatedLine",null),column:util.getArg(mapping,"generatedColumn",null),lastColumn:util.getArg(mapping,"lastGeneratedColumn",null)}),mapping=this._originalMappings[++index]}return mappings},exports.SourceMapConsumer=SourceMapConsumer,BasicSourceMapConsumer.prototype=Object.create(SourceMapConsumer.prototype),BasicSourceMapConsumer.prototype.consumer=SourceMapConsumer,BasicSourceMapConsumer.prototype._findSourceIndex=function(aSource){var i,relativeSource=aSource;if(null!=this.sourceRoot&&(relativeSource=util.relative(this.sourceRoot,relativeSource)),this._sources.has(relativeSource))return this._sources.indexOf(relativeSource);for(i=0;i<this._absoluteSources.length;++i)if(this._absoluteSources[i]==aSource)return i;return-1},BasicSourceMapConsumer.fromSourceMap=function SourceMapConsumer_fromSourceMap(aSourceMap,aSourceMapURL){var smc=Object.create(BasicSourceMapConsumer.prototype),names=smc._names=ArraySet.fromArray(aSourceMap._names.toArray(),!0),sources=smc._sources=ArraySet.fromArray(aSourceMap._sources.toArray(),!0);smc.sourceRoot=aSourceMap._sourceRoot,smc.sourcesContent=aSourceMap._generateSourcesContent(smc._sources.toArray(),smc.sourceRoot),smc.file=aSourceMap._file,smc._sourceMapURL=aSourceMapURL,smc._absoluteSources=smc._sources.toArray().map((function(s){return util.computeSourceURL(smc.sourceRoot,s,aSourceMapURL)}));for(var generatedMappings=aSourceMap._mappings.toArray().slice(),destGeneratedMappings=smc.__generatedMappings=[],destOriginalMappings=smc.__originalMappings=[],i=0,length=generatedMappings.length;i<length;i++){var srcMapping=generatedMappings[i],destMapping=new Mapping;destMapping.generatedLine=srcMapping.generatedLine,destMapping.generatedColumn=srcMapping.generatedColumn,srcMapping.source&&(destMapping.source=sources.indexOf(srcMapping.source),destMapping.originalLine=srcMapping.originalLine,destMapping.originalColumn=srcMapping.originalColumn,srcMapping.name&&(destMapping.name=names.indexOf(srcMapping.name)),destOriginalMappings.push(destMapping)),destGeneratedMappings.push(destMapping)}return quickSort(smc.__originalMappings,util.compareByOriginalPositions),smc},BasicSourceMapConsumer.prototype._version=3,Object.defineProperty(BasicSourceMapConsumer.prototype,"sources",{get:function(){return this._absoluteSources.slice()}}),BasicSourceMapConsumer.prototype._parseMappings=function SourceMapConsumer_parseMappings(aStr,aSourceRoot){for(var mapping,str,segment,end,value,generatedLine=1,previousGeneratedColumn=0,previousOriginalLine=0,previousOriginalColumn=0,previousSource=0,previousName=0,length=aStr.length,index=0,cachedSegments={},temp={},originalMappings=[],generatedMappings=[];index<length;)if(";"===aStr.charAt(index))generatedLine++,index++,previousGeneratedColumn=0;else if(","===aStr.charAt(index))index++;else{for((mapping=new Mapping).generatedLine=generatedLine,end=index;end<length&&!this._charIsMappingSeparator(aStr,end);end++);if(segment=cachedSegments[str=aStr.slice(index,end)])index+=str.length;else{for(segment=[];index<end;)base64VLQ.decode(aStr,index,temp),value=temp.value,index=temp.rest,segment.push(value);if(2===segment.length)throw new Error("Found a source, but no line and column");if(3===segment.length)throw new Error("Found a source and line, but no column");cachedSegments[str]=segment}mapping.generatedColumn=previousGeneratedColumn+segment[0],previousGeneratedColumn=mapping.generatedColumn,segment.length>1&&(mapping.source=previousSource+segment[1],previousSource+=segment[1],mapping.originalLine=previousOriginalLine+segment[2],previousOriginalLine=mapping.originalLine,mapping.originalLine+=1,mapping.originalColumn=previousOriginalColumn+segment[3],previousOriginalColumn=mapping.originalColumn,segment.length>4&&(mapping.name=previousName+segment[4],previousName+=segment[4])),generatedMappings.push(mapping),"number"==typeof mapping.originalLine&&originalMappings.push(mapping)}quickSort(generatedMappings,util.compareByGeneratedPositionsDeflated),this.__generatedMappings=generatedMappings,quickSort(originalMappings,util.compareByOriginalPositions),this.__originalMappings=originalMappings},BasicSourceMapConsumer.prototype._findMapping=function SourceMapConsumer_findMapping(aNeedle,aMappings,aLineName,aColumnName,aComparator,aBias){if(aNeedle[aLineName]<=0)throw new TypeError("Line must be greater than or equal to 1, got "+aNeedle[aLineName]);if(aNeedle[aColumnName]<0)throw new TypeError("Column must be greater than or equal to 0, got "+aNeedle[aColumnName]);return binarySearch.search(aNeedle,aMappings,aComparator,aBias)},BasicSourceMapConsumer.prototype.computeColumnSpans=function SourceMapConsumer_computeColumnSpans(){for(var index=0;index<this._generatedMappings.length;++index){var mapping=this._generatedMappings[index];if(index+1<this._generatedMappings.length){var nextMapping=this._generatedMappings[index+1];if(mapping.generatedLine===nextMapping.generatedLine){mapping.lastGeneratedColumn=nextMapping.generatedColumn-1;continue}}mapping.lastGeneratedColumn=1/0}},BasicSourceMapConsumer.prototype.originalPositionFor=function SourceMapConsumer_originalPositionFor(aArgs){var needle={generatedLine:util.getArg(aArgs,"line"),generatedColumn:util.getArg(aArgs,"column")},index=this._findMapping(needle,this._generatedMappings,"generatedLine","generatedColumn",util.compareByGeneratedPositionsDeflated,util.getArg(aArgs,"bias",SourceMapConsumer.GREATEST_LOWER_BOUND));if(index>=0){var mapping=this._generatedMappings[index];if(mapping.generatedLine===needle.generatedLine){var source=util.getArg(mapping,"source",null);null!==source&&(source=this._sources.at(source),source=util.computeSourceURL(this.sourceRoot,source,this._sourceMapURL));var name=util.getArg(mapping,"name",null);return null!==name&&(name=this._names.at(name)),{source:source,line:util.getArg(mapping,"originalLine",null),column:util.getArg(mapping,"originalColumn",null),name:name}}}return{source:null,line:null,column:null,name:null}},BasicSourceMapConsumer.prototype.hasContentsOfAllSources=function BasicSourceMapConsumer_hasContentsOfAllSources(){return!!this.sourcesContent&&(this.sourcesContent.length>=this._sources.size()&&!this.sourcesContent.some((function(sc){return null==sc})))},BasicSourceMapConsumer.prototype.sourceContentFor=function SourceMapConsumer_sourceContentFor(aSource,nullOnMissing){if(!this.sourcesContent)return null;var index=this._findSourceIndex(aSource);if(index>=0)return this.sourcesContent[index];var url,relativeSource=aSource;if(null!=this.sourceRoot&&(relativeSource=util.relative(this.sourceRoot,relativeSource)),null!=this.sourceRoot&&(url=util.urlParse(this.sourceRoot))){var fileUriAbsPath=relativeSource.replace(/^file:\/\//,"");if("file"==url.scheme&&this._sources.has(fileUriAbsPath))return this.sourcesContent[this._sources.indexOf(fileUriAbsPath)];if((!url.path||"/"==url.path)&&this._sources.has("/"+relativeSource))return this.sourcesContent[this._sources.indexOf("/"+relativeSource)]}if(nullOnMissing)return null;throw new Error('"'+relativeSource+'" is not in the SourceMap.')},BasicSourceMapConsumer.prototype.generatedPositionFor=function SourceMapConsumer_generatedPositionFor(aArgs){var source=util.getArg(aArgs,"source");if((source=this._findSourceIndex(source))<0)return{line:null,column:null,lastColumn:null};var needle={source:source,originalLine:util.getArg(aArgs,"line"),originalColumn:util.getArg(aArgs,"column")},index=this._findMapping(needle,this._originalMappings,"originalLine","originalColumn",util.compareByOriginalPositions,util.getArg(aArgs,"bias",SourceMapConsumer.GREATEST_LOWER_BOUND));if(index>=0){var mapping=this._originalMappings[index];if(mapping.source===needle.source)return{line:util.getArg(mapping,"generatedLine",null),column:util.getArg(mapping,"generatedColumn",null),lastColumn:util.getArg(mapping,"lastGeneratedColumn",null)}}return{line:null,column:null,lastColumn:null}},exports.BasicSourceMapConsumer=BasicSourceMapConsumer,IndexedSourceMapConsumer.prototype=Object.create(SourceMapConsumer.prototype),IndexedSourceMapConsumer.prototype.constructor=SourceMapConsumer,IndexedSourceMapConsumer.prototype._version=3,Object.defineProperty(IndexedSourceMapConsumer.prototype,"sources",{get:function(){for(var sources=[],i=0;i<this._sections.length;i++)for(var j=0;j<this._sections[i].consumer.sources.length;j++)sources.push(this._sections[i].consumer.sources[j]);return sources}}),IndexedSourceMapConsumer.prototype.originalPositionFor=function IndexedSourceMapConsumer_originalPositionFor(aArgs){var needle={generatedLine:util.getArg(aArgs,"line"),generatedColumn:util.getArg(aArgs,"column")},sectionIndex=binarySearch.search(needle,this._sections,(function(needle,section){var cmp=needle.generatedLine-section.generatedOffset.generatedLine;return cmp||needle.generatedColumn-section.generatedOffset.generatedColumn})),section=this._sections[sectionIndex];return section?section.consumer.originalPositionFor({line:needle.generatedLine-(section.generatedOffset.generatedLine-1),column:needle.generatedColumn-(section.generatedOffset.generatedLine===needle.generatedLine?section.generatedOffset.generatedColumn-1:0),bias:aArgs.bias}):{source:null,line:null,column:null,name:null}},IndexedSourceMapConsumer.prototype.hasContentsOfAllSources=function IndexedSourceMapConsumer_hasContentsOfAllSources(){return this._sections.every((function(s){return s.consumer.hasContentsOfAllSources()}))},IndexedSourceMapConsumer.prototype.sourceContentFor=function IndexedSourceMapConsumer_sourceContentFor(aSource,nullOnMissing){for(var i=0;i<this._sections.length;i++){var content=this._sections[i].consumer.sourceContentFor(aSource,!0);if(content)return content}if(nullOnMissing)return null;throw new Error('"'+aSource+'" is not in the SourceMap.')},IndexedSourceMapConsumer.prototype.generatedPositionFor=function IndexedSourceMapConsumer_generatedPositionFor(aArgs){for(var i=0;i<this._sections.length;i++){var section=this._sections[i];if(-1!==section.consumer._findSourceIndex(util.getArg(aArgs,"source"))){var generatedPosition=section.consumer.generatedPositionFor(aArgs);if(generatedPosition)return{line:generatedPosition.line+(section.generatedOffset.generatedLine-1),column:generatedPosition.column+(section.generatedOffset.generatedLine===generatedPosition.line?section.generatedOffset.generatedColumn-1:0)}}}return{line:null,column:null}},IndexedSourceMapConsumer.prototype._parseMappings=function IndexedSourceMapConsumer_parseMappings(aStr,aSourceRoot){this.__generatedMappings=[],this.__originalMappings=[];for(var i=0;i<this._sections.length;i++)for(var section=this._sections[i],sectionMappings=section.consumer._generatedMappings,j=0;j<sectionMappings.length;j++){var mapping=sectionMappings[j],source=section.consumer._sources.at(mapping.source);source=util.computeSourceURL(section.consumer.sourceRoot,source,this._sourceMapURL),this._sources.add(source),source=this._sources.indexOf(source);var name=null;mapping.name&&(name=section.consumer._names.at(mapping.name),this._names.add(name),name=this._names.indexOf(name));var adjustedMapping={source:source,generatedLine:mapping.generatedLine+(section.generatedOffset.generatedLine-1),generatedColumn:mapping.generatedColumn+(section.generatedOffset.generatedLine===mapping.generatedLine?section.generatedOffset.generatedColumn-1:0),originalLine:mapping.originalLine,originalColumn:mapping.originalColumn,name:name};this.__generatedMappings.push(adjustedMapping),"number"==typeof adjustedMapping.originalLine&&this.__originalMappings.push(adjustedMapping)}quickSort(this.__generatedMappings,util.compareByGeneratedPositionsDeflated),quickSort(this.__originalMappings,util.compareByOriginalPositions)},exports.IndexedSourceMapConsumer=IndexedSourceMapConsumer},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-map-generator.js":function(module,exports,__webpack_require__){var base64VLQ=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/base64-vlq.js"),util=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/util.js"),ArraySet=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/array-set.js").ArraySet,MappingList=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/mapping-list.js").MappingList;function SourceMapGenerator(aArgs){aArgs||(aArgs={}),this._file=util.getArg(aArgs,"file",null),this._sourceRoot=util.getArg(aArgs,"sourceRoot",null),this._skipValidation=util.getArg(aArgs,"skipValidation",!1),this._sources=new ArraySet,this._names=new ArraySet,this._mappings=new MappingList,this._sourcesContents=null}SourceMapGenerator.prototype._version=3,SourceMapGenerator.fromSourceMap=function SourceMapGenerator_fromSourceMap(aSourceMapConsumer){var sourceRoot=aSourceMapConsumer.sourceRoot,generator=new SourceMapGenerator({file:aSourceMapConsumer.file,sourceRoot:sourceRoot});return aSourceMapConsumer.eachMapping((function(mapping){var newMapping={generated:{line:mapping.generatedLine,column:mapping.generatedColumn}};null!=mapping.source&&(newMapping.source=mapping.source,null!=sourceRoot&&(newMapping.source=util.relative(sourceRoot,newMapping.source)),newMapping.original={line:mapping.originalLine,column:mapping.originalColumn},null!=mapping.name&&(newMapping.name=mapping.name)),generator.addMapping(newMapping)})),aSourceMapConsumer.sources.forEach((function(sourceFile){var sourceRelative=sourceFile;null!==sourceRoot&&(sourceRelative=util.relative(sourceRoot,sourceFile)),generator._sources.has(sourceRelative)||generator._sources.add(sourceRelative);var content=aSourceMapConsumer.sourceContentFor(sourceFile);null!=content&&generator.setSourceContent(sourceFile,content)})),generator},SourceMapGenerator.prototype.addMapping=function SourceMapGenerator_addMapping(aArgs){var generated=util.getArg(aArgs,"generated"),original=util.getArg(aArgs,"original",null),source=util.getArg(aArgs,"source",null),name=util.getArg(aArgs,"name",null);this._skipValidation||this._validateMapping(generated,original,source,name),null!=source&&(source=String(source),this._sources.has(source)||this._sources.add(source)),null!=name&&(name=String(name),this._names.has(name)||this._names.add(name)),this._mappings.add({generatedLine:generated.line,generatedColumn:generated.column,originalLine:null!=original&&original.line,originalColumn:null!=original&&original.column,source:source,name:name})},SourceMapGenerator.prototype.setSourceContent=function SourceMapGenerator_setSourceContent(aSourceFile,aSourceContent){var source=aSourceFile;null!=this._sourceRoot&&(source=util.relative(this._sourceRoot,source)),null!=aSourceContent?(this._sourcesContents||(this._sourcesContents=Object.create(null)),this._sourcesContents[util.toSetString(source)]=aSourceContent):this._sourcesContents&&(delete this._sourcesContents[util.toSetString(source)],0===Object.keys(this._sourcesContents).length&&(this._sourcesContents=null))},SourceMapGenerator.prototype.applySourceMap=function SourceMapGenerator_applySourceMap(aSourceMapConsumer,aSourceFile,aSourceMapPath){var sourceFile=aSourceFile;if(null==aSourceFile){if(null==aSourceMapConsumer.file)throw new Error('SourceMapGenerator.prototype.applySourceMap requires either an explicit source file, or the source map\'s "file" property. Both were omitted.');sourceFile=aSourceMapConsumer.file}var sourceRoot=this._sourceRoot;null!=sourceRoot&&(sourceFile=util.relative(sourceRoot,sourceFile));var newSources=new ArraySet,newNames=new ArraySet;this._mappings.unsortedForEach((function(mapping){if(mapping.source===sourceFile&&null!=mapping.originalLine){var original=aSourceMapConsumer.originalPositionFor({line:mapping.originalLine,column:mapping.originalColumn});null!=original.source&&(mapping.source=original.source,null!=aSourceMapPath&&(mapping.source=util.join(aSourceMapPath,mapping.source)),null!=sourceRoot&&(mapping.source=util.relative(sourceRoot,mapping.source)),mapping.originalLine=original.line,mapping.originalColumn=original.column,null!=original.name&&(mapping.name=original.name))}var source=mapping.source;null==source||newSources.has(source)||newSources.add(source);var name=mapping.name;null==name||newNames.has(name)||newNames.add(name)}),this),this._sources=newSources,this._names=newNames,aSourceMapConsumer.sources.forEach((function(sourceFile){var content=aSourceMapConsumer.sourceContentFor(sourceFile);null!=content&&(null!=aSourceMapPath&&(sourceFile=util.join(aSourceMapPath,sourceFile)),null!=sourceRoot&&(sourceFile=util.relative(sourceRoot,sourceFile)),this.setSourceContent(sourceFile,content))}),this)},SourceMapGenerator.prototype._validateMapping=function SourceMapGenerator_validateMapping(aGenerated,aOriginal,aSource,aName){if(aOriginal&&"number"!=typeof aOriginal.line&&"number"!=typeof aOriginal.column)throw new Error("original.line and original.column are not numbers -- you probably meant to omit the original mapping entirely and only map the generated position. If so, pass null for the original mapping instead of an object with empty or null values.");if((!(aGenerated&&"line"in aGenerated&&"column"in aGenerated&&aGenerated.line>0&&aGenerated.column>=0)||aOriginal||aSource||aName)&&!(aGenerated&&"line"in aGenerated&&"column"in aGenerated&&aOriginal&&"line"in aOriginal&&"column"in aOriginal&&aGenerated.line>0&&aGenerated.column>=0&&aOriginal.line>0&&aOriginal.column>=0&&aSource))throw new Error("Invalid mapping: "+JSON.stringify({generated:aGenerated,source:aSource,original:aOriginal,name:aName}))},SourceMapGenerator.prototype._serializeMappings=function SourceMapGenerator_serializeMappings(){for(var next,mapping,nameIdx,sourceIdx,previousGeneratedColumn=0,previousGeneratedLine=1,previousOriginalColumn=0,previousOriginalLine=0,previousName=0,previousSource=0,result="",mappings=this._mappings.toArray(),i=0,len=mappings.length;i<len;i++){if(next="",(mapping=mappings[i]).generatedLine!==previousGeneratedLine)for(previousGeneratedColumn=0;mapping.generatedLine!==previousGeneratedLine;)next+=";",previousGeneratedLine++;else if(i>0){if(!util.compareByGeneratedPositionsInflated(mapping,mappings[i-1]))continue;next+=","}next+=base64VLQ.encode(mapping.generatedColumn-previousGeneratedColumn),previousGeneratedColumn=mapping.generatedColumn,null!=mapping.source&&(sourceIdx=this._sources.indexOf(mapping.source),next+=base64VLQ.encode(sourceIdx-previousSource),previousSource=sourceIdx,next+=base64VLQ.encode(mapping.originalLine-1-previousOriginalLine),previousOriginalLine=mapping.originalLine-1,next+=base64VLQ.encode(mapping.originalColumn-previousOriginalColumn),previousOriginalColumn=mapping.originalColumn,null!=mapping.name&&(nameIdx=this._names.indexOf(mapping.name),next+=base64VLQ.encode(nameIdx-previousName),previousName=nameIdx)),result+=next}return result},SourceMapGenerator.prototype._generateSourcesContent=function SourceMapGenerator_generateSourcesContent(aSources,aSourceRoot){return aSources.map((function(source){if(!this._sourcesContents)return null;null!=aSourceRoot&&(source=util.relative(aSourceRoot,source));var key=util.toSetString(source);return Object.prototype.hasOwnProperty.call(this._sourcesContents,key)?this._sourcesContents[key]:null}),this)},SourceMapGenerator.prototype.toJSON=function SourceMapGenerator_toJSON(){var map={version:this._version,sources:this._sources.toArray(),names:this._names.toArray(),mappings:this._serializeMappings()};return null!=this._file&&(map.file=this._file),null!=this._sourceRoot&&(map.sourceRoot=this._sourceRoot),this._sourcesContents&&(map.sourcesContent=this._generateSourcesContent(map.sources,map.sourceRoot)),map},SourceMapGenerator.prototype.toString=function SourceMapGenerator_toString(){return JSON.stringify(this.toJSON())},exports.SourceMapGenerator=SourceMapGenerator},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-node.js":function(module,exports,__webpack_require__){var SourceMapGenerator=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-map-generator.js").SourceMapGenerator,util=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/util.js"),REGEX_NEWLINE=/(\r?\n)/,isSourceNode="$$$isSourceNode$$$";function SourceNode(aLine,aColumn,aSource,aChunks,aName){this.children=[],this.sourceContents={},this.line=null==aLine?null:aLine,this.column=null==aColumn?null:aColumn,this.source=null==aSource?null:aSource,this.name=null==aName?null:aName,this[isSourceNode]=!0,null!=aChunks&&this.add(aChunks)}SourceNode.fromStringWithSourceMap=function SourceNode_fromStringWithSourceMap(aGeneratedCode,aSourceMapConsumer,aRelativePath){var node=new SourceNode,remainingLines=aGeneratedCode.split(REGEX_NEWLINE),remainingLinesIndex=0,shiftNextLine=function(){return getNextLine()+(getNextLine()||"");function getNextLine(){return remainingLinesIndex<remainingLines.length?remainingLines[remainingLinesIndex++]:void 0}},lastGeneratedLine=1,lastGeneratedColumn=0,lastMapping=null;return aSourceMapConsumer.eachMapping((function(mapping){if(null!==lastMapping){if(!(lastGeneratedLine<mapping.generatedLine)){var code=(nextLine=remainingLines[remainingLinesIndex]||"").substr(0,mapping.generatedColumn-lastGeneratedColumn);return remainingLines[remainingLinesIndex]=nextLine.substr(mapping.generatedColumn-lastGeneratedColumn),lastGeneratedColumn=mapping.generatedColumn,addMappingWithCode(lastMapping,code),void(lastMapping=mapping)}addMappingWithCode(lastMapping,shiftNextLine()),lastGeneratedLine++,lastGeneratedColumn=0}for(;lastGeneratedLine<mapping.generatedLine;)node.add(shiftNextLine()),lastGeneratedLine++;if(lastGeneratedColumn<mapping.generatedColumn){var nextLine=remainingLines[remainingLinesIndex]||"";node.add(nextLine.substr(0,mapping.generatedColumn)),remainingLines[remainingLinesIndex]=nextLine.substr(mapping.generatedColumn),lastGeneratedColumn=mapping.generatedColumn}lastMapping=mapping}),this),remainingLinesIndex<remainingLines.length&&(lastMapping&&addMappingWithCode(lastMapping,shiftNextLine()),node.add(remainingLines.splice(remainingLinesIndex).join(""))),aSourceMapConsumer.sources.forEach((function(sourceFile){var content=aSourceMapConsumer.sourceContentFor(sourceFile);null!=content&&(null!=aRelativePath&&(sourceFile=util.join(aRelativePath,sourceFile)),node.setSourceContent(sourceFile,content))})),node;function addMappingWithCode(mapping,code){if(null===mapping||void 0===mapping.source)node.add(code);else{var source=aRelativePath?util.join(aRelativePath,mapping.source):mapping.source;node.add(new SourceNode(mapping.originalLine,mapping.originalColumn,source,code,mapping.name))}}},SourceNode.prototype.add=function SourceNode_add(aChunk){if(Array.isArray(aChunk))aChunk.forEach((function(chunk){this.add(chunk)}),this);else{if(!aChunk[isSourceNode]&&"string"!=typeof aChunk)throw new TypeError("Expected a SourceNode, string, or an array of SourceNodes and strings. Got "+aChunk);aChunk&&this.children.push(aChunk)}return this},SourceNode.prototype.prepend=function SourceNode_prepend(aChunk){if(Array.isArray(aChunk))for(var i=aChunk.length-1;i>=0;i--)this.prepend(aChunk[i]);else{if(!aChunk[isSourceNode]&&"string"!=typeof aChunk)throw new TypeError("Expected a SourceNode, string, or an array of SourceNodes and strings. Got "+aChunk);this.children.unshift(aChunk)}return this},SourceNode.prototype.walk=function SourceNode_walk(aFn){for(var chunk,i=0,len=this.children.length;i<len;i++)(chunk=this.children[i])[isSourceNode]?chunk.walk(aFn):""!==chunk&&aFn(chunk,{source:this.source,line:this.line,column:this.column,name:this.name})},SourceNode.prototype.join=function SourceNode_join(aSep){var newChildren,i,len=this.children.length;if(len>0){for(newChildren=[],i=0;i<len-1;i++)newChildren.push(this.children[i]),newChildren.push(aSep);newChildren.push(this.children[i]),this.children=newChildren}return this},SourceNode.prototype.replaceRight=function SourceNode_replaceRight(aPattern,aReplacement){var lastChild=this.children[this.children.length-1];return lastChild[isSourceNode]?lastChild.replaceRight(aPattern,aReplacement):"string"==typeof lastChild?this.children[this.children.length-1]=lastChild.replace(aPattern,aReplacement):this.children.push("".replace(aPattern,aReplacement)),this},SourceNode.prototype.setSourceContent=function SourceNode_setSourceContent(aSourceFile,aSourceContent){this.sourceContents[util.toSetString(aSourceFile)]=aSourceContent},SourceNode.prototype.walkSourceContents=function SourceNode_walkSourceContents(aFn){for(var i=0,len=this.children.length;i<len;i++)this.children[i][isSourceNode]&&this.children[i].walkSourceContents(aFn);var sources=Object.keys(this.sourceContents);for(i=0,len=sources.length;i<len;i++)aFn(util.fromSetString(sources[i]),this.sourceContents[sources[i]])},SourceNode.prototype.toString=function SourceNode_toString(){var str="";return this.walk((function(chunk){str+=chunk})),str},SourceNode.prototype.toStringWithSourceMap=function SourceNode_toStringWithSourceMap(aArgs){var generated={code:"",line:1,column:0},map=new SourceMapGenerator(aArgs),sourceMappingActive=!1,lastOriginalSource=null,lastOriginalLine=null,lastOriginalColumn=null,lastOriginalName=null;return this.walk((function(chunk,original){generated.code+=chunk,null!==original.source&&null!==original.line&&null!==original.column?(lastOriginalSource===original.source&&lastOriginalLine===original.line&&lastOriginalColumn===original.column&&lastOriginalName===original.name||map.addMapping({source:original.source,original:{line:original.line,column:original.column},generated:{line:generated.line,column:generated.column},name:original.name}),lastOriginalSource=original.source,lastOriginalLine=original.line,lastOriginalColumn=original.column,lastOriginalName=original.name,sourceMappingActive=!0):sourceMappingActive&&(map.addMapping({generated:{line:generated.line,column:generated.column}}),lastOriginalSource=null,sourceMappingActive=!1);for(var idx=0,length=chunk.length;idx<length;idx++)10===chunk.charCodeAt(idx)?(generated.line++,generated.column=0,idx+1===length?(lastOriginalSource=null,sourceMappingActive=!1):sourceMappingActive&&map.addMapping({source:original.source,original:{line:original.line,column:original.column},generated:{line:generated.line,column:generated.column},name:original.name})):generated.column++})),this.walkSourceContents((function(sourceFile,sourceContent){map.setSourceContent(sourceFile,sourceContent)})),{code:generated.code,map:map}},exports.SourceNode=SourceNode},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/util.js":function(module,exports){exports.getArg=function getArg(aArgs,aName,aDefaultValue){if(aName in aArgs)return aArgs[aName];if(3===arguments.length)return aDefaultValue;throw new Error('"'+aName+'" is a required argument.')};var urlRegexp=/^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.-]*)(?::(\d+))?(.*)$/,dataUrlRegexp=/^data:.+\,.+$/;function urlParse(aUrl){var match=aUrl.match(urlRegexp);return match?{scheme:match[1],auth:match[2],host:match[3],port:match[4],path:match[5]}:null}function urlGenerate(aParsedUrl){var url="";return aParsedUrl.scheme&&(url+=aParsedUrl.scheme+":"),url+="//",aParsedUrl.auth&&(url+=aParsedUrl.auth+"@"),aParsedUrl.host&&(url+=aParsedUrl.host),aParsedUrl.port&&(url+=":"+aParsedUrl.port),aParsedUrl.path&&(url+=aParsedUrl.path),url}function normalize(aPath){var path=aPath,url=urlParse(aPath);if(url){if(!url.path)return aPath;path=url.path}for(var part,isAbsolute=exports.isAbsolute(path),parts=path.split(/\/+/),up=0,i=parts.length-1;i>=0;i--)"."===(part=parts[i])?parts.splice(i,1):".."===part?up++:up>0&&(""===part?(parts.splice(i+1,up),up=0):(parts.splice(i,2),up--));return""===(path=parts.join("/"))&&(path=isAbsolute?"/":"."),url?(url.path=path,urlGenerate(url)):path}function join(aRoot,aPath){""===aRoot&&(aRoot="."),""===aPath&&(aPath=".");var aPathUrl=urlParse(aPath),aRootUrl=urlParse(aRoot);if(aRootUrl&&(aRoot=aRootUrl.path||"/"),aPathUrl&&!aPathUrl.scheme)return aRootUrl&&(aPathUrl.scheme=aRootUrl.scheme),urlGenerate(aPathUrl);if(aPathUrl||aPath.match(dataUrlRegexp))return aPath;if(aRootUrl&&!aRootUrl.host&&!aRootUrl.path)return aRootUrl.host=aPath,urlGenerate(aRootUrl);var joined="/"===aPath.charAt(0)?aPath:normalize(aRoot.replace(/\/+$/,"")+"/"+aPath);return aRootUrl?(aRootUrl.path=joined,urlGenerate(aRootUrl)):joined}exports.urlParse=urlParse,exports.urlGenerate=urlGenerate,exports.normalize=normalize,exports.join=join,exports.isAbsolute=function(aPath){return"/"===aPath.charAt(0)||urlRegexp.test(aPath)},exports.relative=function relative(aRoot,aPath){""===aRoot&&(aRoot="."),aRoot=aRoot.replace(/\/$/,"");for(var level=0;0!==aPath.indexOf(aRoot+"/");){var index=aRoot.lastIndexOf("/");if(index<0)return aPath;if((aRoot=aRoot.slice(0,index)).match(/^([^\/]+:\/)?\/*$/))return aPath;++level}return Array(level+1).join("../")+aPath.substr(aRoot.length+1)};var supportsNullProto=!("__proto__"in Object.create(null));function identity(s){return s}function isProtoString(s){if(!s)return!1;var length=s.length;if(length<9)return!1;if(95!==s.charCodeAt(length-1)||95!==s.charCodeAt(length-2)||111!==s.charCodeAt(length-3)||116!==s.charCodeAt(length-4)||111!==s.charCodeAt(length-5)||114!==s.charCodeAt(length-6)||112!==s.charCodeAt(length-7)||95!==s.charCodeAt(length-8)||95!==s.charCodeAt(length-9))return!1;for(var i=length-10;i>=0;i--)if(36!==s.charCodeAt(i))return!1;return!0}function strcmp(aStr1,aStr2){return aStr1===aStr2?0:null===aStr1?1:null===aStr2?-1:aStr1>aStr2?1:-1}exports.toSetString=supportsNullProto?identity:function toSetString(aStr){return isProtoString(aStr)?"$"+aStr:aStr},exports.fromSetString=supportsNullProto?identity:function fromSetString(aStr){return isProtoString(aStr)?aStr.slice(1):aStr},exports.compareByOriginalPositions=function compareByOriginalPositions(mappingA,mappingB,onlyCompareOriginal){var cmp=strcmp(mappingA.source,mappingB.source);return 0!==cmp||0!==(cmp=mappingA.originalLine-mappingB.originalLine)||0!==(cmp=mappingA.originalColumn-mappingB.originalColumn)||onlyCompareOriginal||0!==(cmp=mappingA.generatedColumn-mappingB.generatedColumn)||0!==(cmp=mappingA.generatedLine-mappingB.generatedLine)?cmp:strcmp(mappingA.name,mappingB.name)},exports.compareByGeneratedPositionsDeflated=function compareByGeneratedPositionsDeflated(mappingA,mappingB,onlyCompareGenerated){var cmp=mappingA.generatedLine-mappingB.generatedLine;return 0!==cmp||0!==(cmp=mappingA.generatedColumn-mappingB.generatedColumn)||onlyCompareGenerated||0!==(cmp=strcmp(mappingA.source,mappingB.source))||0!==(cmp=mappingA.originalLine-mappingB.originalLine)||0!==(cmp=mappingA.originalColumn-mappingB.originalColumn)?cmp:strcmp(mappingA.name,mappingB.name)},exports.compareByGeneratedPositionsInflated=function compareByGeneratedPositionsInflated(mappingA,mappingB){var cmp=mappingA.generatedLine-mappingB.generatedLine;return 0!==cmp||0!==(cmp=mappingA.generatedColumn-mappingB.generatedColumn)||0!==(cmp=strcmp(mappingA.source,mappingB.source))||0!==(cmp=mappingA.originalLine-mappingB.originalLine)||0!==(cmp=mappingA.originalColumn-mappingB.originalColumn)?cmp:strcmp(mappingA.name,mappingB.name)},exports.parseSourceMapInput=function parseSourceMapInput(str){return JSON.parse(str.replace(/^\)]}'[^\n]*\n/,""))},exports.computeSourceURL=function computeSourceURL(sourceRoot,sourceURL,sourceMapURL){if(sourceURL=sourceURL||"",sourceRoot&&("/"!==sourceRoot[sourceRoot.length-1]&&"/"!==sourceURL[0]&&(sourceRoot+="/"),sourceURL=sourceRoot+sourceURL),sourceMapURL){var parsed=urlParse(sourceMapURL);if(!parsed)throw new Error("sourceMapURL could not be parsed");if(parsed.path){var index=parsed.path.lastIndexOf("/");index>=0&&(parsed.path=parsed.path.substring(0,index+1))}sourceURL=join(urlGenerate(parsed),sourceURL)}return normalize(sourceURL)}},"./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/source-map.js":function(module,exports,__webpack_require__){exports.SourceMapGenerator=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-map-generator.js").SourceMapGenerator,exports.SourceMapConsumer=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-map-consumer.js").SourceMapConsumer,exports.SourceNode=__webpack_require__("./node_modules/@storybook/react/node_modules/escodegen/node_modules/source-map/lib/source-node.js").SourceNode},"./node_modules/@storybook/react/node_modules/escodegen/package.json":function(module){module.exports=JSON.parse('{"name":"escodegen","description":"ECMAScript code generator","homepage":"http://github.com/estools/escodegen","main":"escodegen.js","bin":{"esgenerate":"./bin/esgenerate.js","escodegen":"./bin/escodegen.js"},"files":["LICENSE.BSD","README.md","bin","escodegen.js","package.json"],"version":"2.0.0","engines":{"node":">=6.0"},"maintainers":[{"name":"Yusuke Suzuki","email":"utatane.tea@gmail.com","web":"http://github.com/Constellation"}],"repository":{"type":"git","url":"http://github.com/estools/escodegen.git"},"dependencies":{"estraverse":"^5.2.0","esutils":"^2.0.2","esprima":"^4.0.1","optionator":"^0.8.1"},"optionalDependencies":{"source-map":"~0.6.1"},"devDependencies":{"acorn":"^7.3.1","bluebird":"^3.4.7","bower-registry-client":"^1.0.0","chai":"^4.2.0","chai-exclude":"^2.0.2","commonjs-everywhere":"^0.9.7","gulp":"^3.8.10","gulp-eslint":"^3.0.1","gulp-mocha":"^3.0.1","semver":"^5.1.0"},"license":"BSD-2-Clause","scripts":{"test":"gulp travis","unit-test":"gulp test","lint":"gulp lint","release":"node tools/release.js","build-min":"./node_modules/.bin/cjsify -ma path: tools/entry-point.js > escodegen.browser.min.js","build":"./node_modules/.bin/cjsify -a path: tools/entry-point.js > escodegen.browser.js"}}')},"./node_modules/@storybook/react/node_modules/estraverse/estraverse.js":function(module,exports){!function clone(exports){"use strict";var Syntax,VisitorOption,VisitorKeys,BREAK,SKIP,REMOVE;function deepCopy(obj){var key,val,ret={};for(key in obj)obj.hasOwnProperty(key)&&(val=obj[key],ret[key]="object"==typeof val&&null!==val?deepCopy(val):val);return ret}function Reference(parent,key){this.parent=parent,this.key=key}function Element(node,path,wrap,ref){this.node=node,this.path=path,this.wrap=wrap,this.ref=ref}function Controller(){}function isNode(node){return null!=node&&("object"==typeof node&&"string"==typeof node.type)}function isProperty(nodeType,key){return(nodeType===Syntax.ObjectExpression||nodeType===Syntax.ObjectPattern)&&"properties"===key}function candidateExistsInLeaveList(leavelist,candidate){for(var i=leavelist.length-1;i>=0;--i)if(leavelist[i].node===candidate)return!0;return!1}function traverse(root,visitor){return(new Controller).traverse(root,visitor)}function extendCommentRange(comment,tokens){var target;return target=function upperBound(array,func){var diff,len,i,current;for(len=array.length,i=0;len;)func(array[current=i+(diff=len>>>1)])?len=diff:(i=current+1,len-=diff+1);return i}(tokens,(function search(token){return token.range[0]>comment.range[0]})),comment.extendedRange=[comment.range[0],comment.range[1]],target!==tokens.length&&(comment.extendedRange[1]=tokens[target].range[0]),(target-=1)>=0&&(comment.extendedRange[0]=tokens[target].range[1]),comment}return Syntax={AssignmentExpression:"AssignmentExpression",AssignmentPattern:"AssignmentPattern",ArrayExpression:"ArrayExpression",ArrayPattern:"ArrayPattern",ArrowFunctionExpression:"ArrowFunctionExpression",AwaitExpression:"AwaitExpression",BlockStatement:"BlockStatement",BinaryExpression:"BinaryExpression",BreakStatement:"BreakStatement",CallExpression:"CallExpression",CatchClause:"CatchClause",ChainExpression:"ChainExpression",ClassBody:"ClassBody",ClassDeclaration:"ClassDeclaration",ClassExpression:"ClassExpression",ComprehensionBlock:"ComprehensionBlock",ComprehensionExpression:"ComprehensionExpression",ConditionalExpression:"ConditionalExpression",ContinueStatement:"ContinueStatement",DebuggerStatement:"DebuggerStatement",DirectiveStatement:"DirectiveStatement",DoWhileStatement:"DoWhileStatement",EmptyStatement:"EmptyStatement",ExportAllDeclaration:"ExportAllDeclaration",ExportDefaultDeclaration:"ExportDefaultDeclaration",ExportNamedDeclaration:"ExportNamedDeclaration",ExportSpecifier:"ExportSpecifier",ExpressionStatement:"ExpressionStatement",ForStatement:"ForStatement",ForInStatement:"ForInStatement",ForOfStatement:"ForOfStatement",FunctionDeclaration:"FunctionDeclaration",FunctionExpression:"FunctionExpression",GeneratorExpression:"GeneratorExpression",Identifier:"Identifier",IfStatement:"IfStatement",ImportExpression:"ImportExpression",ImportDeclaration:"ImportDeclaration",ImportDefaultSpecifier:"ImportDefaultSpecifier",ImportNamespaceSpecifier:"ImportNamespaceSpecifier",ImportSpecifier:"ImportSpecifier",Literal:"Literal",LabeledStatement:"LabeledStatement",LogicalExpression:"LogicalExpression",MemberExpression:"MemberExpression",MetaProperty:"MetaProperty",MethodDefinition:"MethodDefinition",ModuleSpecifier:"ModuleSpecifier",NewExpression:"NewExpression",ObjectExpression:"ObjectExpression",ObjectPattern:"ObjectPattern",PrivateIdentifier:"PrivateIdentifier",Program:"Program",Property:"Property",PropertyDefinition:"PropertyDefinition",RestElement:"RestElement",ReturnStatement:"ReturnStatement",SequenceExpression:"SequenceExpression",SpreadElement:"SpreadElement",Super:"Super",SwitchStatement:"SwitchStatement",SwitchCase:"SwitchCase",TaggedTemplateExpression:"TaggedTemplateExpression",TemplateElement:"TemplateElement",TemplateLiteral:"TemplateLiteral",ThisExpression:"ThisExpression",ThrowStatement:"ThrowStatement",TryStatement:"TryStatement",UnaryExpression:"UnaryExpression",UpdateExpression:"UpdateExpression",VariableDeclaration:"VariableDeclaration",VariableDeclarator:"VariableDeclarator",WhileStatement:"WhileStatement",WithStatement:"WithStatement",YieldExpression:"YieldExpression"},VisitorKeys={AssignmentExpression:["left","right"],AssignmentPattern:["left","right"],ArrayExpression:["elements"],ArrayPattern:["elements"],ArrowFunctionExpression:["params","body"],AwaitExpression:["argument"],BlockStatement:["body"],BinaryExpression:["left","right"],BreakStatement:["label"],CallExpression:["callee","arguments"],CatchClause:["param","body"],ChainExpression:["expression"],ClassBody:["body"],ClassDeclaration:["id","superClass","body"],ClassExpression:["id","superClass","body"],ComprehensionBlock:["left","right"],ComprehensionExpression:["blocks","filter","body"],ConditionalExpression:["test","consequent","alternate"],ContinueStatement:["label"],DebuggerStatement:[],DirectiveStatement:[],DoWhileStatement:["body","test"],EmptyStatement:[],ExportAllDeclaration:["source"],ExportDefaultDeclaration:["declaration"],ExportNamedDeclaration:["declaration","specifiers","source"],ExportSpecifier:["exported","local"],ExpressionStatement:["expression"],ForStatement:["init","test","update","body"],ForInStatement:["left","right","body"],ForOfStatement:["left","right","body"],FunctionDeclaration:["id","params","body"],FunctionExpression:["id","params","body"],GeneratorExpression:["blocks","filter","body"],Identifier:[],IfStatement:["test","consequent","alternate"],ImportExpression:["source"],ImportDeclaration:["specifiers","source"],ImportDefaultSpecifier:["local"],ImportNamespaceSpecifier:["local"],ImportSpecifier:["imported","local"],Literal:[],LabeledStatement:["label","body"],LogicalExpression:["left","right"],MemberExpression:["object","property"],MetaProperty:["meta","property"],MethodDefinition:["key","value"],ModuleSpecifier:[],NewExpression:["callee","arguments"],ObjectExpression:["properties"],ObjectPattern:["properties"],PrivateIdentifier:[],Program:["body"],Property:["key","value"],PropertyDefinition:["key","value"],RestElement:["argument"],ReturnStatement:["argument"],SequenceExpression:["expressions"],SpreadElement:["argument"],Super:[],SwitchStatement:["discriminant","cases"],SwitchCase:["test","consequent"],TaggedTemplateExpression:["tag","quasi"],TemplateElement:[],TemplateLiteral:["quasis","expressions"],ThisExpression:[],ThrowStatement:["argument"],TryStatement:["block","handler","finalizer"],UnaryExpression:["argument"],UpdateExpression:["argument"],VariableDeclaration:["declarations"],VariableDeclarator:["id","init"],WhileStatement:["test","body"],WithStatement:["object","body"],YieldExpression:["argument"]},VisitorOption={Break:BREAK={},Skip:SKIP={},Remove:REMOVE={}},Reference.prototype.replace=function replace(node){this.parent[this.key]=node},Reference.prototype.remove=function remove(){return Array.isArray(this.parent)?(this.parent.splice(this.key,1),!0):(this.replace(null),!1)},Controller.prototype.path=function path(){var i,iz,j,jz,result;function addToPath(result,path){if(Array.isArray(path))for(j=0,jz=path.length;j<jz;++j)result.push(path[j]);else result.push(path)}if(!this.__current.path)return null;for(result=[],i=2,iz=this.__leavelist.length;i<iz;++i)addToPath(result,this.__leavelist[i].path);return addToPath(result,this.__current.path),result},Controller.prototype.type=function(){return this.current().type||this.__current.wrap},Controller.prototype.parents=function parents(){var i,iz,result;for(result=[],i=1,iz=this.__leavelist.length;i<iz;++i)result.push(this.__leavelist[i].node);return result},Controller.prototype.current=function current(){return this.__current.node},Controller.prototype.__execute=function __execute(callback,element){var previous,result;return result=void 0,previous=this.__current,this.__current=element,this.__state=null,callback&&(result=callback.call(this,element.node,this.__leavelist[this.__leavelist.length-1].node)),this.__current=previous,result},Controller.prototype.notify=function notify(flag){this.__state=flag},Controller.prototype.skip=function(){this.notify(SKIP)},Controller.prototype.break=function(){this.notify(BREAK)},Controller.prototype.remove=function(){this.notify(REMOVE)},Controller.prototype.__initialize=function(root,visitor){this.visitor=visitor,this.root=root,this.__worklist=[],this.__leavelist=[],this.__current=null,this.__state=null,this.__fallback=null,"iteration"===visitor.fallback?this.__fallback=Object.keys:"function"==typeof visitor.fallback&&(this.__fallback=visitor.fallback),this.__keys=VisitorKeys,visitor.keys&&(this.__keys=Object.assign(Object.create(this.__keys),visitor.keys))},Controller.prototype.traverse=function traverse(root,visitor){var worklist,leavelist,element,node,nodeType,ret,key,current,current2,candidates,candidate,sentinel;for(this.__initialize(root,visitor),sentinel={},worklist=this.__worklist,leavelist=this.__leavelist,worklist.push(new Element(root,null,null,null)),leavelist.push(new Element(null,null,null,null));worklist.length;)if((element=worklist.pop())!==sentinel){if(element.node){if(ret=this.__execute(visitor.enter,element),this.__state===BREAK||ret===BREAK)return;if(worklist.push(sentinel),leavelist.push(element),this.__state===SKIP||ret===SKIP)continue;if(nodeType=(node=element.node).type||element.wrap,!(candidates=this.__keys[nodeType])){if(!this.__fallback)throw new Error("Unknown node type "+nodeType+".");candidates=this.__fallback(node)}for(current=candidates.length;(current-=1)>=0;)if(candidate=node[key=candidates[current]])if(Array.isArray(candidate)){for(current2=candidate.length;(current2-=1)>=0;)if(candidate[current2]&&!candidateExistsInLeaveList(leavelist,candidate[current2])){if(isProperty(nodeType,candidates[current]))element=new Element(candidate[current2],[key,current2],"Property",null);else{if(!isNode(candidate[current2]))continue;element=new Element(candidate[current2],[key,current2],null,null)}worklist.push(element)}}else if(isNode(candidate)){if(candidateExistsInLeaveList(leavelist,candidate))continue;worklist.push(new Element(candidate,key,null,null))}}}else if(element=leavelist.pop(),ret=this.__execute(visitor.leave,element),this.__state===BREAK||ret===BREAK)return},Controller.prototype.replace=function replace(root,visitor){var worklist,leavelist,node,nodeType,target,element,current,current2,candidates,candidate,sentinel,outer,key;function removeElem(element){var i,key,nextElem,parent;if(element.ref.remove())for(key=element.ref.key,parent=element.ref.parent,i=worklist.length;i--;)if((nextElem=worklist[i]).ref&&nextElem.ref.parent===parent){if(nextElem.ref.key<key)break;--nextElem.ref.key}}for(this.__initialize(root,visitor),sentinel={},worklist=this.__worklist,leavelist=this.__leavelist,element=new Element(root,null,null,new Reference(outer={root:root},"root")),worklist.push(element),leavelist.push(element);worklist.length;)if((element=worklist.pop())!==sentinel){if(void 0!==(target=this.__execute(visitor.enter,element))&&target!==BREAK&&target!==SKIP&&target!==REMOVE&&(element.ref.replace(target),element.node=target),this.__state!==REMOVE&&target!==REMOVE||(removeElem(element),element.node=null),this.__state===BREAK||target===BREAK)return outer.root;if((node=element.node)&&(worklist.push(sentinel),leavelist.push(element),this.__state!==SKIP&&target!==SKIP)){if(nodeType=node.type||element.wrap,!(candidates=this.__keys[nodeType])){if(!this.__fallback)throw new Error("Unknown node type "+nodeType+".");candidates=this.__fallback(node)}for(current=candidates.length;(current-=1)>=0;)if(candidate=node[key=candidates[current]])if(Array.isArray(candidate)){for(current2=candidate.length;(current2-=1)>=0;)if(candidate[current2]){if(isProperty(nodeType,candidates[current]))element=new Element(candidate[current2],[key,current2],"Property",new Reference(candidate,current2));else{if(!isNode(candidate[current2]))continue;element=new Element(candidate[current2],[key,current2],null,new Reference(candidate,current2))}worklist.push(element)}}else isNode(candidate)&&worklist.push(new Element(candidate,key,null,new Reference(node,key)))}}else if(element=leavelist.pop(),void 0!==(target=this.__execute(visitor.leave,element))&&target!==BREAK&&target!==SKIP&&target!==REMOVE&&element.ref.replace(target),this.__state!==REMOVE&&target!==REMOVE||removeElem(element),this.__state===BREAK||target===BREAK)return outer.root;return outer.root},exports.Syntax=Syntax,exports.traverse=traverse,exports.replace=function replace(root,visitor){return(new Controller).replace(root,visitor)},exports.attachComments=function attachComments(tree,providedComments,tokens){var comment,len,i,cursor,comments=[];if(!tree.range)throw new Error("attachComments needs range information");if(!tokens.length){if(providedComments.length){for(i=0,len=providedComments.length;i<len;i+=1)(comment=deepCopy(providedComments[i])).extendedRange=[0,tree.range[0]],comments.push(comment);tree.leadingComments=comments}return tree}for(i=0,len=providedComments.length;i<len;i+=1)comments.push(extendCommentRange(deepCopy(providedComments[i]),tokens));return cursor=0,traverse(tree,{enter:function(node){for(var comment;cursor<comments.length&&!((comment=comments[cursor]).extendedRange[1]>node.range[0]);)comment.extendedRange[1]===node.range[0]?(node.leadingComments||(node.leadingComments=[]),node.leadingComments.push(comment),comments.splice(cursor,1)):cursor+=1;return cursor===comments.length?VisitorOption.Break:comments[cursor].extendedRange[0]>node.range[1]?VisitorOption.Skip:void 0}}),cursor=0,traverse(tree,{leave:function(node){for(var comment;cursor<comments.length&&(comment=comments[cursor],!(node.range[1]<comment.extendedRange[0]));)node.range[1]===comment.extendedRange[0]?(node.trailingComments||(node.trailingComments=[]),node.trailingComments.push(comment),comments.splice(cursor,1)):cursor+=1;return cursor===comments.length?VisitorOption.Break:comments[cursor].extendedRange[0]>node.range[1]?VisitorOption.Skip:void 0}}),tree},exports.VisitorKeys=VisitorKeys,exports.VisitorOption=VisitorOption,exports.Controller=Controller,exports.cloneEnvironment=function(){return clone({})},exports}(exports)},"./node_modules/@storybook/router/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global,process){__webpack_require__.d(__webpack_exports__,"a",(function(){return buildArgsParam})),__webpack_require__.d(__webpack_exports__,"b",(function(){return queryFromLocation}));__webpack_require__("./node_modules/core-js/modules/esnext.global-this.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.flags.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-names.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.uint8-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.copy-within.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.last-index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.reduce-right.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.reverse.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.set.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.subarray.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.to-locale-string.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.to-string.js"),__webpack_require__("./node_modules/core-js/modules/esnext.aggregate-error.js"),__webpack_require__("./node_modules/core-js/modules/es.array-buffer.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.float32-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.float64-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.int8-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.int16-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.int32-array.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.uint8-clamped-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.uint16-array.js"),__webpack_require__("./node_modules/core-js/modules/es.typed-array.uint32-array.js"),__webpack_require__("./node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("./node_modules/core-js/modules/es.weak-set.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js");var _templateObject,_storybook_client_logger__WEBPACK_IMPORTED_MODULE_82__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),util__WEBPACK_IMPORTED_MODULE_83__=__webpack_require__("./node_modules/util/util.js"),util__WEBPACK_IMPORTED_MODULE_83___default=__webpack_require__.n(util__WEBPACK_IMPORTED_MODULE_83__),react__WEBPACK_IMPORTED_MODULE_84__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_84___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_84__);function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==global?global:"undefined"!=typeof self?self:{},fastDeepEqual=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==_typeof(a)&&"object"==_typeof(b)){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b},freeGlobal="object"==_typeof(commonjsGlobal)&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,freeSelf="object"==("undefined"==typeof self?"undefined":_typeof(self))&&self&&self.Object===Object&&self,_Symbol=(freeGlobal||freeSelf||Function("return this")()).Symbol,Symbol$2=_Symbol,objectProto$2=Object.prototype,hasOwnProperty$1=objectProto$2.hasOwnProperty,nativeObjectToString$1=objectProto$2.toString,symToStringTag$1=Symbol$2?Symbol$2.toStringTag:void 0;var _getRawTag=function getRawTag$1(value){var isOwn=hasOwnProperty$1.call(value,symToStringTag$1),tag=value[symToStringTag$1];try{value[symToStringTag$1]=void 0;var unmasked=!0}catch(e){}var result=nativeObjectToString$1.call(value);return unmasked&&(isOwn?value[symToStringTag$1]=tag:delete value[symToStringTag$1]),result},nativeObjectToString=Object.prototype.toString;var getRawTag=_getRawTag,objectToString$1=function objectToString$2(value){return nativeObjectToString.call(value)},symToStringTag=_Symbol?_Symbol.toStringTag:void 0;var _baseGetTag=function baseGetTag$1(value){return null==value?void 0===value?"[object Undefined]":"[object Null]":symToStringTag&&symToStringTag in Object(value)?getRawTag(value):objectToString$1(value)};var getPrototype$1=function overArg$1(func,transform){return function(arg){return func(transform(arg))}}(Object.getPrototypeOf,Object);var baseGetTag=_baseGetTag,getPrototype=getPrototype$1,isObjectLike=function isObjectLike$1(value){return null!=value&&"object"==_typeof(value)},funcProto=Function.prototype,objectProto=Object.prototype,funcToString=funcProto.toString,hasOwnProperty=objectProto.hasOwnProperty,objectCtorString=funcToString.call(Object);var isPlainObject_1=function isPlainObject(value){if(!isObjectLike(value)||"[object Object]"!=baseGetTag(value))return!1;var proto=getPrototype(value);if(null===proto)return!0;var Ctor=hasOwnProperty.call(proto,"constructor")&&proto.constructor;return"function"==typeof Ctor&&Ctor instanceof Ctor&&funcToString.call(Ctor)==objectCtorString};function Similar(){return this.list=[],this.lastItem=void 0,this.size=0,this}Similar.prototype.get=function(key){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?this.lastItem.val:(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val):void 0},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key:key,val:val},this.list.push(this.lastItem),this.size++,this)},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),(index=this.indexOf(key))>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return!(!this.lastItem||!this.isEqual(this.lastItem.key,key))||(index=this.indexOf(key))>=0&&(this.lastItem=this.list[index],!0)},Similar.prototype.forEach=function(callback,thisArg){var i;for(i=0;i<this.size;i++)callback.call(thisArg||this,this.list[i].val,this.list[i].key,this)},Similar.prototype.indexOf=function(key){var i;for(i=0;i<this.size;i++)if(this.isEqual(this.list[i].key,key))return i;return-1},Similar.prototype.isEqual=function(val1,val2){return val1===val2||val1!=val1&&val2!=val2};var similar=Similar,MapOrSimilar=function mapOrSimilar(forceSimilar){return"function"!=typeof Map||forceSimilar?new similar:new Map},memoizerific=function memoizerific(limit){var cache=new MapOrSimilar("true"===process.env.FORCE_SIMILAR_INSTEAD_OF_MAP),lru=[];return function(fn){var memoizerific=function memoizerific(){var newMap,fnResult,i,currentCache=cache,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0;if((memoizerific.numArgs||0===memoizerific.numArgs)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i=0;i<argsLengthMinusOne;i++)lruPath[i]={cacheItem:currentCache,arg:arguments[i]},currentCache.has(arguments[i])?currentCache=currentCache.get(arguments[i]):(isMemoized=!1,newMap=new MapOrSimilar("true"===process.env.FORCE_SIMILAR_INSTEAD_OF_MAP),currentCache.set(arguments[i],newMap),currentCache=newMap);return isMemoized&&(currentCache.has(arguments[argsLengthMinusOne])?fnResult=currentCache.get(arguments[argsLengthMinusOne]):isMemoized=!1),isMemoized||(fnResult=fn.apply(null,arguments),currentCache.set(arguments[argsLengthMinusOne],fnResult)),limit>0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}};function moveToMostRecentLru(lru,lruPath){var isMatch,i,ii,val1,val2,lruLen=lru.length,lruPathLen=lruPath.length;for(i=0;i<lruLen;i++){for(isMatch=!0,ii=0;ii<lruPathLen;ii++)if(val1=lru[i][ii].arg,val2=lruPath[ii].arg,val1!==val2&&(val1==val1||val2==val2)){isMatch=!1;break}if(isMatch)break}lru.push(lru.splice(i,1)[0])}function removeCachedResult(removedLru){var tmp,i,removedLruLen=removedLru.length,currentLru=removedLru[removedLruLen-1];for(currentLru.cacheItem.delete(currentLru.arg),i=removedLruLen-2;i>=0&&(!(tmp=(currentLru=removedLru[i]).cacheItem.get(currentLru.arg))||!tmp.size);i--)currentLru.cacheItem.delete(currentLru.arg)}var origSymbol="undefined"!=typeof Symbol&&Symbol,hasSymbolSham=function hasSymbols(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"===_typeof(Symbol.iterator))return!0;var obj={},sym=Symbol("test"),symObj=Object(sym);if("string"==typeof sym)return!1;if("[object Symbol]"!==Object.prototype.toString.call(sym))return!1;if("[object Symbol]"!==Object.prototype.toString.call(symObj))return!1;for(sym in obj[sym]=42,obj)return!1;if("function"==typeof Object.keys&&0!==Object.keys(obj).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(obj).length)return!1;var syms=Object.getOwnPropertySymbols(obj);if(1!==syms.length||syms[0]!==sym)return!1;if(!Object.prototype.propertyIsEnumerable.call(obj,sym))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var descriptor=Object.getOwnPropertyDescriptor(obj,sym);if(42!==descriptor.value||!0!==descriptor.enumerable)return!1}return!0},ERROR_MESSAGE="Function.prototype.bind called on incompatible ",slice=Array.prototype.slice,toStr$1=Object.prototype.toString,implementation=function bind(that){var target=this;if("function"!=typeof target||"[object Function]"!==toStr$1.call(target))throw new TypeError(ERROR_MESSAGE+target);for(var bound,args=slice.call(arguments,1),binder=function binder(){if(this instanceof bound){var result=target.apply(this,args.concat(slice.call(arguments)));return Object(result)===result?result:this}return target.apply(that,args.concat(slice.call(arguments)))},boundLength=Math.max(0,target.length-args.length),boundArgs=[],i=0;i<boundLength;i++)boundArgs.push("$"+i);if(bound=Function("binder","return function ("+boundArgs.join(",")+"){ return binder.apply(this,arguments); }")(binder),target.prototype){var Empty=function Empty(){};Empty.prototype=target.prototype,bound.prototype=new Empty,Empty.prototype=null}return bound},functionBind=Function.prototype.bind||implementation,src=functionBind.call(Function.call,Object.prototype.hasOwnProperty),$SyntaxError=SyntaxError,$Function=Function,$TypeError$1=TypeError,getEvalledConstructor=function getEvalledConstructor(expressionSyntax){try{return $Function('"use strict"; return ('+expressionSyntax+").constructor;")()}catch(e){}},$gOPD=Object.getOwnPropertyDescriptor;if($gOPD)try{$gOPD({},"")}catch(e){$gOPD=null}var throwTypeError=function throwTypeError(){throw new $TypeError$1},ThrowTypeError=$gOPD?function(){try{return throwTypeError}catch(calleeThrows){try{return $gOPD(arguments,"callee").get}catch(gOPDthrows){return throwTypeError}}}():throwTypeError,hasSymbols=function hasNativeSymbols(){return"function"==typeof origSymbol&&("function"==typeof Symbol&&("symbol"===_typeof(origSymbol("foo"))&&("symbol"===_typeof(Symbol("bar"))&&hasSymbolSham())))}(),getProto=Object.getPrototypeOf||function(x){return x.__proto__},needsEval={},TypedArray="undefined"==typeof Uint8Array?undefined:getProto(Uint8Array),INTRINSICS={"%AggregateError%":"undefined"==typeof AggregateError?undefined:AggregateError,"%Array%":Array,"%ArrayBuffer%":"undefined"==typeof ArrayBuffer?undefined:ArrayBuffer,"%ArrayIteratorPrototype%":hasSymbols?getProto([][Symbol.iterator]()):undefined,"%AsyncFromSyncIteratorPrototype%":undefined,"%AsyncFunction%":needsEval,"%AsyncGenerator%":needsEval,"%AsyncGeneratorFunction%":needsEval,"%AsyncIteratorPrototype%":needsEval,"%Atomics%":"undefined"==typeof Atomics?undefined:Atomics,"%BigInt%":"undefined"==typeof BigInt?undefined:BigInt,"%Boolean%":Boolean,"%DataView%":"undefined"==typeof DataView?undefined:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":"undefined"==typeof Float32Array?undefined:Float32Array,"%Float64Array%":"undefined"==typeof Float64Array?undefined:Float64Array,"%FinalizationRegistry%":"undefined"==typeof FinalizationRegistry?undefined:FinalizationRegistry,"%Function%":$Function,"%GeneratorFunction%":needsEval,"%Int8Array%":"undefined"==typeof Int8Array?undefined:Int8Array,"%Int16Array%":"undefined"==typeof Int16Array?undefined:Int16Array,"%Int32Array%":"undefined"==typeof Int32Array?undefined:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":hasSymbols?getProto(getProto([][Symbol.iterator]())):undefined,"%JSON%":"object"===("undefined"==typeof JSON?"undefined":_typeof(JSON))?JSON:undefined,"%Map%":"undefined"==typeof Map?undefined:Map,"%MapIteratorPrototype%":"undefined"!=typeof Map&&hasSymbols?getProto((new Map)[Symbol.iterator]()):undefined,"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":"undefined"==typeof Promise?undefined:Promise,"%Proxy%":"undefined"==typeof Proxy?undefined:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":"undefined"==typeof Reflect?undefined:Reflect,"%RegExp%":RegExp,"%Set%":"undefined"==typeof Set?undefined:Set,"%SetIteratorPrototype%":"undefined"!=typeof Set&&hasSymbols?getProto((new Set)[Symbol.iterator]()):undefined,"%SharedArrayBuffer%":"undefined"==typeof SharedArrayBuffer?undefined:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":hasSymbols?getProto(""[Symbol.iterator]()):undefined,"%Symbol%":hasSymbols?Symbol:undefined,"%SyntaxError%":$SyntaxError,"%ThrowTypeError%":ThrowTypeError,"%TypedArray%":TypedArray,"%TypeError%":$TypeError$1,"%Uint8Array%":"undefined"==typeof Uint8Array?undefined:Uint8Array,"%Uint8ClampedArray%":"undefined"==typeof Uint8ClampedArray?undefined:Uint8ClampedArray,"%Uint16Array%":"undefined"==typeof Uint16Array?undefined:Uint16Array,"%Uint32Array%":"undefined"==typeof Uint32Array?undefined:Uint32Array,"%URIError%":URIError,"%WeakMap%":"undefined"==typeof WeakMap?undefined:WeakMap,"%WeakRef%":"undefined"==typeof WeakRef?undefined:WeakRef,"%WeakSet%":"undefined"==typeof WeakSet?undefined:WeakSet},doEval=function doEval(name){var value;if("%AsyncFunction%"===name)value=getEvalledConstructor("async function () {}");else if("%GeneratorFunction%"===name)value=getEvalledConstructor("function* () {}");else if("%AsyncGeneratorFunction%"===name)value=getEvalledConstructor("async function* () {}");else if("%AsyncGenerator%"===name){var fn=doEval("%AsyncGeneratorFunction%");fn&&(value=fn.prototype)}else if("%AsyncIteratorPrototype%"===name){var gen=doEval("%AsyncGenerator%");gen&&(value=getProto(gen.prototype))}return INTRINSICS[name]=value,value},LEGACY_ALIASES={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},bind=functionBind,hasOwn$1=src,$concat$1=bind.call(Function.call,Array.prototype.concat),$spliceApply=bind.call(Function.apply,Array.prototype.splice),$replace$1=bind.call(Function.call,String.prototype.replace),$strSlice=bind.call(Function.call,String.prototype.slice),rePropName=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,reEscapeChar=/\\(\\)?/g,stringToPath=function stringToPath(string){var first=$strSlice(string,0,1),last=$strSlice(string,-1);if("%"===first&&"%"!==last)throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");if("%"===last&&"%"!==first)throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");var result=[];return $replace$1(string,rePropName,(function(match,number,quote,subString){result[result.length]=quote?$replace$1(subString,reEscapeChar,"$1"):number||match})),result},getBaseIntrinsic=function getBaseIntrinsic(name,allowMissing){var alias,intrinsicName=name;if(hasOwn$1(LEGACY_ALIASES,intrinsicName)&&(intrinsicName="%"+(alias=LEGACY_ALIASES[intrinsicName])[0]+"%"),hasOwn$1(INTRINSICS,intrinsicName)){var value=INTRINSICS[intrinsicName];if(value===needsEval&&(value=doEval(intrinsicName)),void 0===value&&!allowMissing)throw new $TypeError$1("intrinsic "+name+" exists, but is not available. Please file an issue!");return{alias:alias,name:intrinsicName,value:value}}throw new $SyntaxError("intrinsic "+name+" does not exist!")},getIntrinsic=function GetIntrinsic(name,allowMissing){if("string"!=typeof name||0===name.length)throw new $TypeError$1("intrinsic name must be a non-empty string");if(arguments.length>1&&"boolean"!=typeof allowMissing)throw new $TypeError$1('"allowMissing" argument must be a boolean');var parts=stringToPath(name),intrinsicBaseName=parts.length>0?parts[0]:"",intrinsic=getBaseIntrinsic("%"+intrinsicBaseName+"%",allowMissing),intrinsicRealName=intrinsic.name,value=intrinsic.value,skipFurtherCaching=!1,alias=intrinsic.alias;alias&&(intrinsicBaseName=alias[0],$spliceApply(parts,$concat$1([0,1],alias)));for(var i=1,isOwn=!0;i<parts.length;i+=1){var part=parts[i],first=$strSlice(part,0,1),last=$strSlice(part,-1);if(('"'===first||"'"===first||"`"===first||'"'===last||"'"===last||"`"===last)&&first!==last)throw new $SyntaxError("property names with quotes must have matching quotes");if("constructor"!==part&&isOwn||(skipFurtherCaching=!0),hasOwn$1(INTRINSICS,intrinsicRealName="%"+(intrinsicBaseName+="."+part)+"%"))value=INTRINSICS[intrinsicRealName];else if(null!=value){if(!(part in value)){if(!allowMissing)throw new $TypeError$1("base intrinsic for "+name+" exists, but the property is not available.");return}if($gOPD&&i+1>=parts.length){var desc=$gOPD(value,part);value=(isOwn=!!desc)&&"get"in desc&&!("originalValue"in desc.get)?desc.get:value[part]}else isOwn=hasOwn$1(value,part),value=value[part];isOwn&&!skipFurtherCaching&&(INTRINSICS[intrinsicRealName]=value)}}return value},callBind$1={exports:{}};!function(module){var bind=functionBind,GetIntrinsic=getIntrinsic,$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);if($gOPD&&$defineProperty){var desc=$gOPD(func,"length");desc.configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))})}return func};var applyBind=function applyBind(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind}(callBind$1);var GetIntrinsic$1=getIntrinsic,callBind=callBind$1.exports,$indexOf=callBind(GetIntrinsic$1("String.prototype.indexOf")),util_inspect=util__WEBPACK_IMPORTED_MODULE_83___default.a.inspect,hasMap="function"==typeof Map&&Map.prototype,mapSizeDescriptor=Object.getOwnPropertyDescriptor&&hasMap?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,mapSize=hasMap&&mapSizeDescriptor&&"function"==typeof mapSizeDescriptor.get?mapSizeDescriptor.get:null,mapForEach=hasMap&&Map.prototype.forEach,hasSet="function"==typeof Set&&Set.prototype,setSizeDescriptor=Object.getOwnPropertyDescriptor&&hasSet?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,setSize=hasSet&&setSizeDescriptor&&"function"==typeof setSizeDescriptor.get?setSizeDescriptor.get:null,setForEach=hasSet&&Set.prototype.forEach,weakMapHas="function"==typeof WeakMap&&WeakMap.prototype?WeakMap.prototype.has:null,weakSetHas="function"==typeof WeakSet&&WeakSet.prototype?WeakSet.prototype.has:null,weakRefDeref="function"==typeof WeakRef&&WeakRef.prototype?WeakRef.prototype.deref:null,booleanValueOf=Boolean.prototype.valueOf,objectToString=Object.prototype.toString,functionToString=Function.prototype.toString,$match=String.prototype.match,$slice=String.prototype.slice,$replace=String.prototype.replace,$toUpperCase=String.prototype.toUpperCase,$toLowerCase=String.prototype.toLowerCase,$test=RegExp.prototype.test,$concat=Array.prototype.concat,$join=Array.prototype.join,$arrSlice=Array.prototype.slice,$floor=Math.floor,bigIntValueOf="function"==typeof BigInt?BigInt.prototype.valueOf:null,gOPS=Object.getOwnPropertySymbols,symToString="function"==typeof Symbol&&"symbol"===_typeof(Symbol.iterator)?Symbol.prototype.toString:null,hasShammedSymbols="function"==typeof Symbol&&"object"===_typeof(Symbol.iterator),toStringTag="function"==typeof Symbol&&Symbol.toStringTag&&(_typeof(Symbol.toStringTag)===hasShammedSymbols||"symbol")?Symbol.toStringTag:null,isEnumerable=Object.prototype.propertyIsEnumerable,gPO=("function"==typeof Reflect?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(O){return O.__proto__}:null);function addNumericSeparator(num,str){if(num===1/0||num===-1/0||num!=num||num&&num>-1e3&&num<1e3||$test.call(/e/,str))return str;var sepRegex=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;if("number"==typeof num){var int=num<0?-$floor(-num):$floor(num);if(int!==num){var intStr=String(int),dec=$slice.call(str,intStr.length+1);return $replace.call(intStr,sepRegex,"$&_")+"."+$replace.call($replace.call(dec,/([0-9]{3})/g,"$&_"),/_$/,"")}}return $replace.call(str,sepRegex,"$&_")}var inspectCustom=util_inspect.custom,inspectSymbol=inspectCustom&&isSymbol(inspectCustom)?inspectCustom:null;function wrapQuotes(s,defaultStyle,opts){var quoteChar="double"===(opts.quoteStyle||defaultStyle)?'"':"'";return quoteChar+s+quoteChar}function quote(s){return $replace.call(String(s),/"/g,"&quot;")}function isArray$3(obj){return!("[object Array]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}function isSymbol(obj){if(hasShammedSymbols)return obj&&"object"===_typeof(obj)&&obj instanceof Symbol;if("symbol"===_typeof(obj))return!0;if(!obj||"object"!==_typeof(obj)||!symToString)return!1;try{return symToString.call(obj),!0}catch(e){}return!1}var hasOwn=Object.prototype.hasOwnProperty||function(key){return key in this};function has$3(obj,key){return hasOwn.call(obj,key)}function toStr(obj){return objectToString.call(obj)}function indexOf(xs,x){if(xs.indexOf)return xs.indexOf(x);for(var i=0,l=xs.length;i<l;i++)if(xs[i]===x)return i;return-1}function inspectString(str,opts){if(str.length>opts.maxStringLength){var remaining=str.length-opts.maxStringLength,trailer="... "+remaining+" more character"+(remaining>1?"s":"");return inspectString($slice.call(str,0,opts.maxStringLength),opts)+trailer}return wrapQuotes($replace.call($replace.call(str,/(['\\])/g,"\\$1"),/[\x00-\x1f]/g,lowbyte),"single",opts)}function lowbyte(c){var n=c.charCodeAt(0),x={8:"b",9:"t",10:"n",12:"f",13:"r"}[n];return x?"\\"+x:"\\x"+(n<16?"0":"")+$toUpperCase.call(n.toString(16))}function markBoxed(str){return"Object("+str+")"}function weakCollectionOf(type){return type+" { ? }"}function collectionOf(type,size,entries,indent){return type+" ("+size+") {"+(indent?indentedJoin(entries,indent):$join.call(entries,", "))+"}"}function indentedJoin(xs,indent){if(0===xs.length)return"";var lineJoiner="\n"+indent.prev+indent.base;return lineJoiner+$join.call(xs,","+lineJoiner)+"\n"+indent.prev}function arrObjKeys(obj,inspect){var isArr=isArray$3(obj),xs=[];if(isArr){xs.length=obj.length;for(var i=0;i<obj.length;i++)xs[i]=has$3(obj,i)?inspect(obj[i],obj):""}var symMap,syms="function"==typeof gOPS?gOPS(obj):[];if(hasShammedSymbols){symMap={};for(var k=0;k<syms.length;k++)symMap["$"+syms[k]]=syms[k]}for(var key in obj)has$3(obj,key)&&(isArr&&String(Number(key))===key&&key<obj.length||hasShammedSymbols&&symMap["$"+key]instanceof Symbol||($test.call(/[^\w$]/,key)?xs.push(inspect(key,obj)+": "+inspect(obj[key],obj)):xs.push(key+": "+inspect(obj[key],obj))));if("function"==typeof gOPS)for(var j=0;j<syms.length;j++)isEnumerable.call(obj,syms[j])&&xs.push("["+inspect(syms[j])+"]: "+inspect(obj[syms[j]],obj));return xs}var GetIntrinsic=getIntrinsic,callBound=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic$1(name,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name,".prototype.")>-1?callBind(intrinsic):intrinsic},inspect=function inspect_(obj,options,depth,seen){var opts=options||{};if(has$3(opts,"quoteStyle")&&"single"!==opts.quoteStyle&&"double"!==opts.quoteStyle)throw new TypeError('option "quoteStyle" must be "single" or "double"');if(has$3(opts,"maxStringLength")&&("number"==typeof opts.maxStringLength?opts.maxStringLength<0&&opts.maxStringLength!==1/0:null!==opts.maxStringLength))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');var customInspect=!has$3(opts,"customInspect")||opts.customInspect;if("boolean"!=typeof customInspect&&"symbol"!==customInspect)throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(has$3(opts,"indent")&&null!==opts.indent&&"\t"!==opts.indent&&!(parseInt(opts.indent,10)===opts.indent&&opts.indent>0))throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');if(has$3(opts,"numericSeparator")&&"boolean"!=typeof opts.numericSeparator)throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');var numericSeparator=opts.numericSeparator;if(void 0===obj)return"undefined";if(null===obj)return"null";if("boolean"==typeof obj)return obj?"true":"false";if("string"==typeof obj)return inspectString(obj,opts);if("number"==typeof obj){if(0===obj)return 1/0/obj>0?"0":"-0";var str=String(obj);return numericSeparator?addNumericSeparator(obj,str):str}if("bigint"==typeof obj){var bigIntStr=String(obj)+"n";return numericSeparator?addNumericSeparator(obj,bigIntStr):bigIntStr}var maxDepth=void 0===opts.depth?5:opts.depth;if(void 0===depth&&(depth=0),depth>=maxDepth&&maxDepth>0&&"object"===_typeof(obj))return isArray$3(obj)?"[Array]":"[Object]";var indent=function getIndent(opts,depth){var baseIndent;if("\t"===opts.indent)baseIndent="\t";else{if(!("number"==typeof opts.indent&&opts.indent>0))return null;baseIndent=$join.call(Array(opts.indent+1)," ")}return{base:baseIndent,prev:$join.call(Array(depth+1),baseIndent)}}(opts,depth);if(void 0===seen)seen=[];else if(indexOf(seen,obj)>=0)return"[Circular]";function inspect(value,from,noIndent){if(from&&(seen=$arrSlice.call(seen)).push(from),noIndent){var newOpts={depth:opts.depth};return has$3(opts,"quoteStyle")&&(newOpts.quoteStyle=opts.quoteStyle),inspect_(value,newOpts,depth+1,seen)}return inspect_(value,opts,depth+1,seen)}if("function"==typeof obj){var name=function nameOf(f){if(f.name)return f.name;var m=$match.call(functionToString.call(f),/^function\s*([\w$]+)/);if(m)return m[1];return null}(obj),keys=arrObjKeys(obj,inspect);return"[Function"+(name?": "+name:" (anonymous)")+"]"+(keys.length>0?" { "+$join.call(keys,", ")+" }":"")}if(isSymbol(obj)){var symString=hasShammedSymbols?$replace.call(String(obj),/^(Symbol\(.*\))_[^)]*$/,"$1"):symToString.call(obj);return"object"!==_typeof(obj)||hasShammedSymbols?symString:markBoxed(symString)}if(function isElement(x){if(!x||"object"!==_typeof(x))return!1;if("undefined"!=typeof HTMLElement&&x instanceof HTMLElement)return!0;return"string"==typeof x.nodeName&&"function"==typeof x.getAttribute}(obj)){for(var s="<"+$toLowerCase.call(String(obj.nodeName)),attrs=obj.attributes||[],i=0;i<attrs.length;i++)s+=" "+attrs[i].name+"="+wrapQuotes(quote(attrs[i].value),"double",opts);return s+=">",obj.childNodes&&obj.childNodes.length&&(s+="..."),s+="</"+$toLowerCase.call(String(obj.nodeName))+">"}if(isArray$3(obj)){if(0===obj.length)return"[]";var xs=arrObjKeys(obj,inspect);return indent&&!function singleLineValues(xs){for(var i=0;i<xs.length;i++)if(indexOf(xs[i],"\n")>=0)return!1;return!0}(xs)?"["+indentedJoin(xs,indent)+"]":"[ "+$join.call(xs,", ")+" ]"}if(function isError(obj){return!("[object Error]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}(obj)){var parts=arrObjKeys(obj,inspect);return"cause"in obj&&!isEnumerable.call(obj,"cause")?"{ ["+String(obj)+"] "+$join.call($concat.call("[cause]: "+inspect(obj.cause),parts),", ")+" }":0===parts.length?"["+String(obj)+"]":"{ ["+String(obj)+"] "+$join.call(parts,", ")+" }"}if("object"===_typeof(obj)&&customInspect){if(inspectSymbol&&"function"==typeof obj[inspectSymbol])return obj[inspectSymbol]();if("symbol"!==customInspect&&"function"==typeof obj.inspect)return obj.inspect()}if(function isMap(x){if(!mapSize||!x||"object"!==_typeof(x))return!1;try{mapSize.call(x);try{setSize.call(x)}catch(s){return!0}return x instanceof Map}catch(e){}return!1}(obj)){var mapParts=[];return mapForEach.call(obj,(function(value,key){mapParts.push(inspect(key,obj,!0)+" => "+inspect(value,obj))})),collectionOf("Map",mapSize.call(obj),mapParts,indent)}if(function isSet(x){if(!setSize||!x||"object"!==_typeof(x))return!1;try{setSize.call(x);try{mapSize.call(x)}catch(m){return!0}return x instanceof Set}catch(e){}return!1}(obj)){var setParts=[];return setForEach.call(obj,(function(value){setParts.push(inspect(value,obj))})),collectionOf("Set",setSize.call(obj),setParts,indent)}if(function isWeakMap(x){if(!weakMapHas||!x||"object"!==_typeof(x))return!1;try{weakMapHas.call(x,weakMapHas);try{weakSetHas.call(x,weakSetHas)}catch(s){return!0}return x instanceof WeakMap}catch(e){}return!1}(obj))return weakCollectionOf("WeakMap");if(function isWeakSet(x){if(!weakSetHas||!x||"object"!==_typeof(x))return!1;try{weakSetHas.call(x,weakSetHas);try{weakMapHas.call(x,weakMapHas)}catch(s){return!0}return x instanceof WeakSet}catch(e){}return!1}(obj))return weakCollectionOf("WeakSet");if(function isWeakRef(x){if(!weakRefDeref||!x||"object"!==_typeof(x))return!1;try{return weakRefDeref.call(x),!0}catch(e){}return!1}(obj))return weakCollectionOf("WeakRef");if(function isNumber(obj){return!("[object Number]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}(obj))return markBoxed(inspect(Number(obj)));if(function isBigInt(obj){if(!obj||"object"!==_typeof(obj)||!bigIntValueOf)return!1;try{return bigIntValueOf.call(obj),!0}catch(e){}return!1}(obj))return markBoxed(inspect(bigIntValueOf.call(obj)));if(function isBoolean(obj){return!("[object Boolean]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}(obj))return markBoxed(booleanValueOf.call(obj));if(function isString(obj){return!("[object String]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}(obj))return markBoxed(inspect(String(obj)));if(!function isDate(obj){return!("[object Date]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}(obj)&&!function isRegExp$1(obj){return!("[object RegExp]"!==toStr(obj)||toStringTag&&"object"===_typeof(obj)&&toStringTag in obj)}(obj)){var ys=arrObjKeys(obj,inspect),isPlainObject=gPO?gPO(obj)===Object.prototype:obj instanceof Object||obj.constructor===Object,protoTag=obj instanceof Object?"":"null prototype",stringTag=!isPlainObject&&toStringTag&&Object(obj)===obj&&toStringTag in obj?$slice.call(toStr(obj),8,-1):protoTag?"Object":"",tag=(isPlainObject||"function"!=typeof obj.constructor?"":obj.constructor.name?obj.constructor.name+" ":"")+(stringTag||protoTag?"["+$join.call($concat.call([],stringTag||[],protoTag||[]),": ")+"] ":"");return 0===ys.length?tag+"{}":indent?tag+"{"+indentedJoin(ys,indent)+"}":tag+"{ "+$join.call(ys,", ")+" }"}return String(obj)},$TypeError=GetIntrinsic("%TypeError%"),$WeakMap=GetIntrinsic("%WeakMap%",!0),$Map=GetIntrinsic("%Map%",!0),$weakMapGet=callBound("WeakMap.prototype.get",!0),$weakMapSet=callBound("WeakMap.prototype.set",!0),$weakMapHas=callBound("WeakMap.prototype.has",!0),$mapGet=callBound("Map.prototype.get",!0),$mapSet=callBound("Map.prototype.set",!0),$mapHas=callBound("Map.prototype.has",!0),listGetNode=function listGetNode(list,key){for(var curr,prev=list;null!==(curr=prev.next);prev=curr)if(curr.key===key)return prev.next=curr.next,curr.next=list.next,list.next=curr,curr},replace=String.prototype.replace,percentTwenties=/%20/g,Format_RFC3986="RFC3986",formats$3={default:Format_RFC3986,formatters:{RFC1738:function RFC1738(value){return replace.call(value,percentTwenties,"+")},RFC3986:function RFC3986(value){return String(value)}},RFC1738:"RFC1738",RFC3986:Format_RFC3986},formats$2=formats$3,has$2=Object.prototype.hasOwnProperty,isArray$2=Array.isArray,hexTable=function(){for(var array=[],i=0;i<256;++i)array.push("%"+((i<16?"0":"")+i.toString(16)).toUpperCase());return array}(),arrayToObject=function arrayToObject(source,options){for(var obj=options&&options.plainObjects?Object.create(null):{},i=0;i<source.length;++i)void 0!==source[i]&&(obj[i]=source[i]);return obj},utils$2={arrayToObject:arrayToObject,assign:function assignSingleSource(target,source){return Object.keys(source).reduce((function(acc,key){return acc[key]=source[key],acc}),target)},combine:function combine(a,b){return[].concat(a,b)},compact:function compact(value){for(var queue=[{obj:{o:value},prop:"o"}],refs=[],i=0;i<queue.length;++i)for(var item=queue[i],obj=item.obj[item.prop],keys=Object.keys(obj),j=0;j<keys.length;++j){var key=keys[j],val=obj[key];"object"===_typeof(val)&&null!==val&&-1===refs.indexOf(val)&&(queue.push({obj:obj,prop:key}),refs.push(val))}return function compactQueue(queue){for(;queue.length>1;){var item=queue.pop(),obj=item.obj[item.prop];if(isArray$2(obj)){for(var compacted=[],j=0;j<obj.length;++j)void 0!==obj[j]&&compacted.push(obj[j]);item.obj[item.prop]=compacted}}}(queue),value},decode:function decode(str,decoder,charset){var strWithoutPlus=str.replace(/\+/g," ");if("iso-8859-1"===charset)return strWithoutPlus.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(strWithoutPlus)}catch(e){return strWithoutPlus}},encode:function encode(str,defaultEncoder,charset,kind,format){if(0===str.length)return str;var string=str;if("symbol"===_typeof(str)?string=Symbol.prototype.toString.call(str):"string"!=typeof str&&(string=String(str)),"iso-8859-1"===charset)return escape(string).replace(/%u[0-9a-f]{4}/gi,(function($0){return"%26%23"+parseInt($0.slice(2),16)+"%3B"}));for(var out="",i=0;i<string.length;++i){var c=string.charCodeAt(i);45===c||46===c||95===c||126===c||c>=48&&c<=57||c>=65&&c<=90||c>=97&&c<=122||format===formats$2.RFC1738&&(40===c||41===c)?out+=string.charAt(i):c<128?out+=hexTable[c]:c<2048?out+=hexTable[192|c>>6]+hexTable[128|63&c]:c<55296||c>=57344?out+=hexTable[224|c>>12]+hexTable[128|c>>6&63]+hexTable[128|63&c]:(i+=1,c=65536+((1023&c)<<10|1023&string.charCodeAt(i)),out+=hexTable[240|c>>18]+hexTable[128|c>>12&63]+hexTable[128|c>>6&63]+hexTable[128|63&c])}return out},isBuffer:function isBuffer(obj){return!(!obj||"object"!==_typeof(obj))&&!!(obj.constructor&&obj.constructor.isBuffer&&obj.constructor.isBuffer(obj))},isRegExp:function isRegExp(obj){return"[object RegExp]"===Object.prototype.toString.call(obj)},maybeMap:function maybeMap(val,fn){if(isArray$2(val)){for(var mapped=[],i=0;i<val.length;i+=1)mapped.push(fn(val[i]));return mapped}return fn(val)},merge:function merge(target,source,options){if(!source)return target;if("object"!==_typeof(source)){if(isArray$2(target))target.push(source);else{if(!target||"object"!==_typeof(target))return[target,source];(options&&(options.plainObjects||options.allowPrototypes)||!has$2.call(Object.prototype,source))&&(target[source]=!0)}return target}if(!target||"object"!==_typeof(target))return[target].concat(source);var mergeTarget=target;return isArray$2(target)&&!isArray$2(source)&&(mergeTarget=arrayToObject(target,options)),isArray$2(target)&&isArray$2(source)?(source.forEach((function(item,i){if(has$2.call(target,i)){var targetItem=target[i];targetItem&&"object"===_typeof(targetItem)&&item&&"object"===_typeof(item)?target[i]=merge(targetItem,item,options):target.push(item)}else target[i]=item})),target):Object.keys(source).reduce((function(acc,key){var value=source[key];return has$2.call(acc,key)?acc[key]=merge(acc[key],value,options):acc[key]=value,acc}),mergeTarget)}},getSideChannel=function getSideChannel(){var $wm,$m,$o,channel={assert:function assert(key){if(!channel.has(key))throw new $TypeError("Side channel does not contain "+inspect(key))},get:function get(key){if($WeakMap&&key&&("object"===_typeof(key)||"function"==typeof key)){if($wm)return $weakMapGet($wm,key)}else if($Map){if($m)return $mapGet($m,key)}else if($o)return function listGet(objects,key){var node=listGetNode(objects,key);return node&&node.value}($o,key)},has:function has(key){if($WeakMap&&key&&("object"===_typeof(key)||"function"==typeof key)){if($wm)return $weakMapHas($wm,key)}else if($Map){if($m)return $mapHas($m,key)}else if($o)return function listHas(objects,key){return!!listGetNode(objects,key)}($o,key);return!1},set:function set(key,value){$WeakMap&&key&&("object"===_typeof(key)||"function"==typeof key)?($wm||($wm=new $WeakMap),$weakMapSet($wm,key,value)):$Map?($m||($m=new $Map),$mapSet($m,key,value)):($o||($o={key:{},next:null}),function listSet(objects,key,value){var node=listGetNode(objects,key);node?node.value=value:objects.next={key:key,next:objects.next,value:value}}($o,key,value))}};return channel},utils$1=utils$2,formats$1=formats$3,has$1=Object.prototype.hasOwnProperty,arrayPrefixGenerators={brackets:function brackets(prefix){return prefix+"[]"},comma:"comma",indices:function indices(prefix,key){return prefix+"["+key+"]"},repeat:function repeat(prefix){return prefix}},isArray$1=Array.isArray,split=String.prototype.split,push=Array.prototype.push,pushToArray=function pushToArray(arr,valueOrArray){push.apply(arr,isArray$1(valueOrArray)?valueOrArray:[valueOrArray])},toISO=Date.prototype.toISOString,defaultFormat=formats$1.default,defaults$1={addQueryPrefix:!1,allowDots:!1,charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encoder:utils$1.encode,encodeValuesOnly:!1,format:defaultFormat,formatter:formats$1.formatters[defaultFormat],indices:!1,serializeDate:function serializeDate(date){return toISO.call(date)},skipNulls:!1,strictNullHandling:!1},sentinel={},stringify$1=function stringify(object,prefix,generateArrayPrefix,strictNullHandling,skipNulls,encoder,filter,sort,allowDots,serializeDate,format,formatter,encodeValuesOnly,charset,sideChannel){for(var obj=object,tmpSc=sideChannel,step=0,findFlag=!1;void 0!==(tmpSc=tmpSc.get(sentinel))&&!findFlag;){var pos=tmpSc.get(object);if(step+=1,void 0!==pos){if(pos===step)throw new RangeError("Cyclic object value");findFlag=!0}void 0===tmpSc.get(sentinel)&&(step=0)}if("function"==typeof filter?obj=filter(prefix,obj):obj instanceof Date?obj=serializeDate(obj):"comma"===generateArrayPrefix&&isArray$1(obj)&&(obj=utils$1.maybeMap(obj,(function(value){return value instanceof Date?serializeDate(value):value}))),null===obj){if(strictNullHandling)return encoder&&!encodeValuesOnly?encoder(prefix,defaults$1.encoder,charset,"key",format):prefix;obj=""}if(function isNonNullishPrimitive(v){return"string"==typeof v||"number"==typeof v||"boolean"==typeof v||"symbol"===_typeof(v)||"bigint"==typeof v}(obj)||utils$1.isBuffer(obj)){if(encoder){var keyValue=encodeValuesOnly?prefix:encoder(prefix,defaults$1.encoder,charset,"key",format);if("comma"===generateArrayPrefix&&encodeValuesOnly){for(var valuesArray=split.call(String(obj),","),valuesJoined="",i=0;i<valuesArray.length;++i)valuesJoined+=(0===i?"":",")+formatter(encoder(valuesArray[i],defaults$1.encoder,charset,"value",format));return[formatter(keyValue)+"="+valuesJoined]}return[formatter(keyValue)+"="+formatter(encoder(obj,defaults$1.encoder,charset,"value",format))]}return[formatter(prefix)+"="+formatter(String(obj))]}var objKeys,values=[];if(void 0===obj)return values;if("comma"===generateArrayPrefix&&isArray$1(obj))objKeys=[{value:obj.length>0?obj.join(",")||null:void 0}];else if(isArray$1(filter))objKeys=filter;else{var keys=Object.keys(obj);objKeys=sort?keys.sort(sort):keys}for(var j=0;j<objKeys.length;++j){var key=objKeys[j],value="object"===_typeof(key)&&void 0!==key.value?key.value:obj[key];if(!skipNulls||null!==value){var keyPrefix=isArray$1(obj)?"function"==typeof generateArrayPrefix?generateArrayPrefix(prefix,key):prefix:prefix+(allowDots?"."+key:"["+key+"]");sideChannel.set(object,step);var valueSideChannel=getSideChannel();valueSideChannel.set(sentinel,sideChannel),pushToArray(values,stringify(value,keyPrefix,generateArrayPrefix,strictNullHandling,skipNulls,encoder,filter,sort,allowDots,serializeDate,format,formatter,encodeValuesOnly,charset,valueSideChannel))}}return values},utils=utils$2,has=Object.prototype.hasOwnProperty,isArray=Array.isArray,defaults={allowDots:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decoder:utils.decode,delimiter:"&",depth:5,ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictNullHandling:!1},interpretNumericEntities=function interpretNumericEntities(str){return str.replace(/&#(\d+);/g,(function($0,numberStr){return String.fromCharCode(parseInt(numberStr,10))}))},parseArrayValue=function parseArrayValue(val,options){return val&&"string"==typeof val&&options.comma&&val.indexOf(",")>-1?val.split(","):val},parseKeys=function parseQueryStringKeys(givenKey,val,options,valuesParsed){if(givenKey){var key=options.allowDots?givenKey.replace(/\.([^.[]+)/g,"[$1]"):givenKey,child=/(\[[^[\]]*])/g,segment=options.depth>0&&/(\[[^[\]]*])/.exec(key),parent=segment?key.slice(0,segment.index):key,keys=[];if(parent){if(!options.plainObjects&&has.call(Object.prototype,parent)&&!options.allowPrototypes)return;keys.push(parent)}for(var i=0;options.depth>0&&null!==(segment=child.exec(key))&&i<options.depth;){if(i+=1,!options.plainObjects&&has.call(Object.prototype,segment[1].slice(1,-1))&&!options.allowPrototypes)return;keys.push(segment[1])}return segment&&keys.push("["+key.slice(segment.index)+"]"),function parseObject(chain,val,options,valuesParsed){for(var leaf=valuesParsed?val:parseArrayValue(val,options),i=chain.length-1;i>=0;--i){var obj,root=chain[i];if("[]"===root&&options.parseArrays)obj=[].concat(leaf);else{obj=options.plainObjects?Object.create(null):{};var cleanRoot="["===root.charAt(0)&&"]"===root.charAt(root.length-1)?root.slice(1,-1):root,index=parseInt(cleanRoot,10);options.parseArrays||""!==cleanRoot?!isNaN(index)&&root!==cleanRoot&&String(index)===cleanRoot&&index>=0&&options.parseArrays&&index<=options.arrayLimit?(obj=[])[index]=leaf:"__proto__"!==cleanRoot&&(obj[cleanRoot]=leaf):obj={0:leaf}}leaf=obj}return leaf}(keys,val,options,valuesParsed)}},stringify=function stringify_1(object,opts){var objKeys,obj=object,options=function normalizeStringifyOptions(opts){if(!opts)return defaults$1;if(null!==opts.encoder&&void 0!==opts.encoder&&"function"!=typeof opts.encoder)throw new TypeError("Encoder has to be a function.");var charset=opts.charset||defaults$1.charset;if(void 0!==opts.charset&&"utf-8"!==opts.charset&&"iso-8859-1"!==opts.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var format=formats$1.default;if(void 0!==opts.format){if(!has$1.call(formats$1.formatters,opts.format))throw new TypeError("Unknown format option provided.");format=opts.format}var formatter=formats$1.formatters[format],filter=defaults$1.filter;return("function"==typeof opts.filter||isArray$1(opts.filter))&&(filter=opts.filter),{addQueryPrefix:"boolean"==typeof opts.addQueryPrefix?opts.addQueryPrefix:defaults$1.addQueryPrefix,allowDots:void 0===opts.allowDots?defaults$1.allowDots:!!opts.allowDots,charset:charset,charsetSentinel:"boolean"==typeof opts.charsetSentinel?opts.charsetSentinel:defaults$1.charsetSentinel,delimiter:void 0===opts.delimiter?defaults$1.delimiter:opts.delimiter,encode:"boolean"==typeof opts.encode?opts.encode:defaults$1.encode,encoder:"function"==typeof opts.encoder?opts.encoder:defaults$1.encoder,encodeValuesOnly:"boolean"==typeof opts.encodeValuesOnly?opts.encodeValuesOnly:defaults$1.encodeValuesOnly,filter:filter,format:format,formatter:formatter,serializeDate:"function"==typeof opts.serializeDate?opts.serializeDate:defaults$1.serializeDate,skipNulls:"boolean"==typeof opts.skipNulls?opts.skipNulls:defaults$1.skipNulls,sort:"function"==typeof opts.sort?opts.sort:null,strictNullHandling:"boolean"==typeof opts.strictNullHandling?opts.strictNullHandling:defaults$1.strictNullHandling}}(opts);"function"==typeof options.filter?obj=(0,options.filter)("",obj):isArray$1(options.filter)&&(objKeys=options.filter);var arrayFormat,keys=[];if("object"!==_typeof(obj)||null===obj)return"";arrayFormat=opts&&opts.arrayFormat in arrayPrefixGenerators?opts.arrayFormat:opts&&"indices"in opts?opts.indices?"indices":"repeat":"indices";var generateArrayPrefix=arrayPrefixGenerators[arrayFormat];objKeys||(objKeys=Object.keys(obj)),options.sort&&objKeys.sort(options.sort);for(var sideChannel=getSideChannel(),i=0;i<objKeys.length;++i){var key=objKeys[i];options.skipNulls&&null===obj[key]||pushToArray(keys,stringify$1(obj[key],key,generateArrayPrefix,options.strictNullHandling,options.skipNulls,options.encode?options.encoder:null,options.filter,options.sort,options.allowDots,options.serializeDate,options.format,options.formatter,options.encodeValuesOnly,options.charset,sideChannel))}var joined=keys.join(options.delimiter),prefix=!0===options.addQueryPrefix?"?":"";return options.charsetSentinel&&("iso-8859-1"===options.charset?prefix+="utf8=%26%2310003%3B&":prefix+="utf8=%E2%9C%93&"),joined.length>0?prefix+joined:""},lib={formats:formats$3,parse:function parse$1(str,opts){var options=function normalizeParseOptions(opts){if(!opts)return defaults;if(null!==opts.decoder&&void 0!==opts.decoder&&"function"!=typeof opts.decoder)throw new TypeError("Decoder has to be a function.");if(void 0!==opts.charset&&"utf-8"!==opts.charset&&"iso-8859-1"!==opts.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var charset=void 0===opts.charset?defaults.charset:opts.charset;return{allowDots:void 0===opts.allowDots?defaults.allowDots:!!opts.allowDots,allowPrototypes:"boolean"==typeof opts.allowPrototypes?opts.allowPrototypes:defaults.allowPrototypes,allowSparse:"boolean"==typeof opts.allowSparse?opts.allowSparse:defaults.allowSparse,arrayLimit:"number"==typeof opts.arrayLimit?opts.arrayLimit:defaults.arrayLimit,charset:charset,charsetSentinel:"boolean"==typeof opts.charsetSentinel?opts.charsetSentinel:defaults.charsetSentinel,comma:"boolean"==typeof opts.comma?opts.comma:defaults.comma,decoder:"function"==typeof opts.decoder?opts.decoder:defaults.decoder,delimiter:"string"==typeof opts.delimiter||utils.isRegExp(opts.delimiter)?opts.delimiter:defaults.delimiter,depth:"number"==typeof opts.depth||!1===opts.depth?+opts.depth:defaults.depth,ignoreQueryPrefix:!0===opts.ignoreQueryPrefix,interpretNumericEntities:"boolean"==typeof opts.interpretNumericEntities?opts.interpretNumericEntities:defaults.interpretNumericEntities,parameterLimit:"number"==typeof opts.parameterLimit?opts.parameterLimit:defaults.parameterLimit,parseArrays:!1!==opts.parseArrays,plainObjects:"boolean"==typeof opts.plainObjects?opts.plainObjects:defaults.plainObjects,strictNullHandling:"boolean"==typeof opts.strictNullHandling?opts.strictNullHandling:defaults.strictNullHandling}}(opts);if(""===str||null==str)return options.plainObjects?Object.create(null):{};for(var tempObj="string"==typeof str?function parseQueryStringValues(str,options){var i,obj={},cleanStr=options.ignoreQueryPrefix?str.replace(/^\?/,""):str,limit=options.parameterLimit===1/0?void 0:options.parameterLimit,parts=cleanStr.split(options.delimiter,limit),skipIndex=-1,charset=options.charset;if(options.charsetSentinel)for(i=0;i<parts.length;++i)0===parts[i].indexOf("utf8=")&&("utf8=%E2%9C%93"===parts[i]?charset="utf-8":"utf8=%26%2310003%3B"===parts[i]&&(charset="iso-8859-1"),skipIndex=i,i=parts.length);for(i=0;i<parts.length;++i)if(i!==skipIndex){var key,val,part=parts[i],bracketEqualsPos=part.indexOf("]="),pos=-1===bracketEqualsPos?part.indexOf("="):bracketEqualsPos+1;-1===pos?(key=options.decoder(part,defaults.decoder,charset,"key"),val=options.strictNullHandling?null:""):(key=options.decoder(part.slice(0,pos),defaults.decoder,charset,"key"),val=utils.maybeMap(parseArrayValue(part.slice(pos+1),options),(function(encodedVal){return options.decoder(encodedVal,defaults.decoder,charset,"value")}))),val&&options.interpretNumericEntities&&"iso-8859-1"===charset&&(val=interpretNumericEntities(val)),part.indexOf("[]=")>-1&&(val=isArray(val)?[val]:val),has.call(obj,key)?obj[key]=utils.combine(obj[key],val):obj[key]=val}return obj}(str,options):str,obj=options.plainObjects?Object.create(null):{},keys=Object.keys(tempObj),i=0;i<keys.length;++i){var key=keys[i],newObj=parseKeys(key,tempObj[key],options,"string"==typeof str);obj=utils.merge(obj,newObj,options)}return!0===options.allowSparse?obj:utils.compact(obj)},stringify:stringify};var splitPathRegex=/\/([^/]+)\/(?:(.*)_)?([^/]+)?/,parsePath$2=memoizerific(1e3)((function(path){var result={viewMode:void 0,storyId:void 0,refId:void 0};if(path){var _ref5=_slicedToArray(path.toLowerCase().match(splitPathRegex)||[],4),viewMode=_ref5[1],refId=_ref5[2],storyId=_ref5[3];viewMode&&Object.assign(result,{viewMode:viewMode,storyId:storyId,refId:refId})}return result})),DEEPLY_EQUAL=Symbol("Deeply equal"),deepDiff=function deepDiff(value,update){if(_typeof(value)!==_typeof(update))return update;if(fastDeepEqual(value,update))return DEEPLY_EQUAL;if(Array.isArray(value)&&Array.isArray(update)){var res=update.reduce((function(acc,upd,index){var diff=deepDiff(value[index],upd);return diff!==DEEPLY_EQUAL&&(acc[index]=diff),acc}),new Array(update.length));return update.length>=value.length?res:res.concat(new Array(value.length-update.length).fill(void 0))}return isPlainObject_1(value)&&isPlainObject_1(update)?Object.keys(Object.assign(Object.assign({},value),update)).reduce((function(acc,key){var diff=deepDiff(null==value?void 0:value[key],null==update?void 0:update[key]);return diff===DEEPLY_EQUAL?acc:Object.assign(acc,_defineProperty({},key,diff))}),{}):update},VALIDATION_REGEXP=/^[a-zA-Z0-9 _-]*$/,NUMBER_REGEXP=/^-?[0-9]+(\.[0-9]+)?$/,HEX_REGEXP=/^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i,COLOR_REGEXP=/^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i,validateArgs=function validateArgs(){var key=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",value=arguments.length>1?arguments[1]:void 0;return null!==key&&(!(""===key||!VALIDATION_REGEXP.test(key))&&(null==value||(value instanceof Date||("number"==typeof value||"boolean"==typeof value||("string"==typeof value?VALIDATION_REGEXP.test(value)||NUMBER_REGEXP.test(value)||HEX_REGEXP.test(value)||COLOR_REGEXP.test(value):Array.isArray(value)?value.every((function(v){return validateArgs(key,v)})):!!isPlainObject_1(value)&&Object.entries(value).every((function(_ref6){var _ref7=_slicedToArray(_ref6,2),k=_ref7[0],v=_ref7[1];return validateArgs(k,v)})))))))},encodeSpecialValues=function encodeSpecialValues(value){return void 0===value?"!undefined":null===value?"!null":"string"==typeof value?HEX_REGEXP.test(value)?"!hex(".concat(value.slice(1),")"):COLOR_REGEXP.test(value)?"!".concat(value.replace(/[\s%]/g,"")):value:Array.isArray(value)?value.map(encodeSpecialValues):isPlainObject_1(value)?Object.entries(value).reduce((function(acc,_ref8){var _ref9=_slicedToArray(_ref8,2),key=_ref9[0],val=_ref9[1];return Object.assign(acc,_defineProperty({},key,encodeSpecialValues(val)))}),{}):value},QS_OPTIONS={encode:!1,delimiter:";",allowDots:!0,format:"RFC1738",serializeDate:function serializeDate(date){return"!date(".concat(date.toISOString(),")")}},buildArgsParam=function buildArgsParam(initialArgs,args){var update=deepDiff(initialArgs,args);if(!update||update===DEEPLY_EQUAL)return"";var object=Object.entries(update).reduce((function(acc,_ref10){var _ref11=_slicedToArray(_ref10,2),key=_ref11[0],value=_ref11[1];return validateArgs(key,value)?Object.assign(acc,_defineProperty({},key,value)):(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_82__.b.warn(function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from("string"==typeof templ?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce((function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map((function(match){var _a,_b;return null!==(_b=null===(_a=match.match(/[\t ]/g))||void 0===_a?void 0:_a.length)&&void 0!==_b?_b:0}))):arr}),[]);if(indentLengths.length){var pattern_1=new RegExp("\n[\t ]{"+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map((function(str){return str.replace(pattern_1,"\n")}))}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach((function(value,i){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value;"string"==typeof value&&value.includes("\n")&&(indentedValue=String(value).split("\n").map((function(str,i){return 0===i?str:""+endentation+str})).join("\n")),string+=indentedValue+strings[i+1]})),string}(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n      Omitted potentially unsafe URL args.\n\n      More info: https://storybook.js.org/docs/react/writing-stories/args#setting-args-through-the-url\n    "])))),acc)}),{});return lib.stringify(encodeSpecialValues(object),QS_OPTIONS).replace(/ /g,"+").split(";").map((function(part){return part.replace("=",":")})).join(";")},queryFromString=memoizerific(1e3)((function(s){return lib.parse(s,{ignoreQueryPrefix:!0})})),queryFromLocation=function queryFromLocation(location){return queryFromString(location.search)},getMatch=memoizerific(1e3)((function(current,target){var startsWith=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],startsWithTarget=current&&startsWith&&current.startsWith(target),currentIsTarget="string"==typeof target&&current===target,matchTarget=current&&target&&current.match(target);return startsWithTarget||currentIsTarget||matchTarget?{path:current}:null}));function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}var Action$1,window_1="undefined"!=typeof window?window:void 0!==commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{};!function(Action){Action.Pop="POP",Action.Push="PUSH",Action.Replace="REPLACE"}(Action$1||(Action$1={}));var Action;function invariant(cond,message){if(!cond)throw new Error(message)}!function(Action){Action.Pop="POP",Action.Push="PUSH",Action.Replace="REPLACE"}(Action||(Action={}));var LocationContext=Object(react__WEBPACK_IMPORTED_MODULE_84__.createContext)(null);function useInRouterContext(){return null!=Object(react__WEBPACK_IMPORTED_MODULE_84__.useContext)(LocationContext)}function useLocation(){return useInRouterContext()||invariant(!1),Object(react__WEBPACK_IMPORTED_MODULE_84__.useContext)(LocationContext).location}window_1.document;var Location=function Location(_ref15){var children=_ref15.children,location=useLocation(),_queryFromString=queryFromString(location.search),path=_queryFromString.path,singleStory=_queryFromString.singleStory,_parsePath$=parsePath$2(path),viewMode=_parsePath$.viewMode,storyId=_parsePath$.storyId,refId=_parsePath$.refId;return react__WEBPACK_IMPORTED_MODULE_84___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_84___default.a.Fragment,null,children({path:path,location:location,viewMode:viewMode,storyId:storyId,refId:refId,singleStory:"true"===singleStory}))};Location.displayName="QueryLocation";var Match=function Match(_ref16){var children=_ref16.children,targetPath=_ref16.path,_ref16$startsWith=_ref16.startsWith,startsWith=void 0!==_ref16$startsWith&&_ref16$startsWith;return react__WEBPACK_IMPORTED_MODULE_84___default.a.createElement(Location,null,(function(_a){var urlPath=_a.path,rest=__rest(_a,["path"]);return children(Object.assign({match:getMatch(urlPath,targetPath,startsWith)},rest))}))};Match.displayName="QueryMatch"}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"),__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/@storybook/semver/classes/comparator.js":function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var ANY=Symbol("SemVer ANY"),Comparator=function(){function Comparator(comp,options){if(function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Comparator),options&&"object"===_typeof(options)||(options={loose:!!options,includePrerelease:!1}),comp instanceof Comparator){if(comp.loose===!!options.loose)return comp;comp=comp.value}debug("comparator",comp,options),this.options=options,this.loose=!!options.loose,this.parse(comp),this.semver===ANY?this.value="":this.value=this.operator+this.semver.version,debug("comp",this)}return _createClass(Comparator,null,[{key:"ANY",get:function get(){return ANY}}]),_createClass(Comparator,[{key:"parse",value:function parse(comp){var r=this.options.loose?re[t.COMPARATORLOOSE]:re[t.COMPARATOR],m=comp.match(r);if(!m)throw new TypeError("Invalid comparator: ".concat(comp));this.operator=void 0!==m[1]?m[1]:"","="===this.operator&&(this.operator=""),m[2]?this.semver=new SemVer(m[2],this.options.loose):this.semver=ANY}},{key:"toString",value:function toString(){return this.value}},{key:"test",value:function test(version){if(debug("Comparator.test",version,this.options.loose),this.semver===ANY||version===ANY)return!0;if("string"==typeof version)try{version=new SemVer(version,this.options)}catch(er){return!1}return cmp(version,this.operator,this.semver,this.options)}},{key:"intersects",value:function intersects(comp,options){if(!(comp instanceof Comparator))throw new TypeError("a Comparator is required");if(options&&"object"===_typeof(options)||(options={loose:!!options,includePrerelease:!1}),""===this.operator)return""===this.value||new Range(comp.value,options).test(this.value);if(""===comp.operator)return""===comp.value||new Range(this.value,options).test(comp.semver);var sameDirectionIncreasing=!(">="!==this.operator&&">"!==this.operator||">="!==comp.operator&&">"!==comp.operator),sameDirectionDecreasing=!("<="!==this.operator&&"<"!==this.operator||"<="!==comp.operator&&"<"!==comp.operator),sameSemVer=this.semver.version===comp.semver.version,differentDirectionsInclusive=!(">="!==this.operator&&"<="!==this.operator||">="!==comp.operator&&"<="!==comp.operator),oppositeDirectionsLessThan=cmp(this.semver,"<",comp.semver,options)&&(">="===this.operator||">"===this.operator)&&("<="===comp.operator||"<"===comp.operator),oppositeDirectionsGreaterThan=cmp(this.semver,">",comp.semver,options)&&("<="===this.operator||"<"===this.operator)&&(">="===comp.operator||">"===comp.operator);return sameDirectionIncreasing||sameDirectionDecreasing||sameSemVer&&differentDirectionsInclusive||oppositeDirectionsLessThan||oppositeDirectionsGreaterThan}}]),Comparator}();module.exports=Comparator;var _require=__webpack_require__("./node_modules/@storybook/semver/internal/re.js"),re=_require.re,t=_require.t,cmp=__webpack_require__("./node_modules/@storybook/semver/functions/cmp.js"),debug=__webpack_require__("./node_modules/@storybook/semver/internal/debug.js"),SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js")},"./node_modules/@storybook/semver/classes/range.js":function(module,exports,__webpack_require__){"use strict";function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(iter))return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _createForOfIteratorHelper(o){if("undefined"==typeof Symbol||null==o[Symbol.iterator]){if(Array.isArray(o)||(o=_unsupportedIterableToArray(o))){var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var it,err,normalCompletion=!0,didErr=!1;return{s:function s(){it=o[Symbol.iterator]()},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var Range=function(){function Range(range,options){var _this=this;if(function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Range),options&&"object"===_typeof(options)||(options={loose:!!options,includePrerelease:!1}),range instanceof Range)return range.loose===!!options.loose&&range.includePrerelease===!!options.includePrerelease?range:new Range(range.raw,options);if(range instanceof Comparator)return this.raw=range.value,this.set=[[range]],this.format(),this;if(this.options=options,this.loose=!!options.loose,this.includePrerelease=!!options.includePrerelease,this.raw=range,this.set=range.split(/\s*\|\|\s*/).map((function(range){return _this.parseRange(range.trim())})).filter((function(c){return c.length})),!this.set.length)throw new TypeError("Invalid SemVer Range: ".concat(range));if(this.set.length>1){var first=this.set[0];if(this.set=this.set.filter((function(c){return!isNullSet(c[0])})),0===this.set.length)this.set=[first];else if(this.set.length>1){var _step,_iterator=_createForOfIteratorHelper(this.set);try{for(_iterator.s();!(_step=_iterator.n()).done;){var c=_step.value;if(1===c.length&&isAny(c[0])){this.set=[c];break}}}catch(err){_iterator.e(err)}finally{_iterator.f()}}}this.format()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Range,[{key:"format",value:function format(){return this.range=this.set.map((function(comps){return comps.join(" ").trim()})).join("||").trim(),this.range}},{key:"toString",value:function toString(){return this.range}},{key:"parseRange",value:function parseRange(range){var _this2=this,loose=this.options.loose;range=range.trim();var hr=loose?re[t.HYPHENRANGELOOSE]:re[t.HYPHENRANGE];range=range.replace(hr,hyphenReplace(this.options.includePrerelease)),debug("hyphen replace",range),range=range.replace(re[t.COMPARATORTRIM],comparatorTrimReplace),debug("comparator trim",range,re[t.COMPARATORTRIM]),range=(range=(range=range.replace(re[t.TILDETRIM],tildeTrimReplace)).replace(re[t.CARETTRIM],caretTrimReplace)).split(/\s+/).join(" ");var _step2,compRe=loose?re[t.COMPARATORLOOSE]:re[t.COMPARATOR],rangeList=range.split(" ").map((function(comp){return parseComparator(comp,_this2.options)})).join(" ").split(/\s+/).map((function(comp){return replaceGTE0(comp,_this2.options)})).filter(this.options.loose?function(comp){return!!comp.match(compRe)}:function(){return!0}).map((function(comp){return new Comparator(comp,_this2.options)})),rangeMap=(rangeList.length,new Map),_iterator2=_createForOfIteratorHelper(rangeList);try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var comp=_step2.value;if(isNullSet(comp))return[comp];rangeMap.set(comp.value,comp)}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}return rangeMap.size>1&&rangeMap.has("")&&rangeMap.delete(""),_toConsumableArray(rangeMap.values())}},{key:"intersects",value:function intersects(range,options){if(!(range instanceof Range))throw new TypeError("a Range is required");return this.set.some((function(thisComparators){return isSatisfiable(thisComparators,options)&&range.set.some((function(rangeComparators){return isSatisfiable(rangeComparators,options)&&thisComparators.every((function(thisComparator){return rangeComparators.every((function(rangeComparator){return thisComparator.intersects(rangeComparator,options)}))}))}))}))}},{key:"test",value:function test(version){if(!version)return!1;if("string"==typeof version)try{version=new SemVer(version,this.options)}catch(er){return!1}for(var i=0;i<this.set.length;i++)if(testSet(this.set[i],version,this.options))return!0;return!1}}]),Range}();module.exports=Range;var Comparator=__webpack_require__("./node_modules/@storybook/semver/classes/comparator.js"),debug=__webpack_require__("./node_modules/@storybook/semver/internal/debug.js"),SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),_require=__webpack_require__("./node_modules/@storybook/semver/internal/re.js"),re=_require.re,t=_require.t,comparatorTrimReplace=_require.comparatorTrimReplace,tildeTrimReplace=_require.tildeTrimReplace,caretTrimReplace=_require.caretTrimReplace,isNullSet=function isNullSet(c){return"<0.0.0-0"===c.value},isAny=function isAny(c){return""===c.value},isSatisfiable=function isSatisfiable(comparators,options){for(var result=!0,remainingComparators=comparators.slice(),testComparator=remainingComparators.pop();result&&remainingComparators.length;)result=remainingComparators.every((function(otherComparator){return testComparator.intersects(otherComparator,options)})),testComparator=remainingComparators.pop();return result},parseComparator=function parseComparator(comp,options){return debug("comp",comp,options),comp=replaceCarets(comp,options),debug("caret",comp),comp=replaceTildes(comp,options),debug("tildes",comp),comp=replaceXRanges(comp,options),debug("xrange",comp),comp=replaceStars(comp,options),debug("stars",comp),comp},isX=function isX(id){return!id||"x"===id.toLowerCase()||"*"===id},replaceTildes=function replaceTildes(comp,options){return comp.trim().split(/\s+/).map((function(comp){return replaceTilde(comp,options)})).join(" ")},replaceTilde=function replaceTilde(comp,options){var r=options.loose?re[t.TILDELOOSE]:re[t.TILDE];return comp.replace(r,(function(_,M,m,p,pr){var ret;return debug("tilde",comp,_,M,m,p,pr),isX(M)?ret="":isX(m)?ret=">=".concat(M,".0.0 <").concat(+M+1,".0.0-0"):isX(p)?ret=">=".concat(M,".").concat(m,".0 <").concat(M,".").concat(+m+1,".0-0"):pr?(debug("replaceTilde pr",pr),ret=">=".concat(M,".").concat(m,".").concat(p,"-").concat(pr," <").concat(M,".").concat(+m+1,".0-0")):ret=">=".concat(M,".").concat(m,".").concat(p," <").concat(M,".").concat(+m+1,".0-0"),debug("tilde return",ret),ret}))},replaceCarets=function replaceCarets(comp,options){return comp.trim().split(/\s+/).map((function(comp){return replaceCaret(comp,options)})).join(" ")},replaceCaret=function replaceCaret(comp,options){debug("caret",comp,options);var r=options.loose?re[t.CARETLOOSE]:re[t.CARET],z=options.includePrerelease?"-0":"";return comp.replace(r,(function(_,M,m,p,pr){var ret;return debug("caret",comp,_,M,m,p,pr),isX(M)?ret="":isX(m)?ret=">=".concat(M,".0.0").concat(z," <").concat(+M+1,".0.0-0"):isX(p)?ret="0"===M?">=".concat(M,".").concat(m,".0").concat(z," <").concat(M,".").concat(+m+1,".0-0"):">=".concat(M,".").concat(m,".0").concat(z," <").concat(+M+1,".0.0-0"):pr?(debug("replaceCaret pr",pr),ret="0"===M?"0"===m?">=".concat(M,".").concat(m,".").concat(p,"-").concat(pr," <").concat(M,".").concat(m,".").concat(+p+1,"-0"):">=".concat(M,".").concat(m,".").concat(p,"-").concat(pr," <").concat(M,".").concat(+m+1,".0-0"):">=".concat(M,".").concat(m,".").concat(p,"-").concat(pr," <").concat(+M+1,".0.0-0")):(debug("no pr"),ret="0"===M?"0"===m?">=".concat(M,".").concat(m,".").concat(p).concat(z," <").concat(M,".").concat(m,".").concat(+p+1,"-0"):">=".concat(M,".").concat(m,".").concat(p).concat(z," <").concat(M,".").concat(+m+1,".0-0"):">=".concat(M,".").concat(m,".").concat(p," <").concat(+M+1,".0.0-0")),debug("caret return",ret),ret}))},replaceXRanges=function replaceXRanges(comp,options){return debug("replaceXRanges",comp,options),comp.split(/\s+/).map((function(comp){return replaceXRange(comp,options)})).join(" ")},replaceXRange=function replaceXRange(comp,options){comp=comp.trim();var r=options.loose?re[t.XRANGELOOSE]:re[t.XRANGE];return comp.replace(r,(function(ret,gtlt,M,m,p,pr){debug("xRange",comp,ret,gtlt,M,m,p,pr);var xM=isX(M),xm=xM||isX(m),xp=xm||isX(p),anyX=xp;return"="===gtlt&&anyX&&(gtlt=""),pr=options.includePrerelease?"-0":"",xM?ret=">"===gtlt||"<"===gtlt?"<0.0.0-0":"*":gtlt&&anyX?(xm&&(m=0),p=0,">"===gtlt?(gtlt=">=",xm?(M=+M+1,m=0,p=0):(m=+m+1,p=0)):"<="===gtlt&&(gtlt="<",xm?M=+M+1:m=+m+1),"<"===gtlt&&(pr="-0"),ret="".concat(gtlt+M,".").concat(m,".").concat(p).concat(pr)):xm?ret=">=".concat(M,".0.0").concat(pr," <").concat(+M+1,".0.0-0"):xp&&(ret=">=".concat(M,".").concat(m,".0").concat(pr," <").concat(M,".").concat(+m+1,".0-0")),debug("xRange return",ret),ret}))},replaceStars=function replaceStars(comp,options){return debug("replaceStars",comp,options),comp.trim().replace(re[t.STAR],"")},replaceGTE0=function replaceGTE0(comp,options){return debug("replaceGTE0",comp,options),comp.trim().replace(re[options.includePrerelease?t.GTE0PRE:t.GTE0],"")},hyphenReplace=function hyphenReplace(incPr){return function($0,from,fM,fm,fp,fpr,fb,to,tM,tm,tp,tpr,tb){return from=isX(fM)?"":isX(fm)?">=".concat(fM,".0.0").concat(incPr?"-0":""):isX(fp)?">=".concat(fM,".").concat(fm,".0").concat(incPr?"-0":""):fpr?">=".concat(from):">=".concat(from).concat(incPr?"-0":""),to=isX(tM)?"":isX(tm)?"<".concat(+tM+1,".0.0-0"):isX(tp)?"<".concat(tM,".").concat(+tm+1,".0-0"):tpr?"<=".concat(tM,".").concat(tm,".").concat(tp,"-").concat(tpr):incPr?"<".concat(tM,".").concat(tm,".").concat(+tp+1,"-0"):"<=".concat(to),"".concat(from," ").concat(to).trim()}},testSet=function testSet(set,version,options){for(var i=0;i<set.length;i++)if(!set[i].test(version))return!1;if(version.prerelease.length&&!options.includePrerelease){for(var _i=0;_i<set.length;_i++)if(debug(set[_i].semver),set[_i].semver!==Comparator.ANY&&set[_i].semver.prerelease.length>0){var allowed=set[_i].semver;if(allowed.major===version.major&&allowed.minor===version.minor&&allowed.patch===version.patch)return!0}return!1}return!0}},"./node_modules/@storybook/semver/classes/semver.js":function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var debug=__webpack_require__("./node_modules/@storybook/semver/internal/debug.js"),_require=__webpack_require__("./node_modules/@storybook/semver/internal/constants.js"),MAX_LENGTH=_require.MAX_LENGTH,MAX_SAFE_INTEGER=_require.MAX_SAFE_INTEGER,_require2=__webpack_require__("./node_modules/@storybook/semver/internal/re.js"),re=_require2.re,t=_require2.t,compareIdentifiers=__webpack_require__("./node_modules/@storybook/semver/internal/identifiers.js").compareIdentifiers,SemVer=function(){function SemVer(version,options){if(function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,SemVer),options&&"object"===_typeof(options)||(options={loose:!!options,includePrerelease:!1}),version instanceof SemVer){if(version.loose===!!options.loose&&version.includePrerelease===!!options.includePrerelease)return version;version=version.version}else if("string"!=typeof version)throw new TypeError("Invalid Version: ".concat(version));if(version.length>MAX_LENGTH)throw new TypeError("version is longer than ".concat(MAX_LENGTH," characters"));debug("SemVer",version,options),this.options=options,this.loose=!!options.loose,this.includePrerelease=!!options.includePrerelease;var m=version.trim().match(options.loose?re[t.LOOSE]:re[t.FULL]);if(!m)throw new TypeError("Invalid Version: ".concat(version));if(this.raw=version,this.major=+m[1],this.minor=+m[2],this.patch=+m[3],this.major>MAX_SAFE_INTEGER||this.major<0)throw new TypeError("Invalid major version");if(this.minor>MAX_SAFE_INTEGER||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>MAX_SAFE_INTEGER||this.patch<0)throw new TypeError("Invalid patch version");m[4]?this.prerelease=m[4].split(".").map((function(id){if(/^[0-9]+$/.test(id)){var num=+id;if(num>=0&&num<MAX_SAFE_INTEGER)return num}return id})):this.prerelease=[],this.build=m[5]?m[5].split("."):[],this.format()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(SemVer,[{key:"format",value:function format(){return this.version="".concat(this.major,".").concat(this.minor,".").concat(this.patch),this.prerelease.length&&(this.version+="-".concat(this.prerelease.join("."))),this.version}},{key:"toString",value:function toString(){return this.version}},{key:"compare",value:function compare(other){if(debug("SemVer.compare",this.version,this.options,other),!(other instanceof SemVer)){if("string"==typeof other&&other===this.version)return 0;other=new SemVer(other,this.options)}return other.version===this.version?0:this.compareMain(other)||this.comparePre(other)}},{key:"compareMain",value:function compareMain(other){return other instanceof SemVer||(other=new SemVer(other,this.options)),compareIdentifiers(this.major,other.major)||compareIdentifiers(this.minor,other.minor)||compareIdentifiers(this.patch,other.patch)}},{key:"comparePre",value:function comparePre(other){if(other instanceof SemVer||(other=new SemVer(other,this.options)),this.prerelease.length&&!other.prerelease.length)return-1;if(!this.prerelease.length&&other.prerelease.length)return 1;if(!this.prerelease.length&&!other.prerelease.length)return 0;var i=0;do{var a=this.prerelease[i],b=other.prerelease[i];if(debug("prerelease compare",i,a,b),void 0===a&&void 0===b)return 0;if(void 0===b)return 1;if(void 0===a)return-1;if(a!==b)return compareIdentifiers(a,b)}while(++i)}},{key:"compareBuild",value:function compareBuild(other){other instanceof SemVer||(other=new SemVer(other,this.options));var i=0;do{var a=this.build[i],b=other.build[i];if(debug("prerelease compare",i,a,b),void 0===a&&void 0===b)return 0;if(void 0===b)return 1;if(void 0===a)return-1;if(a!==b)return compareIdentifiers(a,b)}while(++i)}},{key:"inc",value:function inc(release,identifier){switch(release){case"premajor":this.prerelease.length=0,this.patch=0,this.minor=0,this.major++,this.inc("pre",identifier);break;case"preminor":this.prerelease.length=0,this.patch=0,this.minor++,this.inc("pre",identifier);break;case"prepatch":this.prerelease.length=0,this.inc("patch",identifier),this.inc("pre",identifier);break;case"prerelease":0===this.prerelease.length&&this.inc("patch",identifier),this.inc("pre",identifier);break;case"major":0===this.minor&&0===this.patch&&0!==this.prerelease.length||this.major++,this.minor=0,this.patch=0,this.prerelease=[];break;case"minor":0===this.patch&&0!==this.prerelease.length||this.minor++,this.patch=0,this.prerelease=[];break;case"patch":0===this.prerelease.length&&this.patch++,this.prerelease=[];break;case"pre":if(0===this.prerelease.length)this.prerelease=[0];else{for(var i=this.prerelease.length;--i>=0;)"number"==typeof this.prerelease[i]&&(this.prerelease[i]++,i=-2);-1===i&&this.prerelease.push(0)}identifier&&(this.prerelease[0]===identifier?isNaN(this.prerelease[1])&&(this.prerelease=[identifier,0]):this.prerelease=[identifier,0]);break;default:throw new Error("invalid increment argument: ".concat(release))}return this.format(),this.raw=this.version,this}}]),SemVer}();module.exports=SemVer},"./node_modules/@storybook/semver/functions/clean.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");var parse=__webpack_require__("./node_modules/@storybook/semver/functions/parse.js");module.exports=function clean(version,options){var s=parse(version.trim().replace(/^[=v]+/,""),options);return s?s.version:null}},"./node_modules/@storybook/semver/functions/cmp.js":function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var eq=__webpack_require__("./node_modules/@storybook/semver/functions/eq.js"),neq=__webpack_require__("./node_modules/@storybook/semver/functions/neq.js"),gt=__webpack_require__("./node_modules/@storybook/semver/functions/gt.js"),gte=__webpack_require__("./node_modules/@storybook/semver/functions/gte.js"),lt=__webpack_require__("./node_modules/@storybook/semver/functions/lt.js"),lte=__webpack_require__("./node_modules/@storybook/semver/functions/lte.js");module.exports=function cmp(a,op,b,loose){switch(op){case"===":return"object"===_typeof(a)&&(a=a.version),"object"===_typeof(b)&&(b=b.version),a===b;case"!==":return"object"===_typeof(a)&&(a=a.version),"object"===_typeof(b)&&(b=b.version),a!==b;case"":case"=":case"==":return eq(a,b,loose);case"!=":return neq(a,b,loose);case">":return gt(a,b,loose);case">=":return gte(a,b,loose);case"<":return lt(a,b,loose);case"<=":return lte(a,b,loose);default:throw new TypeError("Invalid operator: ".concat(op))}}},"./node_modules/@storybook/semver/functions/coerce.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js");var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),parse=__webpack_require__("./node_modules/@storybook/semver/functions/parse.js"),_require=__webpack_require__("./node_modules/@storybook/semver/internal/re.js"),re=_require.re,t=_require.t;module.exports=function coerce(version,options){if(version instanceof SemVer)return version;if("number"==typeof version&&(version=String(version)),"string"!=typeof version)return null;var match=null;if((options=options||{}).rtl){for(var next;(next=re[t.COERCERTL].exec(version))&&(!match||match.index+match[0].length!==version.length);)match&&next.index+next[0].length===match.index+match[0].length||(match=next),re[t.COERCERTL].lastIndex=next.index+next[1].length+next[2].length;re[t.COERCERTL].lastIndex=-1}else match=version.match(re[t.COERCE]);return null===match?null:parse("".concat(match[2],".").concat(match[3]||"0",".").concat(match[4]||"0"),options)}},"./node_modules/@storybook/semver/functions/compare-build.js":function(module,exports,__webpack_require__){"use strict";var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function compareBuild(a,b,loose){var versionA=new SemVer(a,loose),versionB=new SemVer(b,loose);return versionA.compare(versionB)||versionA.compareBuild(versionB)}},"./node_modules/@storybook/semver/functions/compare-loose.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function compareLoose(a,b){return compare(a,b,!0)}},"./node_modules/@storybook/semver/functions/compare.js":function(module,exports,__webpack_require__){"use strict";var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function compare(a,b,loose){return new SemVer(a,loose).compare(new SemVer(b,loose))}},"./node_modules/@storybook/semver/functions/diff.js":function(module,exports,__webpack_require__){"use strict";var parse=__webpack_require__("./node_modules/@storybook/semver/functions/parse.js"),eq=__webpack_require__("./node_modules/@storybook/semver/functions/eq.js");module.exports=function diff(version1,version2){if(eq(version1,version2))return null;var v1=parse(version1),v2=parse(version2),hasPre=v1.prerelease.length||v2.prerelease.length,prefix=hasPre?"pre":"",defaultResult=hasPre?"prerelease":"";for(var key in v1)if(("major"===key||"minor"===key||"patch"===key)&&v1[key]!==v2[key])return prefix+key;return defaultResult}},"./node_modules/@storybook/semver/functions/eq.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function eq(a,b,loose){return 0===compare(a,b,loose)}},"./node_modules/@storybook/semver/functions/gt.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function gt(a,b,loose){return compare(a,b,loose)>0}},"./node_modules/@storybook/semver/functions/gte.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function gte(a,b,loose){return compare(a,b,loose)>=0}},"./node_modules/@storybook/semver/functions/inc.js":function(module,exports,__webpack_require__){"use strict";var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function inc(version,release,options,identifier){"string"==typeof options&&(identifier=options,options=void 0);try{return new SemVer(version,options).inc(release,identifier).version}catch(er){return null}}},"./node_modules/@storybook/semver/functions/lt.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function lt(a,b,loose){return compare(a,b,loose)<0}},"./node_modules/@storybook/semver/functions/lte.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function lte(a,b,loose){return compare(a,b,loose)<=0}},"./node_modules/@storybook/semver/functions/major.js":function(module,exports,__webpack_require__){"use strict";var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function major(a,loose){return new SemVer(a,loose).major}},"./node_modules/@storybook/semver/functions/minor.js":function(module,exports,__webpack_require__){"use strict";var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function minor(a,loose){return new SemVer(a,loose).minor}},"./node_modules/@storybook/semver/functions/neq.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function neq(a,b,loose){return 0!==compare(a,b,loose)}},"./node_modules/@storybook/semver/functions/parse.js":function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var MAX_LENGTH=__webpack_require__("./node_modules/@storybook/semver/internal/constants.js").MAX_LENGTH,_require2=__webpack_require__("./node_modules/@storybook/semver/internal/re.js"),re=_require2.re,t=_require2.t,SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function parse(version,options){if(options&&"object"===_typeof(options)||(options={loose:!!options,includePrerelease:!1}),version instanceof SemVer)return version;if("string"!=typeof version)return null;if(version.length>MAX_LENGTH)return null;if(!(options.loose?re[t.LOOSE]:re[t.FULL]).test(version))return null;try{return new SemVer(version,options)}catch(er){return null}}},"./node_modules/@storybook/semver/functions/patch.js":function(module,exports,__webpack_require__){"use strict";var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js");module.exports=function patch(a,loose){return new SemVer(a,loose).patch}},"./node_modules/@storybook/semver/functions/prerelease.js":function(module,exports,__webpack_require__){"use strict";var parse=__webpack_require__("./node_modules/@storybook/semver/functions/parse.js");module.exports=function prerelease(version,options){var parsed=parse(version,options);return parsed&&parsed.prerelease.length?parsed.prerelease:null}},"./node_modules/@storybook/semver/functions/rcompare.js":function(module,exports,__webpack_require__){"use strict";var compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function rcompare(a,b,loose){return compare(b,a,loose)}},"./node_modules/@storybook/semver/functions/rsort.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.sort.js");var compareBuild=__webpack_require__("./node_modules/@storybook/semver/functions/compare-build.js");module.exports=function rsort(list,loose){return list.sort((function(a,b){return compareBuild(b,a,loose)}))}},"./node_modules/@storybook/semver/functions/satisfies.js":function(module,exports,__webpack_require__){"use strict";var Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js");module.exports=function satisfies(version,range,options){try{range=new Range(range,options)}catch(er){return!1}return range.test(version)}},"./node_modules/@storybook/semver/functions/sort.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.sort.js");var compareBuild=__webpack_require__("./node_modules/@storybook/semver/functions/compare-build.js");module.exports=function sort(list,loose){return list.sort((function(a,b){return compareBuild(a,b,loose)}))}},"./node_modules/@storybook/semver/functions/valid.js":function(module,exports,__webpack_require__){"use strict";var parse=__webpack_require__("./node_modules/@storybook/semver/functions/parse.js");module.exports=function valid(version,options){var v=parse(version,options);return v?v.version:null}},"./node_modules/@storybook/semver/index.js":function(module,exports,__webpack_require__){"use strict";var internalRe=__webpack_require__("./node_modules/@storybook/semver/internal/re.js");module.exports={re:internalRe.re,src:internalRe.src,tokens:internalRe.t,SEMVER_SPEC_VERSION:__webpack_require__("./node_modules/@storybook/semver/internal/constants.js").SEMVER_SPEC_VERSION,SemVer:__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),compareIdentifiers:__webpack_require__("./node_modules/@storybook/semver/internal/identifiers.js").compareIdentifiers,rcompareIdentifiers:__webpack_require__("./node_modules/@storybook/semver/internal/identifiers.js").rcompareIdentifiers,parse:__webpack_require__("./node_modules/@storybook/semver/functions/parse.js"),valid:__webpack_require__("./node_modules/@storybook/semver/functions/valid.js"),clean:__webpack_require__("./node_modules/@storybook/semver/functions/clean.js"),inc:__webpack_require__("./node_modules/@storybook/semver/functions/inc.js"),diff:__webpack_require__("./node_modules/@storybook/semver/functions/diff.js"),major:__webpack_require__("./node_modules/@storybook/semver/functions/major.js"),minor:__webpack_require__("./node_modules/@storybook/semver/functions/minor.js"),patch:__webpack_require__("./node_modules/@storybook/semver/functions/patch.js"),prerelease:__webpack_require__("./node_modules/@storybook/semver/functions/prerelease.js"),compare:__webpack_require__("./node_modules/@storybook/semver/functions/compare.js"),rcompare:__webpack_require__("./node_modules/@storybook/semver/functions/rcompare.js"),compareLoose:__webpack_require__("./node_modules/@storybook/semver/functions/compare-loose.js"),compareBuild:__webpack_require__("./node_modules/@storybook/semver/functions/compare-build.js"),sort:__webpack_require__("./node_modules/@storybook/semver/functions/sort.js"),rsort:__webpack_require__("./node_modules/@storybook/semver/functions/rsort.js"),gt:__webpack_require__("./node_modules/@storybook/semver/functions/gt.js"),lt:__webpack_require__("./node_modules/@storybook/semver/functions/lt.js"),eq:__webpack_require__("./node_modules/@storybook/semver/functions/eq.js"),neq:__webpack_require__("./node_modules/@storybook/semver/functions/neq.js"),gte:__webpack_require__("./node_modules/@storybook/semver/functions/gte.js"),lte:__webpack_require__("./node_modules/@storybook/semver/functions/lte.js"),cmp:__webpack_require__("./node_modules/@storybook/semver/functions/cmp.js"),coerce:__webpack_require__("./node_modules/@storybook/semver/functions/coerce.js"),Comparator:__webpack_require__("./node_modules/@storybook/semver/classes/comparator.js"),Range:__webpack_require__("./node_modules/@storybook/semver/classes/range.js"),satisfies:__webpack_require__("./node_modules/@storybook/semver/functions/satisfies.js"),toComparators:__webpack_require__("./node_modules/@storybook/semver/ranges/to-comparators.js"),maxSatisfying:__webpack_require__("./node_modules/@storybook/semver/ranges/max-satisfying.js"),minSatisfying:__webpack_require__("./node_modules/@storybook/semver/ranges/min-satisfying.js"),minVersion:__webpack_require__("./node_modules/@storybook/semver/ranges/min-version.js"),validRange:__webpack_require__("./node_modules/@storybook/semver/ranges/valid.js"),outside:__webpack_require__("./node_modules/@storybook/semver/ranges/outside.js"),gtr:__webpack_require__("./node_modules/@storybook/semver/ranges/gtr.js"),ltr:__webpack_require__("./node_modules/@storybook/semver/ranges/ltr.js"),intersects:__webpack_require__("./node_modules/@storybook/semver/ranges/intersects.js"),simplifyRange:__webpack_require__("./node_modules/@storybook/semver/ranges/simplify.js"),subset:__webpack_require__("./node_modules/@storybook/semver/ranges/subset.js")}},"./node_modules/@storybook/semver/internal/constants.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.number.max-safe-integer.js");var MAX_SAFE_INTEGER=Number.MAX_SAFE_INTEGER||9007199254740991;module.exports={SEMVER_SPEC_VERSION:"2.0.0",MAX_LENGTH:256,MAX_SAFE_INTEGER:MAX_SAFE_INTEGER,MAX_SAFE_COMPONENT_LENGTH:16}},"./node_modules/@storybook/semver/internal/debug.js":function(module,exports,__webpack_require__){"use strict";(function(process){function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var debug="object"===(void 0===process?"undefined":_typeof(process))&&process.env&&process.env.NODE_DEBUG&&/\bsemver\b/i.test(process.env.NODE_DEBUG)?function(){for(var _console,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_console=console).error.apply(_console,["SEMVER"].concat(args))}:function(){};module.exports=debug}).call(this,__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/@storybook/semver/internal/identifiers.js":function(module,exports,__webpack_require__){"use strict";var numeric=/^[0-9]+$/,compareIdentifiers=function compareIdentifiers(a,b){var anum=numeric.test(a),bnum=numeric.test(b);return anum&&bnum&&(a=+a,b=+b),a===b?0:anum&&!bnum?-1:bnum&&!anum?1:a<b?-1:1};module.exports={compareIdentifiers:compareIdentifiers,rcompareIdentifiers:function rcompareIdentifiers(a,b){return compareIdentifiers(b,a)}}},"./node_modules/@storybook/semver/internal/re.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js");var MAX_SAFE_COMPONENT_LENGTH=__webpack_require__("./node_modules/@storybook/semver/internal/constants.js").MAX_SAFE_COMPONENT_LENGTH,debug=__webpack_require__("./node_modules/@storybook/semver/internal/debug.js"),re=(exports=module.exports={}).re=[],src=exports.src=[],t=exports.t={},R=0,createToken=function createToken(name,value,isGlobal){var index=R++;debug(index,value),t[name]=index,src[index]=value,re[index]=new RegExp(value,isGlobal?"g":void 0)};createToken("NUMERICIDENTIFIER","0|[1-9]\\d*"),createToken("NUMERICIDENTIFIERLOOSE","[0-9]+"),createToken("NONNUMERICIDENTIFIER","\\d*[a-zA-Z-][a-zA-Z0-9-]*"),createToken("MAINVERSION","(".concat(src[t.NUMERICIDENTIFIER],")\\.")+"(".concat(src[t.NUMERICIDENTIFIER],")\\.")+"(".concat(src[t.NUMERICIDENTIFIER],")")),createToken("MAINVERSIONLOOSE","(".concat(src[t.NUMERICIDENTIFIERLOOSE],")\\.")+"(".concat(src[t.NUMERICIDENTIFIERLOOSE],")\\.")+"(".concat(src[t.NUMERICIDENTIFIERLOOSE],")")),createToken("PRERELEASEIDENTIFIER","(?:".concat(src[t.NUMERICIDENTIFIER],"|").concat(src[t.NONNUMERICIDENTIFIER],")")),createToken("PRERELEASEIDENTIFIERLOOSE","(?:".concat(src[t.NUMERICIDENTIFIERLOOSE],"|").concat(src[t.NONNUMERICIDENTIFIER],")")),createToken("PRERELEASE","(?:-(".concat(src[t.PRERELEASEIDENTIFIER],"(?:\\.").concat(src[t.PRERELEASEIDENTIFIER],")*))")),createToken("PRERELEASELOOSE","(?:-?(".concat(src[t.PRERELEASEIDENTIFIERLOOSE],"(?:\\.").concat(src[t.PRERELEASEIDENTIFIERLOOSE],")*))")),createToken("BUILDIDENTIFIER","[0-9A-Za-z-]+"),createToken("BUILD","(?:\\+(".concat(src[t.BUILDIDENTIFIER],"(?:\\.").concat(src[t.BUILDIDENTIFIER],")*))")),createToken("FULLPLAIN","v?".concat(src[t.MAINVERSION]).concat(src[t.PRERELEASE],"?").concat(src[t.BUILD],"?")),createToken("FULL","^".concat(src[t.FULLPLAIN],"$")),createToken("LOOSEPLAIN","[v=\\s]*".concat(src[t.MAINVERSIONLOOSE]).concat(src[t.PRERELEASELOOSE],"?").concat(src[t.BUILD],"?")),createToken("LOOSE","^".concat(src[t.LOOSEPLAIN],"$")),createToken("GTLT","((?:<|>)?=?)"),createToken("XRANGEIDENTIFIERLOOSE","".concat(src[t.NUMERICIDENTIFIERLOOSE],"|x|X|\\*")),createToken("XRANGEIDENTIFIER","".concat(src[t.NUMERICIDENTIFIER],"|x|X|\\*")),createToken("XRANGEPLAIN","[v=\\s]*(".concat(src[t.XRANGEIDENTIFIER],")")+"(?:\\.(".concat(src[t.XRANGEIDENTIFIER],")")+"(?:\\.(".concat(src[t.XRANGEIDENTIFIER],")")+"(?:".concat(src[t.PRERELEASE],")?").concat(src[t.BUILD],"?")+")?)?"),createToken("XRANGEPLAINLOOSE","[v=\\s]*(".concat(src[t.XRANGEIDENTIFIERLOOSE],")")+"(?:\\.(".concat(src[t.XRANGEIDENTIFIERLOOSE],")")+"(?:\\.(".concat(src[t.XRANGEIDENTIFIERLOOSE],")")+"(?:".concat(src[t.PRERELEASELOOSE],")?").concat(src[t.BUILD],"?")+")?)?"),createToken("XRANGE","^".concat(src[t.GTLT],"\\s*").concat(src[t.XRANGEPLAIN],"$")),createToken("XRANGELOOSE","^".concat(src[t.GTLT],"\\s*").concat(src[t.XRANGEPLAINLOOSE],"$")),createToken("COERCE","".concat("(^|[^\\d])(\\d{1,").concat(MAX_SAFE_COMPONENT_LENGTH,"})")+"(?:\\.(\\d{1,".concat(MAX_SAFE_COMPONENT_LENGTH,"}))?")+"(?:\\.(\\d{1,".concat(MAX_SAFE_COMPONENT_LENGTH,"}))?")+"(?:$|[^\\d])"),createToken("COERCERTL",src[t.COERCE],!0),createToken("LONETILDE","(?:~>?)"),createToken("TILDETRIM","(\\s*)".concat(src[t.LONETILDE],"\\s+"),!0),exports.tildeTrimReplace="$1~",createToken("TILDE","^".concat(src[t.LONETILDE]).concat(src[t.XRANGEPLAIN],"$")),createToken("TILDELOOSE","^".concat(src[t.LONETILDE]).concat(src[t.XRANGEPLAINLOOSE],"$")),createToken("LONECARET","(?:\\^)"),createToken("CARETTRIM","(\\s*)".concat(src[t.LONECARET],"\\s+"),!0),exports.caretTrimReplace="$1^",createToken("CARET","^".concat(src[t.LONECARET]).concat(src[t.XRANGEPLAIN],"$")),createToken("CARETLOOSE","^".concat(src[t.LONECARET]).concat(src[t.XRANGEPLAINLOOSE],"$")),createToken("COMPARATORLOOSE","^".concat(src[t.GTLT],"\\s*(").concat(src[t.LOOSEPLAIN],")$|^$")),createToken("COMPARATOR","^".concat(src[t.GTLT],"\\s*(").concat(src[t.FULLPLAIN],")$|^$")),createToken("COMPARATORTRIM","(\\s*)".concat(src[t.GTLT],"\\s*(").concat(src[t.LOOSEPLAIN],"|").concat(src[t.XRANGEPLAIN],")"),!0),exports.comparatorTrimReplace="$1$2$3",createToken("HYPHENRANGE","^\\s*(".concat(src[t.XRANGEPLAIN],")")+"\\s+-\\s+"+"(".concat(src[t.XRANGEPLAIN],")")+"\\s*$"),createToken("HYPHENRANGELOOSE","^\\s*(".concat(src[t.XRANGEPLAINLOOSE],")")+"\\s+-\\s+"+"(".concat(src[t.XRANGEPLAINLOOSE],")")+"\\s*$"),createToken("STAR","(<|>)?=?\\s*\\*"),createToken("GTE0","^\\s*>=\\s*0.0.0\\s*$"),createToken("GTE0PRE","^\\s*>=\\s*0.0.0-0\\s*$")},"./node_modules/@storybook/semver/ranges/gtr.js":function(module,exports,__webpack_require__){"use strict";var outside=__webpack_require__("./node_modules/@storybook/semver/ranges/outside.js");module.exports=function gtr(version,range,options){return outside(version,range,">",options)}},"./node_modules/@storybook/semver/ranges/intersects.js":function(module,exports,__webpack_require__){"use strict";var Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js");module.exports=function intersects(r1,r2,options){return r1=new Range(r1,options),r2=new Range(r2,options),r1.intersects(r2)}},"./node_modules/@storybook/semver/ranges/ltr.js":function(module,exports,__webpack_require__){"use strict";var outside=__webpack_require__("./node_modules/@storybook/semver/ranges/outside.js");module.exports=function ltr(version,range,options){return outside(version,range,"<",options)}},"./node_modules/@storybook/semver/ranges/max-satisfying.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js");module.exports=function maxSatisfying(versions,range,options){var max=null,maxSV=null,rangeObj=null;try{rangeObj=new Range(range,options)}catch(er){return null}return versions.forEach((function(v){rangeObj.test(v)&&(max&&-1!==maxSV.compare(v)||(maxSV=new SemVer(max=v,options)))})),max}},"./node_modules/@storybook/semver/ranges/min-satisfying.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js");module.exports=function minSatisfying(versions,range,options){var min=null,minSV=null,rangeObj=null;try{rangeObj=new Range(range,options)}catch(er){return null}return versions.forEach((function(v){rangeObj.test(v)&&(min&&1!==minSV.compare(v)||(minSV=new SemVer(min=v,options)))})),min}},"./node_modules/@storybook/semver/ranges/min-version.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js"),gt=__webpack_require__("./node_modules/@storybook/semver/functions/gt.js");module.exports=function minVersion(range,loose){range=new Range(range,loose);var minver=new SemVer("0.0.0");if(range.test(minver))return minver;if(minver=new SemVer("0.0.0-0"),range.test(minver))return minver;minver=null;for(var i=0;i<range.set.length;++i){range.set[i].forEach((function(comparator){var compver=new SemVer(comparator.semver.version);switch(comparator.operator){case">":0===compver.prerelease.length?compver.patch++:compver.prerelease.push(0),compver.raw=compver.format();case"":case">=":minver&&!gt(minver,compver)||(minver=compver);break;case"<":case"<=":break;default:throw new Error("Unexpected operation: ".concat(comparator.operator))}}))}return minver&&range.test(minver)?minver:null}},"./node_modules/@storybook/semver/ranges/outside.js":function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var SemVer=__webpack_require__("./node_modules/@storybook/semver/classes/semver.js"),Comparator=__webpack_require__("./node_modules/@storybook/semver/classes/comparator.js"),ANY=Comparator.ANY,Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js"),satisfies=__webpack_require__("./node_modules/@storybook/semver/functions/satisfies.js"),gt=__webpack_require__("./node_modules/@storybook/semver/functions/gt.js"),lt=__webpack_require__("./node_modules/@storybook/semver/functions/lt.js"),lte=__webpack_require__("./node_modules/@storybook/semver/functions/lte.js"),gte=__webpack_require__("./node_modules/@storybook/semver/functions/gte.js");module.exports=function outside(version,range,hilo,options){var gtfn,ltefn,ltfn,comp,ecomp;switch(version=new SemVer(version,options),range=new Range(range,options),hilo){case">":gtfn=gt,ltefn=lte,ltfn=lt,comp=">",ecomp=">=";break;case"<":gtfn=lt,ltefn=gte,ltfn=gt,comp="<",ecomp="<=";break;default:throw new TypeError('Must provide a hilo val of "<" or ">"')}if(satisfies(version,range,options))return!1;for(var _loop=function _loop(i){var comparators=range.set[i],high=null,low=null;return comparators.forEach((function(comparator){comparator.semver===ANY&&(comparator=new Comparator(">=0.0.0")),high=high||comparator,low=low||comparator,gtfn(comparator.semver,high.semver,options)?high=comparator:ltfn(comparator.semver,low.semver,options)&&(low=comparator)})),high.operator===comp||high.operator===ecomp?{v:!1}:low.operator&&low.operator!==comp||!ltefn(version,low.semver)?low.operator===ecomp&&ltfn(version,low.semver)?{v:!1}:void 0:{v:!1}},i=0;i<range.set.length;++i){var _ret=_loop(i);if("object"===_typeof(_ret))return _ret.v}return!0}},"./node_modules/@storybook/semver/ranges/simplify.js":function(module,exports,__webpack_require__){"use strict";function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var satisfies=__webpack_require__("./node_modules/@storybook/semver/functions/satisfies.js"),compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js");module.exports=function(versions,range,options){var _step,set=[],min=null,prev=null,v=versions.sort((function(a,b){return compare(a,b,options)})),_iterator=function _createForOfIteratorHelper(o){if("undefined"==typeof Symbol||null==o[Symbol.iterator]){if(Array.isArray(o)||(o=_unsupportedIterableToArray(o))){var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e2){throw _e2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var it,err,normalCompletion=!0,didErr=!1;return{s:function s(){it=o[Symbol.iterator]()},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e3){didErr=!0,err=_e3},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}(v);try{for(_iterator.s();!(_step=_iterator.n()).done;){var version=_step.value;satisfies(version,range,options)?(prev=version,min||(min=version)):(prev&&set.push([min,prev]),prev=null,min=null)}}catch(err){_iterator.e(err)}finally{_iterator.f()}min&&set.push([min,null]);for(var ranges=[],_i=0,_set=set;_i<_set.length;_i++){var _set$_i=_slicedToArray(_set[_i],2),_min=_set$_i[0],max=_set$_i[1];_min===max?ranges.push(_min):max||_min!==v[0]?max?_min===v[0]?ranges.push("<=".concat(max)):ranges.push("".concat(_min," - ").concat(max)):ranges.push(">=".concat(_min)):ranges.push("*")}var simplified=ranges.join(" || "),original="string"==typeof range.raw?range.raw:String(range);return simplified.length<original.length?simplified:range}},"./node_modules/@storybook/semver/ranges/subset.js":function(module,exports,__webpack_require__){"use strict";function _createForOfIteratorHelper(o){if("undefined"==typeof Symbol||null==o[Symbol.iterator]){if(Array.isArray(o)||(o=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))){var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var it,err,normalCompletion=!0,didErr=!1;return{s:function s(){it=o[Symbol.iterator]()},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js"),ANY=__webpack_require__("./node_modules/@storybook/semver/classes/comparator.js").ANY,satisfies=__webpack_require__("./node_modules/@storybook/semver/functions/satisfies.js"),compare=__webpack_require__("./node_modules/@storybook/semver/functions/compare.js"),simpleSubset=function simpleSubset(sub,dom,options){if(1===sub.length&&sub[0].semver===ANY)return 1===dom.length&&dom[0].semver===ANY;var gt,lt,_step3,gtltComp,eqSet=new Set,_iterator3=_createForOfIteratorHelper(sub);try{for(_iterator3.s();!(_step3=_iterator3.n()).done;){var c=_step3.value;">"===c.operator||">="===c.operator?gt=higherGT(gt,c,options):"<"===c.operator||"<="===c.operator?lt=lowerLT(lt,c,options):eqSet.add(c.semver)}}catch(err){_iterator3.e(err)}finally{_iterator3.f()}if(eqSet.size>1)return null;if(gt&&lt){if((gtltComp=compare(gt.semver,lt.semver,options))>0)return null;if(0===gtltComp&&(">="!==gt.operator||"<="!==lt.operator))return null}var _step4,hasDomLT,hasDomGT,_iterator4=_createForOfIteratorHelper(eqSet);try{for(_iterator4.s();!(_step4=_iterator4.n()).done;){var eq=_step4.value;if(gt&&!satisfies(eq,String(gt),options))return null;if(lt&&!satisfies(eq,String(lt),options))return null;var _step6,_iterator6=_createForOfIteratorHelper(dom);try{for(_iterator6.s();!(_step6=_iterator6.n()).done;){var _c=_step6.value;if(!satisfies(eq,String(_c),options))return!1}}catch(err){_iterator6.e(err)}finally{_iterator6.f()}return!0}}catch(err){_iterator4.e(err)}finally{_iterator4.f()}var _step5,_iterator5=_createForOfIteratorHelper(dom);try{for(_iterator5.s();!(_step5=_iterator5.n()).done;){var _c2=_step5.value;if(hasDomGT=hasDomGT||">"===_c2.operator||">="===_c2.operator,hasDomLT=hasDomLT||"<"===_c2.operator||"<="===_c2.operator,gt)if(">"===_c2.operator||">="===_c2.operator){if(higherGT(gt,_c2,options)===_c2)return!1}else if(">="===gt.operator&&!satisfies(gt.semver,String(_c2),options))return!1;if(lt)if("<"===_c2.operator||"<="===_c2.operator){if(lowerLT(lt,_c2,options)===_c2)return!1}else if("<="===lt.operator&&!satisfies(lt.semver,String(_c2),options))return!1;if(!_c2.operator&&(lt||gt)&&0!==gtltComp)return!1}}catch(err){_iterator5.e(err)}finally{_iterator5.f()}return!(gt&&hasDomLT&&!lt&&0!==gtltComp)&&!(lt&&hasDomGT&&!gt&&0!==gtltComp)},higherGT=function higherGT(a,b,options){if(!a)return b;var comp=compare(a.semver,b.semver,options);return comp>0?a:comp<0||">"===b.operator&&">="===a.operator?b:a},lowerLT=function lowerLT(a,b,options){if(!a)return b;var comp=compare(a.semver,b.semver,options);return comp<0?a:comp>0||"<"===b.operator&&"<="===a.operator?b:a};module.exports=function subset(sub,dom,options){sub=new Range(sub,options),dom=new Range(dom,options);var _step,sawNonNull=!1,_iterator=_createForOfIteratorHelper(sub.set);try{OUTER:for(_iterator.s();!(_step=_iterator.n()).done;){var _step2,simpleSub=_step.value,_iterator2=_createForOfIteratorHelper(dom.set);try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var simpleDom=_step2.value,isSub=simpleSubset(simpleSub,simpleDom,options);if(sawNonNull=sawNonNull||null!==isSub,isSub)continue OUTER}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}if(sawNonNull)return!1}}catch(err){_iterator.e(err)}finally{_iterator.f()}return!0}},"./node_modules/@storybook/semver/ranges/to-comparators.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");var Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js");module.exports=function toComparators(range,options){return new Range(range,options).set.map((function(comp){return comp.map((function(c){return c.value})).join(" ").trim().split(" ")}))}},"./node_modules/@storybook/semver/ranges/valid.js":function(module,exports,__webpack_require__){"use strict";var Range=__webpack_require__("./node_modules/@storybook/semver/classes/range.js");module.exports=function validRange(range,options){try{return new Range(range,options).range||"*"}catch(er){return null}}},"./node_modules/@storybook/store/dist/esm/StoryStore.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StoryStore_StoryStore}));__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var _templateObject,memoizerific=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific_default=__webpack_require__.n(memoizerific),mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),pick=__webpack_require__("./node_modules/lodash/pick.js"),pick_default=__webpack_require__.n(pick),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),synchronous_promise=__webpack_require__("./node_modules/synchronous-promise/index.js"),esm=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/ts-dedent/esm/index.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var StoryIndexStore_StoryIndexStore=function(){function StoryIndexStore(){var _ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{v:3,stories:{}},stories=_ref.stories;_classCallCheck(this,StoryIndexStore),this.channel=void 0,this.stories=void 0,this.stories=stories}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(StoryIndexStore,[{key:"storyIdFromSpecifier",value:function storyIdFromSpecifier(specifier){var storyIds=Object.keys(this.stories);if("*"===specifier)return storyIds[0];if("string"==typeof specifier)return storyIds.indexOf(specifier)>=0?specifier:storyIds.find((function(storyId){return storyId.startsWith(specifier)}));var name=specifier.name,title=specifier.title,match=Object.entries(this.stories).find((function(_ref2){var _ref3=_slicedToArray(_ref2,2),story=(_ref3[0],_ref3[1]);return story.name===name&&story.title===title}));return match&&match[0]}},{key:"storyIdToEntry",value:function storyIdToEntry(storyId){var storyEntry=this.stories[storyId];if(!storyEntry)throw new Error(Object(esm.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["Couldn't find story matching '","' after HMR.\n      - Did you remove it from your CSF file?\n      - Are you sure a story with that id exists?\n      - Please check your stories field of your main.js config.\n      - Also check the browser console and terminal for error messages."])),storyId));return storyEntry}}]),StoryIndexStore}(),args=__webpack_require__("./node_modules/@storybook/store/dist/esm/args.js");function ArgsStore_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var GlobalsStore_templateObject,ArgsStore_ArgsStore=function(){function ArgsStore(){!function ArgsStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ArgsStore),this.initialArgsByStoryId={},this.argsByStoryId={}}return function ArgsStore_createClass(Constructor,protoProps,staticProps){return protoProps&&ArgsStore_defineProperties(Constructor.prototype,protoProps),staticProps&&ArgsStore_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ArgsStore,[{key:"get",value:function get(storyId){if(!(storyId in this.argsByStoryId))throw new Error("No args known for ".concat(storyId," -- has it been rendered yet?"));return this.argsByStoryId[storyId]}},{key:"setInitial",value:function setInitial(story){if(this.initialArgsByStoryId[story.id]){if(this.initialArgsByStoryId[story.id]!==story.initialArgs){var delta=Object(args.d)(this.initialArgsByStoryId[story.id],this.argsByStoryId[story.id]);this.initialArgsByStoryId[story.id]=story.initialArgs,this.argsByStoryId[story.id]=story.initialArgs,delta!==args.a&&this.updateFromDelta(story,delta)}}else this.initialArgsByStoryId[story.id]=story.initialArgs,this.argsByStoryId[story.id]=story.initialArgs}},{key:"updateFromDelta",value:function updateFromDelta(story,delta){var validatedDelta=Object(args.h)(delta,story.argTypes);this.argsByStoryId[story.id]=Object(args.c)(this.argsByStoryId[story.id],validatedDelta)}},{key:"updateFromPersisted",value:function updateFromPersisted(story,persisted){var mappedPersisted=Object(args.f)(persisted,story.argTypes);return this.updateFromDelta(story,mappedPersisted)}},{key:"update",value:function update(storyId,argsUpdate){if(!(storyId in this.argsByStoryId))throw new Error("No args known for ".concat(storyId," -- has it been rendered yet?"));this.argsByStoryId[storyId]=function deleteUndefined(obj){return Object.keys(obj).forEach((function(key){return void 0===obj[key]&&delete obj[key]})),obj}(Object.assign({},this.argsByStoryId[storyId],argsUpdate))}}]),ArgsStore}(),browser=(__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/util-deprecate/browser.js")),browser_default=__webpack_require__.n(browser),getValuesFromArgTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js");function GlobalsStore_slicedToArray(arr,i){return function GlobalsStore_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function GlobalsStore_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||GlobalsStore_unsupportedIterableToArray(arr,i)||function GlobalsStore_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return GlobalsStore_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||GlobalsStore_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function GlobalsStore_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return GlobalsStore_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?GlobalsStore_arrayLikeToArray(o,minLen):void 0}}function GlobalsStore_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function GlobalsStore_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var setUndeclaredWarning=browser_default()((function(){}),Object(esm.a)(GlobalsStore_templateObject||(GlobalsStore_templateObject=function GlobalsStore_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Setting a global value that is undeclared (i.e. not in the user's initial set of globals\n    or globalTypes) is deprecated and will have no effect in 7.0.\n  "])))),GlobalsStore_GlobalsStore=function(){function GlobalsStore(){!function GlobalsStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,GlobalsStore),this.allowedGlobalNames=void 0,this.initialGlobals=void 0,this.globals={}}return function GlobalsStore_createClass(Constructor,protoProps,staticProps){return protoProps&&GlobalsStore_defineProperties(Constructor.prototype,protoProps),staticProps&&GlobalsStore_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(GlobalsStore,[{key:"set",value:function set(_ref){var _ref$globals=_ref.globals,globals=void 0===_ref$globals?{}:_ref$globals,_ref$globalTypes=_ref.globalTypes,globalTypes=void 0===_ref$globalTypes?{}:_ref$globalTypes,delta=this.initialGlobals&&Object(args.d)(this.initialGlobals,this.globals);this.allowedGlobalNames=new Set([].concat(_toConsumableArray(Object.keys(globals)),_toConsumableArray(Object.keys(globalTypes))));var defaultGlobals=Object(getValuesFromArgTypes.a)(globalTypes);this.initialGlobals=Object.assign({},defaultGlobals,globals),this.globals=this.initialGlobals,delta&&delta!==args.a&&this.updateFromPersisted(delta)}},{key:"filterAllowedGlobals",value:function filterAllowedGlobals(globals){var _this=this;return Object.entries(globals).reduce((function(acc,_ref2){var _ref3=GlobalsStore_slicedToArray(_ref2,2),key=_ref3[0],value=_ref3[1];return _this.allowedGlobalNames.has(key)&&(acc[key]=value),acc}),{})}},{key:"updateFromPersisted",value:function updateFromPersisted(persisted){var allowedUrlGlobals=this.filterAllowedGlobals(persisted);this.globals=Object.assign({},this.globals,allowedUrlGlobals)}},{key:"get",value:function get(){return this.globals}},{key:"update",value:function update(newGlobals){var _this2=this;Object.keys(newGlobals).forEach((function(key){_this2.allowedGlobalNames.has(key)||setUndeclaredWarning()})),this.globals=Object.assign({},this.globals,newGlobals)}}]),GlobalsStore}(),processCSFFile=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/processCSFFile.js"),prepareStory=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/prepareStory.js"),normalizeProjectAnnotations=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js");function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function StoryStore_slicedToArray(arr,i){return function StoryStore_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function StoryStore_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function StoryStore_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return StoryStore_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return StoryStore_arrayLikeToArray(o,minLen)}(arr,i)||function StoryStore_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function StoryStore_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function StoryStore_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var StoryStore_StoryStore=function(){function StoryStore(){var _this=this;!function StoryStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StoryStore),this.storyIndex=void 0,this.importFn=void 0,this.projectAnnotations=void 0,this.globals=void 0,this.args=void 0,this.hooks=void 0,this.cachedCSFFiles=void 0,this.processCSFFileWithCache=void 0,this.prepareStoryWithCache=void 0,this.initializationPromise=void 0,this.resolveInitializationPromise=void 0,this.getStoriesJsonData=function(){var value=_this.getSetStoriesPayload(),allowedParameters=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:mapValues_default()(value.stories,(function(story){var _global$FEATURES;return Object.assign({},pick_default()(story,["id","name","title"]),{importPath:_this.storyIndex.stories[story.id].importPath},!(null!==(_global$FEATURES=window_default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.breakingChangesV7)&&{kind:story.title,story:story.name,parameters:Object.assign({},pick_default()(story.parameters,allowedParameters),{fileName:_this.storyIndex.stories[story.id].importPath})})}))}},this.globals=new GlobalsStore_GlobalsStore,this.args=new ArgsStore_ArgsStore,this.hooks={},this.processCSFFileWithCache=memoizerific_default()(1e3)(processCSFFile.a),this.prepareStoryWithCache=memoizerific_default()(1e4)(prepareStory.a),this.initializationPromise=new synchronous_promise.SynchronousPromise((function(resolve){_this.resolveInitializationPromise=resolve}))}var _loadStory,_onStoriesChanged;return function StoryStore_createClass(Constructor,protoProps,staticProps){return protoProps&&StoryStore_defineProperties(Constructor.prototype,protoProps),staticProps&&StoryStore_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(StoryStore,[{key:"setProjectAnnotations",value:function setProjectAnnotations(projectAnnotations){this.projectAnnotations=Object(normalizeProjectAnnotations.a)(projectAnnotations);var globals=projectAnnotations.globals,globalTypes=projectAnnotations.globalTypes;this.globals.set({globals:globals,globalTypes:globalTypes})}},{key:"initialize",value:function initialize(_ref){var storyIndex=_ref.storyIndex,importFn=_ref.importFn,_ref$cache=_ref.cache,cache=void 0!==_ref$cache&&_ref$cache;return this.storyIndex=new StoryIndexStore_StoryIndexStore(storyIndex),this.importFn=importFn,this.resolveInitializationPromise(),cache?this.cacheAllCSFFiles():synchronous_promise.SynchronousPromise.resolve()}},{key:"onStoriesChanged",value:(_onStoriesChanged=_asyncToGenerator(regeneratorRuntime.mark((function _callee(_ref2){var importFn,storyIndex;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(importFn=_ref2.importFn,storyIndex=_ref2.storyIndex,importFn&&(this.importFn=importFn),storyIndex&&(this.storyIndex.stories=storyIndex.stories),!this.cachedCSFFiles){_context.next=6;break}return _context.next=6,this.cacheAllCSFFiles();case 6:case"end":return _context.stop()}}),_callee,this)}))),function onStoriesChanged(_x){return _onStoriesChanged.apply(this,arguments)})},{key:"loadCSFFileByStoryId",value:function loadCSFFileByStoryId(storyId){var _this2=this,_this$storyIndex$stor=this.storyIndex.storyIdToEntry(storyId),importPath=_this$storyIndex$stor.importPath,title=_this$storyIndex$stor.title;return this.importFn(importPath).then((function(moduleExports){return _this2.processCSFFileWithCache(moduleExports,importPath,title)}))}},{key:"loadAllCSFFiles",value:function loadAllCSFFiles(){var _this3=this,importPaths={};Object.entries(this.storyIndex.stories).forEach((function(_ref3){var _ref4=StoryStore_slicedToArray(_ref3,2),storyId=_ref4[0],importPath=_ref4[1].importPath;importPaths[importPath]=storyId}));var csfFilePromiseList=Object.entries(importPaths).map((function(_ref5){var _ref6=StoryStore_slicedToArray(_ref5,2),importPath=_ref6[0],storyId=_ref6[1];return _this3.loadCSFFileByStoryId(storyId).then((function(csfFile){return{importPath:importPath,csfFile:csfFile}}))}));return synchronous_promise.SynchronousPromise.all(csfFilePromiseList).then((function(list){return list.reduce((function(acc,_ref7){var importPath=_ref7.importPath,csfFile=_ref7.csfFile;return acc[importPath]=csfFile,acc}),{})}))}},{key:"cacheAllCSFFiles",value:function cacheAllCSFFiles(){var _this4=this;return this.initializationPromise.then((function(){return _this4.loadAllCSFFiles().then((function(csfFiles){_this4.cachedCSFFiles=csfFiles}))}))}},{key:"loadStory",value:(_loadStory=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(_ref8){var storyId,csfFile;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return storyId=_ref8.storyId,_context2.next=3,this.initializationPromise;case 3:return _context2.next=5,this.loadCSFFileByStoryId(storyId);case 5:return csfFile=_context2.sent,_context2.abrupt("return",this.storyFromCSFFile({storyId:storyId,csfFile:csfFile}));case 7:case"end":return _context2.stop()}}),_callee2,this)}))),function loadStory(_x2){return _loadStory.apply(this,arguments)})},{key:"storyFromCSFFile",value:function storyFromCSFFile(_ref9){var storyId=_ref9.storyId,csfFile=_ref9.csfFile,storyAnnotations=csfFile.stories[storyId];if(!storyAnnotations)throw new Error("Didn't find '".concat(storyId,"' in CSF file, this is unexpected"));var componentAnnotations=csfFile.meta,story=this.prepareStoryWithCache(storyAnnotations,componentAnnotations,this.projectAnnotations);return this.args.setInitial(story),this.hooks[story.id]=this.hooks[story.id]||new hooks.a,story}},{key:"componentStoriesFromCSFFile",value:function componentStoriesFromCSFFile(_ref10){var _this5=this,csfFile=_ref10.csfFile;return Object.keys(this.storyIndex.stories).filter((function(storyId){return!!csfFile.stories[storyId]})).map((function(storyId){return _this5.storyFromCSFFile({storyId:storyId,csfFile:csfFile})}))}},{key:"getStoryContext",value:function getStoryContext(story){return Object.assign({},story,{args:this.args.get(story.id),globals:this.globals.get(),hooks:this.hooks[story.id]})}},{key:"cleanupStory",value:function cleanupStory(story){this.hooks[story.id].clean()}},{key:"extract",value:function extract(){var _this6=this,options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{includeDocsOnly:!1};if(!this.cachedCSFFiles)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.stories).reduce((function(acc,_ref11){var _ref12=StoryStore_slicedToArray(_ref11,2),storyId=_ref12[0],importPath=_ref12[1].importPath,csfFile=_this6.cachedCSFFiles[importPath],story=_this6.storyFromCSFFile({storyId:storyId,csfFile:csfFile});return!options.includeDocsOnly&&story.parameters.docsOnly||(acc[storyId]=Object.entries(story).reduce((function(storyAcc,_ref13){var _ref14=StoryStore_slicedToArray(_ref13,2),key=_ref14[0],value=_ref14[1];return"function"==typeof value?storyAcc:Array.isArray(value)?Object.assign(storyAcc,_defineProperty({},key,value.slice().sort())):Object.assign(storyAcc,_defineProperty({},key,value))}),{args:story.initialArgs})),acc}),{})}},{key:"getSetStoriesPayload",value:function getSetStoriesPayload(){var stories=this.extract({includeDocsOnly:!0}),kindParameters=Object.values(stories).reduce((function(acc,_ref15){return acc[_ref15.title]={},acc}),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:kindParameters,stories:stories}}},{key:"raw",value:function raw(){var _this7=this;return Object.values(this.extract()).map((function(_ref16){var id=_ref16.id;return _this7.fromId(id)}))}},{key:"fromId",value:function fromId(storyId){var importPath,_this8=this;if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");try{importPath=this.storyIndex.storyIdToEntry(storyId).importPath}catch(err){return null}var csfFile=this.cachedCSFFiles[importPath],story=this.storyFromCSFFile({storyId:storyId,csfFile:csfFile});return Object.assign({},story,{storyFn:function storyFn(update){var context=Object.assign({},_this8.getStoryContext(story),{viewMode:"story"});return story.unboundStoryFn(Object.assign({},context,update))}})}}]),StoryStore}()},"./node_modules/@storybook/store/dist/esm/args.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return mapArgsToTypes})),__webpack_require__.d(__webpack_exports__,"c",(function(){return combineArgs})),__webpack_require__.d(__webpack_exports__,"h",(function(){return validateOptions})),__webpack_require__.d(__webpack_exports__,"a",(function(){return DEEPLY_EQUAL})),__webpack_require__.d(__webpack_exports__,"d",(function(){return deepDiff})),__webpack_require__.d(__webpack_exports__,"b",(function(){return NO_TARGET_NAME})),__webpack_require__.d(__webpack_exports__,"e",(function(){return groupArgsByTarget})),__webpack_require__.d(__webpack_exports__,"g",(function(){return noTargetArgs}));__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var _templateObject,_templateObject2,fast_deep_equal__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/fast-deep-equal/index.js"),fast_deep_equal__WEBPACK_IMPORTED_MODULE_25___default=__webpack_require__.n(fast_deep_equal__WEBPACK_IMPORTED_MODULE_25__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/lodash/isPlainObject.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27___default=__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27__),ts_dedent__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/ts-dedent/esm/index.js");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var INCOMPATIBLE=Symbol("incompatible"),map=function map(arg,argType){var type=argType.type;if(null==arg||!type)return arg;if(argType.mapping)return arg;switch(type.name){case"string":return String(arg);case"enum":return arg;case"number":return Number(arg);case"boolean":return"true"===arg;case"array":return type.value&&Array.isArray(arg)?arg.reduce((function(acc,item,index){var mapped=map(item,{type:type.value});return mapped!==INCOMPATIBLE&&(acc[index]=mapped),acc}),new Array(arg.length)):INCOMPATIBLE;case"object":return"string"==typeof arg||"number"==typeof arg?arg:type.value&&"object"===_typeof(arg)?Object.entries(arg).reduce((function(acc,_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],val=_ref2[1],mapped=map(val,{type:type.value[key]});return mapped===INCOMPATIBLE?acc:Object.assign(acc,_defineProperty({},key,mapped))}),{}):INCOMPATIBLE;default:return INCOMPATIBLE}},mapArgsToTypes=function mapArgsToTypes(args,argTypes){return Object.entries(args).reduce((function(acc,_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];if(!argTypes[key])return acc;var mapped=map(value,argTypes[key]);return mapped===INCOMPATIBLE?acc:Object.assign(acc,_defineProperty({},key,mapped))}),{})},combineArgs=function combineArgs(value,update){return Array.isArray(value)&&Array.isArray(update)?update.reduce((function(acc,upd,index){return acc[index]=combineArgs(value[index],update[index]),acc}),_toConsumableArray(value)).filter((function(v){return void 0!==v})):lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27___default()(value)&&lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27___default()(update)?Object.keys(Object.assign({},value,update)).reduce((function(acc,key){if(key in update){var combined=combineArgs(value[key],update[key]);void 0!==combined&&(acc[key]=combined)}else acc[key]=value[key];return acc}),{}):update},validateOptions=function validateOptions(args,argTypes){return Object.entries(argTypes).reduce((function(acc,_ref5){var _ref6=_slicedToArray(_ref5,2),key=_ref6[0],options=_ref6[1].options;function allowArg(){return key in args&&(acc[key]=args[key]),acc}if(!options)return allowArg();if(!Array.isArray(options))return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_26__.b.error(Object(ts_dedent__WEBPACK_IMPORTED_MODULE_28__.a)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        Invalid argType: '",".options' should be an array.\n\n        More info: https://storybook.js.org/docs/react/api/argtypes\n      "])),key)),allowArg();if(options.some((function(opt){return opt&&["object","function"].includes(_typeof(opt))})))return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_26__.b.error(Object(ts_dedent__WEBPACK_IMPORTED_MODULE_28__.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        Invalid argType: '",".options' should only contain primitives. Use a 'mapping' for complex values.\n\n        More info: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values\n      "])),key)),allowArg();var isArray=Array.isArray(args[key]),invalidIndex=isArray&&args[key].findIndex((function(val){return!options.includes(val)})),isValidArray=isArray&&-1===invalidIndex;if(void 0===args[key]||options.includes(args[key])||isValidArray)return allowArg();var field=isArray?"".concat(key,"[").concat(invalidIndex,"]"):key,supportedOptions=options.map((function(opt){return"string"==typeof opt?"'".concat(opt,"'"):String(opt)})).join(", ");return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_26__.b.warn("Received illegal value for '".concat(field,"'. Supported options: ").concat(supportedOptions)),acc}),{})},DEEPLY_EQUAL=Symbol("Deeply equal"),deepDiff=function deepDiff(value,update){if(_typeof(value)!==_typeof(update))return update;if(fast_deep_equal__WEBPACK_IMPORTED_MODULE_25___default()(value,update))return DEEPLY_EQUAL;if(Array.isArray(value)&&Array.isArray(update)){var res=update.reduce((function(acc,upd,index){var diff=deepDiff(value[index],upd);return diff!==DEEPLY_EQUAL&&(acc[index]=diff),acc}),new Array(update.length));return update.length>=value.length?res:res.concat(new Array(value.length-update.length).fill(void 0))}return lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27___default()(value)&&lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_27___default()(update)?Object.keys(Object.assign({},value,update)).reduce((function(acc,key){var diff=deepDiff(null==value?void 0:value[key],null==update?void 0:update[key]);return diff===DEEPLY_EQUAL?acc:Object.assign(acc,_defineProperty({},key,diff))}),{}):update},NO_TARGET_NAME="";function groupArgsByTarget(_ref7){var args=_ref7.args,argTypes=_ref7.argTypes,groupedArgs={};return Object.entries(args).forEach((function(_ref8){var _ref9=_slicedToArray(_ref8,2),name=_ref9[0],value=_ref9[1],_ref10$target=(argTypes[name]||{}).target,target=void 0===_ref10$target?NO_TARGET_NAME:_ref10$target;groupedArgs[target]=groupedArgs[target]||{},groupedArgs[target][name]=value})),groupedArgs}function noTargetArgs(context){return groupArgsByTarget(context)[NO_TARGET_NAME]}},"./node_modules/@storybook/store/dist/esm/autoTitle.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return userOrAutoTitleFromSpecifier})),__webpack_require__.d(__webpack_exports__,"a",(function(){return userOrAutoTitle}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var slash__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/store/node_modules/slash/index.js"),slash__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(slash__WEBPACK_IMPORTED_MODULE_17__);function _toArray(arr){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var indexRe=/^index$/i;function pathJoin(paths){var slashes=new RegExp("/{1,}","g");return paths.join("/").replace(slashes,"/")}var userOrAutoTitleFromSpecifier=function userOrAutoTitleFromSpecifier(fileName,entry,userTitle){var _ref=entry||{},directory=_ref.directory,importPathMatcher=_ref.importPathMatcher,_ref$titlePrefix=_ref.titlePrefix,titlePrefix=void 0===_ref$titlePrefix?"":_ref$titlePrefix,normalizedFileName=slash__WEBPACK_IMPORTED_MODULE_17___default()(fileName);if(importPathMatcher.exec(normalizedFileName)){if(!userTitle){var suffix=normalizedFileName.replace(directory,""),path=slash__WEBPACK_IMPORTED_MODULE_17___default()(pathJoin([titlePrefix,suffix])).split("/");return(path=function removeRedundantFilename(paths){var prevVal;return paths.filter((function(val,index){return(index!==paths.length-1||val!==prevVal&&!indexRe.test(val))&&(prevVal=val,!0)}))}(path=function stripExtension(path){var parts=_toConsumableArray(path),last=parts[parts.length-1],dotIndex=last.indexOf("."),stripped=dotIndex>0?last.substr(0,dotIndex):last;parts[parts.length-1]=stripped;var _parts2=_toArray(parts),first=_parts2[0],rest=_parts2.slice(1);return""===first&&(parts=rest),parts}(path))).join("/")}return titlePrefix?slash__WEBPACK_IMPORTED_MODULE_17___default()(pathJoin([titlePrefix,userTitle])):userTitle}},userOrAutoTitle=function userOrAutoTitle(fileName,storiesEntries,userTitle){for(var i=0;i<storiesEntries.length;i+=1){var title=userOrAutoTitleFromSpecifier(fileName,storiesEntries[i],userTitle);if(title)return title}return userTitle||void 0}},"./node_modules/@storybook/store/dist/esm/csf/composeConfigs.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return getField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getArrayField})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getObjectField})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getSingletonField})),__webpack_require__.d(__webpack_exports__,"a",(function(){return composeConfigs}));__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var _parameters__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function getField(moduleExportList,field){return moduleExportList.map((function(xs){return xs[field]})).filter(Boolean)}function getArrayField(moduleExportList,field){return getField(moduleExportList,field).reduce((function(a,b){return[].concat(_toConsumableArray(a),_toConsumableArray(b))}),[])}function getObjectField(moduleExportList,field){return Object.assign.apply(Object,[{}].concat(_toConsumableArray(getField(moduleExportList,field))))}function getSingletonField(moduleExportList,field){return getField(moduleExportList,field).pop()}function composeConfigs(moduleExportList){var allArgTypeEnhancers=getArrayField(moduleExportList,"argTypesEnhancers");return{parameters:_parameters__WEBPACK_IMPORTED_MODULE_15__.a.apply(void 0,_toConsumableArray(getField(moduleExportList,"parameters"))),decorators:getArrayField(moduleExportList,"decorators"),args:getObjectField(moduleExportList,"args"),argsEnhancers:getArrayField(moduleExportList,"argsEnhancers"),argTypes:getObjectField(moduleExportList,"argTypes"),argTypesEnhancers:[].concat(_toConsumableArray(allArgTypeEnhancers.filter((function(e){return!e.secondPass}))),_toConsumableArray(allArgTypeEnhancers.filter((function(e){return e.secondPass})))),globals:getObjectField(moduleExportList,"globals"),globalTypes:getObjectField(moduleExportList,"globalTypes"),loaders:getArrayField(moduleExportList,"loaders"),render:getSingletonField(moduleExportList,"render"),renderToDOM:getSingletonField(moduleExportList,"renderToDOM"),applyDecorators:getSingletonField(moduleExportList,"applyDecorators")}}},"./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getValuesFromArgTypes}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var getValuesFromArgTypes=function getValuesFromArgTypes(){var argTypes=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.entries(argTypes).reduce((function(acc,_ref){var _ref2=_slicedToArray(_ref,2),arg=_ref2[0],defaultValue=_ref2[1].defaultValue;return void 0!==defaultValue&&(acc[arg]=defaultValue),acc}),{})}},"./node_modules/@storybook/store/dist/esm/csf/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _normalizeInputTypes__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js");__webpack_require__.d(__webpack_exports__,"j",(function(){return _normalizeInputTypes__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"k",(function(){return _normalizeInputTypes__WEBPACK_IMPORTED_MODULE_0__.b}));var _normalizeStory__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js");__webpack_require__.d(__webpack_exports__,"m",(function(){return _normalizeStory__WEBPACK_IMPORTED_MODULE_1__.a}));var _processCSFFile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/processCSFFile.js");__webpack_require__.d(__webpack_exports__,"o",(function(){return _processCSFFile__WEBPACK_IMPORTED_MODULE_2__.a}));var _prepareStory__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/prepareStory.js");__webpack_require__.d(__webpack_exports__,"n",(function(){return _prepareStory__WEBPACK_IMPORTED_MODULE_3__.a}));var _normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js");__webpack_require__.d(__webpack_exports__,"i",(function(){return _normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_4__.a}));var _normalizeProjectAnnotations__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js");__webpack_require__.d(__webpack_exports__,"l",(function(){return _normalizeProjectAnnotations__WEBPACK_IMPORTED_MODULE_5__.a}));var _getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js");__webpack_require__.d(__webpack_exports__,"h",(function(){return _getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_6__.a}));var _composeConfigs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/composeConfigs.js");__webpack_require__.d(__webpack_exports__,"a",(function(){return _composeConfigs__WEBPACK_IMPORTED_MODULE_7__.a})),__webpack_require__.d(__webpack_exports__,"d",(function(){return _composeConfigs__WEBPACK_IMPORTED_MODULE_7__.b})),__webpack_require__.d(__webpack_exports__,"e",(function(){return _composeConfigs__WEBPACK_IMPORTED_MODULE_7__.c})),__webpack_require__.d(__webpack_exports__,"f",(function(){return _composeConfigs__WEBPACK_IMPORTED_MODULE_7__.d})),__webpack_require__.d(__webpack_exports__,"g",(function(){return _composeConfigs__WEBPACK_IMPORTED_MODULE_7__.e}));var _testing_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/testing-utils/index.js");__webpack_require__.d(__webpack_exports__,"b",(function(){return _testing_utils__WEBPACK_IMPORTED_MODULE_8__.a})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _testing_utils__WEBPACK_IMPORTED_MODULE_8__.b})),__webpack_require__.d(__webpack_exports__,"p",(function(){return _testing_utils__WEBPACK_IMPORTED_MODULE_8__.c}))},"./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return normalizeComponentAnnotations}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _storybook_csf__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/index.js"),_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js");function normalizeComponentAnnotations(defaultExport){var title=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultExport.title,importPath=arguments.length>2?arguments[2]:void 0,id=defaultExport.id,argTypes=defaultExport.argTypes;return Object.assign({id:Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_1__.sanitize)(id||title)},defaultExport,{title:title},argTypes&&{argTypes:Object(_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_2__.b)(argTypes)},{parameters:Object.assign({fileName:importPath},defaultExport.parameters)})}},"./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return normalizeInputType})),__webpack_require__.d(__webpack_exports__,"b",(function(){return normalizeInputTypes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var lodash_mapValues__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/mapValues.js"),lodash_mapValues__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(lodash_mapValues__WEBPACK_IMPORTED_MODULE_3__),_excluded=["type","control"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var normalizeInputType=function normalizeInputType(inputType,key){var type=inputType.type,control=inputType.control,rest=_objectWithoutProperties(inputType,_excluded),normalized=Object.assign({name:key},rest);return type&&(normalized.type=function normalizeType(type){return"string"==typeof type?{name:type}:type}(type)),control?normalized.control=function normalizeControl(control){return"string"==typeof control?{type:control}:control}(control):!1===control&&(normalized.control={disable:!0}),normalized},normalizeInputTypes=function normalizeInputTypes(inputTypes){return lodash_mapValues__WEBPACK_IMPORTED_MODULE_3___default()(inputTypes,normalizeInputType)}},"./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return normalizeProjectAnnotations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js");var _templateObject,mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),parameters=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var inferArgTypes_inferType=function inferType(value,name,visited){var type=_typeof(value);switch(type){case"boolean":case"string":case"number":case"function":case"symbol":return{name:type}}return value?visited.has(value)?(dist_esm.a.warn(Object(esm.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n        We've detected a cycle in arg '","'. Args should be JSON-serializable.\n\n        Consider using the mapping feature or fully custom args:\n        - Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values\n        - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args\n      "])),name)),{name:"other",value:"cyclic object"}):(visited.add(value),Array.isArray(value)?{name:"array",value:value.length>0?inferType(value[0],name,new Set(visited)):{name:"other",value:"unknown"}}:{name:"object",value:mapValues_default()(value,(function(field){return inferType(field,name,new Set(visited))}))}):{name:"object",value:{}}},inferArgTypes_inferArgTypes=function inferArgTypes(context){var id=context.id,_context$argTypes=context.argTypes,userArgTypes=void 0===_context$argTypes?{}:_context$argTypes,_context$initialArgs=context.initialArgs,initialArgs=void 0===_context$initialArgs?{}:_context$initialArgs,argTypes=mapValues_default()(initialArgs,(function(arg,key){return{name:key,type:inferArgTypes_inferType(arg,"".concat(id,".").concat(key),new Set)}})),userArgTypesNames=mapValues_default()(userArgTypes,(function(argType,key){return{name:key}}));return Object(parameters.a)(argTypes,userArgTypesNames,userArgTypes)};inferArgTypes_inferArgTypes.secondPass=!0;var inferControls=__webpack_require__("./node_modules/@storybook/store/dist/esm/inferControls.js"),normalizeInputTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js"),_excluded=["argTypes","globalTypes","argTypesEnhancers"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function normalizeProjectAnnotations(_ref){var argTypes=_ref.argTypes,globalTypes=_ref.globalTypes,argTypesEnhancers=_ref.argTypesEnhancers,annotations=_objectWithoutProperties(_ref,_excluded);return Object.assign({},argTypes&&{argTypes:Object(normalizeInputTypes.b)(argTypes)},globalTypes&&{globalTypes:Object(normalizeInputTypes.b)(globalTypes)},{argTypesEnhancers:[].concat(_toConsumableArray(argTypesEnhancers||[]),[inferArgTypes_inferArgTypes,inferControls.a])},annotations)}},"./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return normalizeStory}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_storybook_csf__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/index.js"),ts_dedent__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_17__),_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var deprecatedStoryAnnotation=Object(ts_dedent__WEBPACK_IMPORTED_MODULE_15__.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\nCSF .story annotations deprecated; annotate story functions directly:\n- StoryFn.story.name => StoryFn.storyName\n- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)\nSee https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.\n"]))),deprecatedStoryAnnotationWarning=util_deprecate__WEBPACK_IMPORTED_MODULE_17___default()((function(){}),deprecatedStoryAnnotation);function normalizeStory(key,storyAnnotations,meta){var userStoryFn,storyObject;"function"==typeof storyAnnotations?(userStoryFn=storyAnnotations,storyObject=storyAnnotations):storyObject=storyAnnotations;var story=storyObject.story;story&&(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_16__.a.debug("deprecated story",story),deprecatedStoryAnnotationWarning());var exportName=Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_14__.storyNameFromExport)(key),name="function"!=typeof storyObject&&storyObject.name||storyObject.storyName||(null==story?void 0:story.name)||exportName,decorators=[].concat(_toConsumableArray(storyObject.decorators||[]),_toConsumableArray((null==story?void 0:story.decorators)||[])),parameters=Object.assign({},null==story?void 0:story.parameters,storyObject.parameters),args=Object.assign({},null==story?void 0:story.args,storyObject.args),argTypes=Object.assign({},null==story?void 0:story.argTypes,storyObject.argTypes),loaders=[].concat(_toConsumableArray(storyObject.loaders||[]),_toConsumableArray((null==story?void 0:story.loaders)||[])),_storyObject2=storyObject,render=_storyObject2.render,play=_storyObject2.play,id=parameters.__id||Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_14__.toId)(meta.id||meta.title,exportName);return Object.assign({id:id,name:name,decorators:decorators,parameters:parameters,args:args,argTypes:Object(_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_18__.b)(argTypes),loaders:loaders},render&&{render:render},userStoryFn&&{userStoryFn:userStoryFn},play&&{play:play})}},"./node_modules/@storybook/store/dist/esm/csf/prepareStory.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return prepareStory}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js");var _templateObject,ts_dedent__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_20__),global__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_21__),_storybook_csf__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/index.js"),_parameters__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),_hooks__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_decorators__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@storybook/store/dist/esm/decorators.js"),_args__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@storybook/store/dist/esm/args.js"),_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var argTypeDefaultValueWarning=util_deprecate__WEBPACK_IMPORTED_MODULE_20___default()((function(){}),Object(ts_dedent__WEBPACK_IMPORTED_MODULE_19__.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n  `argType.defaultValue` is deprecated and will be removed in Storybook 7.0.\n\n  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args"],["\n  \\`argType.defaultValue\\` is deprecated and will be removed in Storybook 7.0.\n\n  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args"]))));function prepareStory(storyAnnotations,componentAnnotations,projectAnnotations){var _global$FEATURES,id=storyAnnotations.id,name=storyAnnotations.name,title=componentAnnotations.title,parameters=Object(_parameters__WEBPACK_IMPORTED_MODULE_23__.a)(projectAnnotations.parameters,componentAnnotations.parameters,storyAnnotations.parameters),decorators=[].concat(_toConsumableArray(storyAnnotations.decorators||[]),_toConsumableArray(componentAnnotations.decorators||[]),_toConsumableArray(projectAnnotations.decorators||[])),_projectAnnotations$a=projectAnnotations.applyDecorators,applyDecorators=void 0===_projectAnnotations$a?_decorators__WEBPACK_IMPORTED_MODULE_25__.b:_projectAnnotations$a,_projectAnnotations$a2=projectAnnotations.argTypesEnhancers,argTypesEnhancers=void 0===_projectAnnotations$a2?[]:_projectAnnotations$a2,_projectAnnotations$a3=projectAnnotations.argsEnhancers,argsEnhancers=void 0===_projectAnnotations$a3?[]:_projectAnnotations$a3,loaders=[].concat(_toConsumableArray(projectAnnotations.loaders||[]),_toConsumableArray(componentAnnotations.loaders||[]),_toConsumableArray(storyAnnotations.loaders||[])),render=storyAnnotations.userStoryFn||storyAnnotations.render||componentAnnotations.render||projectAnnotations.render,passedArgTypes=Object(_parameters__WEBPACK_IMPORTED_MODULE_23__.a)(projectAnnotations.argTypes,componentAnnotations.argTypes,storyAnnotations.argTypes),_parameters$passArgsF=parameters.passArgsFirst,passArgsFirst=void 0===_parameters$passArgsF||_parameters$passArgsF;parameters.__isArgsStory=passArgsFirst&&render.length>0;var passedArgs=Object.assign({},projectAnnotations.args,componentAnnotations.args,storyAnnotations.args),contextForEnhancers={componentId:componentAnnotations.id,title:title,kind:title,id:id,name:name,story:name,component:componentAnnotations.component,subcomponents:componentAnnotations.subcomponents,parameters:parameters,initialArgs:passedArgs,argTypes:passedArgTypes};contextForEnhancers.argTypes=argTypesEnhancers.reduce((function(accumulatedArgTypes,enhancer){return enhancer(Object.assign({},contextForEnhancers,{argTypes:accumulatedArgTypes}))}),contextForEnhancers.argTypes);var defaultArgs=Object(_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_27__.a)(contextForEnhancers.argTypes);Object.keys(defaultArgs).length>0&&argTypeDefaultValueWarning();var initialArgsBeforeEnhancers=Object.assign({},defaultArgs,passedArgs);contextForEnhancers.initialArgs=argsEnhancers.reduce((function(accumulatedArgs,enhancer){return Object.assign({},accumulatedArgs,enhancer(Object.assign({},contextForEnhancers,{initialArgs:accumulatedArgs})))}),initialArgsBeforeEnhancers),null!==(_global$FEATURES=global__WEBPACK_IMPORTED_MODULE_21___default.a.FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.breakingChangesV7||(contextForEnhancers.parameters=Object.assign({},contextForEnhancers.parameters,{__id:id,globals:projectAnnotations.globals,globalTypes:projectAnnotations.globalTypes,args:contextForEnhancers.initialArgs,argTypes:contextForEnhancers.argTypes}));var applyLoaders=function(){var _ref=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(context){var loadResults,loaded;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,Promise.all(loaders.map((function(loader){return loader(context)})));case 2:return loadResults=_context.sent,loaded=Object.assign.apply(Object,[{}].concat(_toConsumableArray(loadResults))),_context.abrupt("return",Object.assign({},context,{loaded:loaded}));case 5:case"end":return _context.stop()}}),_callee)})));return function applyLoaders(_x){return _ref.apply(this,arguments)}}(),undecoratedStoryFn=function undecoratedStoryFn(context){var mappedArgs=Object.entries(context.args).reduce((function(acc,_ref2){var _context$argTypes$key,_ref3=_slicedToArray(_ref2,2),key=_ref3[0],val=_ref3[1],mapping=null===(_context$argTypes$key=context.argTypes[key])||void 0===_context$argTypes$key?void 0:_context$argTypes$key.mapping;return acc[key]=mapping&&val in mapping?mapping[val]:val,acc}),{}),includedArgs=Object.entries(mappedArgs).reduce((function(acc,_ref4){var _ref5=_slicedToArray(_ref4,2),key=_ref5[0],val=_ref5[1],argType=context.argTypes[key]||{};return Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_22__.includeConditionalArg)(argType,mappedArgs,context.globals)&&(acc[key]=val),acc}),{}),includedContext=Object.assign({},context,{args:includedArgs}),_context$parameters$p=context.parameters.passArgsFirst;return void 0===_context$parameters$p||_context$parameters$p?render(includedContext.args,includedContext):render(includedContext)},decoratedStoryFn=Object(_hooks__WEBPACK_IMPORTED_MODULE_24__.b)(applyDecorators)(undecoratedStoryFn,decorators),playFunction=storyAnnotations.play;return Object.freeze(Object.assign({},contextForEnhancers,{originalStoryFn:render,undecoratedStoryFn:undecoratedStoryFn,unboundStoryFn:function unboundStoryFn(context){var _global$FEATURES2,finalContext=context;if(null!==(_global$FEATURES2=global__WEBPACK_IMPORTED_MODULE_21___default.a.FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.argTypeTargetsV7){var argsByTarget=Object(_args__WEBPACK_IMPORTED_MODULE_26__.e)(Object.assign({args:context.args},context));finalContext=Object.assign({},context,{allArgs:context.args,argsByTarget:argsByTarget,args:argsByTarget[_args__WEBPACK_IMPORTED_MODULE_26__.b]||{}})}return decoratedStoryFn(finalContext)},applyLoaders:applyLoaders,playFunction:playFunction}))}},"./node_modules/@storybook/store/dist/esm/csf/processCSFFile.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return processCSFFile}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js");var _storybook_csf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_normalizeStory__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js"),_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js"),_excluded=["default","__namedExportsOrder"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkDisallowedParameters=function checkDisallowedParameters(parameters){parameters&&(function checkGlobals(parameters){var globals=parameters.globals,globalTypes=parameters.globalTypes;(globals||globalTypes)&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_5__.a.error("Global args/argTypes can only be set globally",JSON.stringify({globals:globals,globalTypes:globalTypes}))}(parameters),function checkStorySort(parameters){var options=parameters.options;null!=options&&options.storySort&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_5__.a.error("The storySort option parameter can only be set globally")}(parameters))};function processCSFFile(moduleExports,importPath,title){var defaultExport=moduleExports.default,namedExports=(moduleExports.__namedExportsOrder,_objectWithoutProperties(moduleExports,_excluded)),meta=Object(_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_7__.a)(defaultExport,title,importPath);checkDisallowedParameters(meta.parameters);var csfFile={meta:meta,stories:{}};return Object.keys(namedExports).forEach((function(key){if(Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_4__.isExportStory)(key,meta)){var storyMeta=Object(_normalizeStory__WEBPACK_IMPORTED_MODULE_6__.a)(key,namedExports[key],meta);checkDisallowedParameters(storyMeta.parameters),csfFile.stories[storyMeta.id]=storyMeta}})),csfFile}},"./node_modules/@storybook/store/dist/esm/csf/testing-utils/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return setProjectAnnotations})),__webpack_require__.d(__webpack_exports__,"b",(function(){return composeStory})),__webpack_require__.d(__webpack_exports__,"a",(function(){return composeStories}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js");var _storybook_csf__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/index.js"),_composeConfigs__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/composeConfigs.js"),_prepareStory__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/prepareStory.js"),_normalizeStory__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js"),_hooks__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js"),_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js"),_normalizeProjectAnnotations__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js"),_excluded=["default","__esModule","__namedExportsOrder"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS={};function setProjectAnnotations(projectAnnotations){GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS=Array.isArray(projectAnnotations)?Object(_composeConfigs__WEBPACK_IMPORTED_MODULE_15__.a)(projectAnnotations):projectAnnotations}function composeStory(storyAnnotations,componentAnnotations){var _componentAnnotations,_storyAnnotations$sto,projectAnnotations=arguments.length>2&&void 0!==arguments[2]?arguments[2]:GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS,defaultConfig=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},exportsName=arguments.length>4?arguments[4]:void 0;if(void 0===storyAnnotations)throw new Error("Expected a story but received undefined.");componentAnnotations.title=null!==(_componentAnnotations=componentAnnotations.title)&&void 0!==_componentAnnotations?_componentAnnotations:"ComposedStory";var normalizedComponentAnnotations=Object(_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_19__.a)(componentAnnotations),storyName=exportsName||storyAnnotations.storyName||(null===(_storyAnnotations$sto=storyAnnotations.story)||void 0===_storyAnnotations$sto?void 0:_storyAnnotations$sto.name)||storyAnnotations.name,normalizedStory=Object(_normalizeStory__WEBPACK_IMPORTED_MODULE_17__.a)(storyName,storyAnnotations,normalizedComponentAnnotations),normalizedProjectAnnotations=Object(_normalizeProjectAnnotations__WEBPACK_IMPORTED_MODULE_21__.a)(Object.assign({},projectAnnotations,defaultConfig)),story=Object(_prepareStory__WEBPACK_IMPORTED_MODULE_16__.a)(normalizedStory,normalizedComponentAnnotations,normalizedProjectAnnotations),defaultGlobals=Object(_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_20__.a)(projectAnnotations.globalTypes),composedStory=function composedStory(extraArgs){var context=Object.assign({},story,{hooks:new _hooks__WEBPACK_IMPORTED_MODULE_18__.a,globals:defaultGlobals,args:Object.assign({},story.initialArgs,extraArgs)});return story.unboundStoryFn(context)};return composedStory.storyName=storyName,composedStory.args=story.initialArgs,composedStory.play=story.playFunction,composedStory.parameters=story.parameters,composedStory}function composeStories(storiesImport,globalConfig,composeStoryFn){var meta=storiesImport.default,stories=(storiesImport.__esModule,storiesImport.__namedExportsOrder,_objectWithoutProperties(storiesImport,_excluded));return Object.entries(stories).reduce((function(storiesMap,_ref){var _ref2=_slicedToArray(_ref,2),exportsName=_ref2[0],story=_ref2[1];return Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_14__.isExportStory)(exportsName,meta)?Object.assign(storiesMap,function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},exportsName,composeStoryFn(story,meta,globalConfig,exportsName))):storiesMap}),{})}},"./node_modules/@storybook/store/dist/esm/decorators.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return decorateStory})),__webpack_require__.d(__webpack_exports__,"c",(function(){return sanitizeStoryContextUpdate})),__webpack_require__.d(__webpack_exports__,"b",(function(){return defaultDecorateStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js");var _excluded=["componentId","title","kind","id","name","story","parameters","initialArgs","argTypes"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function decorateStory(storyFn,decorator,bindWithContext){var boundStoryFunction=bindWithContext(storyFn);return function(context){return decorator(boundStoryFunction,context)}}function sanitizeStoryContextUpdate(){var _ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},update=(_ref.componentId,_ref.title,_ref.kind,_ref.id,_ref.name,_ref.story,_ref.parameters,_ref.initialArgs,_ref.argTypes,_objectWithoutProperties(_ref,_excluded));return update}function defaultDecorateStory(storyFn,decorators){var contextStore={},bindWithContext=function bindWithContext(decoratedStoryFn){return function(update){return contextStore.value=Object.assign({},contextStore.value,sanitizeStoryContextUpdate(update)),decoratedStoryFn(contextStore.value)}},decoratedWithContextStore=decorators.reduce((function(story,decorator){return decorateStory(story,decorator,bindWithContext)}),storyFn);return function(context){return contextStore.value=context,decoratedWithContextStore(context)}}},"./node_modules/@storybook/store/dist/esm/filterArgTypes.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return filterArgTypes}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var lodash_pickBy__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/lodash/pickBy.js"),lodash_pickBy__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(lodash_pickBy__WEBPACK_IMPORTED_MODULE_5__),matches=function matches(name,descriptor){return Array.isArray(descriptor)?descriptor.includes(name):name.match(descriptor)},filterArgTypes=function filterArgTypes(argTypes,include,exclude){return include||exclude?argTypes&&lodash_pickBy__WEBPACK_IMPORTED_MODULE_5___default()(argTypes,(function(argType,key){var name=argType.name||key;return(!include||matches(name,include))&&(!exclude||!matches(name,exclude))})):argTypes}},"./node_modules/@storybook/store/dist/esm/hooks.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"m",(function(){return useSharedState})),__webpack_require__.d(__webpack_exports__,"c",(function(){return useAddonState}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var _storybook_core_events__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),_storybook_addons__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js");__webpack_require__.d(__webpack_exports__,"a",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.a})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.b})),__webpack_require__.d(__webpack_exports__,"i",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.h})),__webpack_require__.d(__webpack_exports__,"e",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.d})),__webpack_require__.d(__webpack_exports__,"l",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.k})),__webpack_require__.d(__webpack_exports__,"n",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.l})),__webpack_require__.d(__webpack_exports__,"k",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.j})),__webpack_require__.d(__webpack_exports__,"g",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.f})),__webpack_require__.d(__webpack_exports__,"f",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.e})),__webpack_require__.d(__webpack_exports__,"o",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.m})),__webpack_require__.d(__webpack_exports__,"j",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.i})),__webpack_require__.d(__webpack_exports__,"d",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.c})),__webpack_require__.d(__webpack_exports__,"h",(function(){return _storybook_addons__WEBPACK_IMPORTED_MODULE_13__.g}));var _storybook_addons__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js");function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useSharedState(sharedId,defaultState){var channel=_storybook_addons__WEBPACK_IMPORTED_MODULE_14__.c.getChannel(),lastValue=_slicedToArray(channel.last("".concat(_storybook_core_events__WEBPACK_IMPORTED_MODULE_12__.SHARED_STATE_CHANGED,"-manager-").concat(sharedId))||channel.last("".concat(_storybook_core_events__WEBPACK_IMPORTED_MODULE_12__.SHARED_STATE_SET,"-manager-").concat(sharedId))||[],1)[0],_useState2=_slicedToArray(Object(_storybook_addons__WEBPACK_IMPORTED_MODULE_13__.l)(lastValue||defaultState),2),state=_useState2[0],setState=_useState2[1],allListeners=Object(_storybook_addons__WEBPACK_IMPORTED_MODULE_13__.h)((function(){var _ref3;return _defineProperty(_ref3={},"".concat(_storybook_core_events__WEBPACK_IMPORTED_MODULE_12__.SHARED_STATE_CHANGED,"-manager-").concat(sharedId),(function manager(s){return setState(s)})),_defineProperty(_ref3,"".concat(_storybook_core_events__WEBPACK_IMPORTED_MODULE_12__.SHARED_STATE_SET,"-manager-").concat(sharedId),(function manager(s){return setState(s)})),_ref3}),[sharedId]),emit=Object(_storybook_addons__WEBPACK_IMPORTED_MODULE_13__.e)(allListeners,[sharedId]);return Object(_storybook_addons__WEBPACK_IMPORTED_MODULE_13__.f)((function(){void 0===defaultState||lastValue||emit("".concat(_storybook_core_events__WEBPACK_IMPORTED_MODULE_12__.SHARED_STATE_SET,"-client-").concat(sharedId),defaultState)}),[sharedId]),[state,function(s){setState(s),emit("".concat(_storybook_core_events__WEBPACK_IMPORTED_MODULE_12__.SHARED_STATE_CHANGED,"-client-").concat(sharedId),s)}]}function useAddonState(addonId,defaultState){return useSharedState(addonId,defaultState)}},"./node_modules/@storybook/store/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _StoryStore__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/store/dist/esm/StoryStore.js");__webpack_require__.d(__webpack_exports__,"d",(function(){return _StoryStore__WEBPACK_IMPORTED_MODULE_0__.a}));var _parameters__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js");__webpack_require__.d(__webpack_exports__,"g",(function(){return _parameters__WEBPACK_IMPORTED_MODULE_1__.a}));var _filterArgTypes__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/store/dist/esm/filterArgTypes.js");__webpack_require__.d(__webpack_exports__,"n",(function(){return _filterArgTypes__WEBPACK_IMPORTED_MODULE_2__.a}));var _inferControls__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/store/dist/esm/inferControls.js");__webpack_require__.d(__webpack_exports__,"u",(function(){return _inferControls__WEBPACK_IMPORTED_MODULE_3__.a}));var _csf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/index.js");__webpack_require__.d(__webpack_exports__,"h",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.a})),__webpack_require__.d(__webpack_exports__,"i",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.b})),__webpack_require__.d(__webpack_exports__,"j",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.c})),__webpack_require__.d(__webpack_exports__,"o",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.d})),__webpack_require__.d(__webpack_exports__,"p",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.e})),__webpack_require__.d(__webpack_exports__,"q",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.f})),__webpack_require__.d(__webpack_exports__,"r",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.g})),__webpack_require__.d(__webpack_exports__,"s",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.h})),__webpack_require__.d(__webpack_exports__,"x",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.i})),__webpack_require__.d(__webpack_exports__,"y",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.j})),__webpack_require__.d(__webpack_exports__,"z",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.k})),__webpack_require__.d(__webpack_exports__,"A",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.l})),__webpack_require__.d(__webpack_exports__,"B",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.m})),__webpack_require__.d(__webpack_exports__,"C",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.n})),__webpack_require__.d(__webpack_exports__,"D",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.o})),__webpack_require__.d(__webpack_exports__,"F",(function(){return _csf__WEBPACK_IMPORTED_MODULE_4__.p}));var _hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/store/dist/esm/hooks.js");__webpack_require__.d(__webpack_exports__,"b",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.a})),__webpack_require__.d(__webpack_exports__,"e",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.b})),__webpack_require__.d(__webpack_exports__,"I",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.c})),__webpack_require__.d(__webpack_exports__,"J",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.d})),__webpack_require__.d(__webpack_exports__,"K",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.e})),__webpack_require__.d(__webpack_exports__,"L",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.f})),__webpack_require__.d(__webpack_exports__,"M",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.g})),__webpack_require__.d(__webpack_exports__,"N",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.h})),__webpack_require__.d(__webpack_exports__,"O",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.i})),__webpack_require__.d(__webpack_exports__,"P",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.j})),__webpack_require__.d(__webpack_exports__,"Q",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.k})),__webpack_require__.d(__webpack_exports__,"R",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.l})),__webpack_require__.d(__webpack_exports__,"S",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.m})),__webpack_require__.d(__webpack_exports__,"T",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.n})),__webpack_require__.d(__webpack_exports__,"U",(function(){return _hooks__WEBPACK_IMPORTED_MODULE_5__.o}));var _decorators__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/store/dist/esm/decorators.js");__webpack_require__.d(__webpack_exports__,"k",(function(){return _decorators__WEBPACK_IMPORTED_MODULE_6__.a})),__webpack_require__.d(__webpack_exports__,"m",(function(){return _decorators__WEBPACK_IMPORTED_MODULE_6__.b})),__webpack_require__.d(__webpack_exports__,"E",(function(){return _decorators__WEBPACK_IMPORTED_MODULE_6__.c}));var _args__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/store/dist/esm/args.js");__webpack_require__.d(__webpack_exports__,"a",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.a})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.b})),__webpack_require__.d(__webpack_exports__,"f",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.c})),__webpack_require__.d(__webpack_exports__,"l",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.d})),__webpack_require__.d(__webpack_exports__,"t",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.e})),__webpack_require__.d(__webpack_exports__,"v",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.f})),__webpack_require__.d(__webpack_exports__,"w",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.g})),__webpack_require__.d(__webpack_exports__,"X",(function(){return _args__WEBPACK_IMPORTED_MODULE_7__.h}));var _autoTitle__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/store/dist/esm/autoTitle.js");__webpack_require__.d(__webpack_exports__,"V",(function(){return _autoTitle__WEBPACK_IMPORTED_MODULE_8__.a})),__webpack_require__.d(__webpack_exports__,"W",(function(){return _autoTitle__WEBPACK_IMPORTED_MODULE_8__.b}));var _sortStories__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@storybook/store/dist/esm/sortStories.js");__webpack_require__.d(__webpack_exports__,"G",(function(){return _sortStories__WEBPACK_IMPORTED_MODULE_9__.a})),__webpack_require__.d(__webpack_exports__,"H",(function(){return _sortStories__WEBPACK_IMPORTED_MODULE_9__.b}))},"./node_modules/@storybook/store/dist/esm/inferControls.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return inferControls}));__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var lodash_mapValues__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/mapValues.js"),lodash_mapValues__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(lodash_mapValues__WEBPACK_IMPORTED_MODULE_2__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_filterArgTypes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/store/dist/esm/filterArgTypes.js"),_parameters__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),inferControls=function inferControls(context){var argTypes=context.argTypes,_context$parameters=context.parameters,__isArgsStory=_context$parameters.__isArgsStory,_context$parameters$c=_context$parameters.controls,_context$parameters$c2=(_context$parameters$c=void 0===_context$parameters$c?{}:_context$parameters$c).include,include=void 0===_context$parameters$c2?null:_context$parameters$c2,_context$parameters$c3=_context$parameters$c.exclude,exclude=void 0===_context$parameters$c3?null:_context$parameters$c3,_context$parameters$c4=_context$parameters$c.matchers,matchers=void 0===_context$parameters$c4?{}:_context$parameters$c4;if(!__isArgsStory)return argTypes;var filteredArgTypes=Object(_filterArgTypes__WEBPACK_IMPORTED_MODULE_4__.a)(argTypes,include,exclude),withControls=lodash_mapValues__WEBPACK_IMPORTED_MODULE_2___default()(filteredArgTypes,(function(argType,name){return(null==argType?void 0:argType.type)&&function inferControl(argType,name,matchers){var type=argType.type,options=argType.options;if(type||options){if(matchers.color&&matchers.color.test(name)){var controlType=argType.type.name;if("string"===controlType)return{control:{type:"color"}};_storybook_client_logger__WEBPACK_IMPORTED_MODULE_3__.a.warn('Addon controls: Control of type color only supports string, received "'.concat(controlType,'" instead'))}if(matchers.date&&matchers.date.test(name))return{control:{type:"date"}};switch(type.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":var value=type.value;return{control:{type:(null==value?void 0:value.length)<=5?"radio":"select"},options:value};case"function":case"symbol":return null;default:return{control:{type:options?"select":"object"}}}}}(argType,name,matchers)}));return Object(_parameters__WEBPACK_IMPORTED_MODULE_5__.a)(withControls,filteredArgTypes)};inferControls.secondPass=!0},"./node_modules/@storybook/store/dist/esm/parameters.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return combineParameters}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/lodash/isPlainObject.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16__);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var combineParameters=function combineParameters(){for(var _len=arguments.length,parameterSets=new Array(_len),_key=0;_key<_len;_key++)parameterSets[_key]=arguments[_key];var mergeKeys={},combined=parameterSets.filter(Boolean).reduce((function(acc,p){return Object.entries(p).forEach((function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1],existing=acc[key];Array.isArray(value)||void 0===existing?acc[key]=value:lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16___default()(value)&&lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16___default()(existing)?mergeKeys[key]=!0:void 0!==value&&(acc[key]=value)})),acc}),{});return Object.keys(mergeKeys).forEach((function(key){var mergeValues=parameterSets.filter(Boolean).map((function(p){return p[key]})).filter((function(value){return void 0!==value}));mergeValues.every((function(value){return lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16___default()(value)}))?combined[key]=combineParameters.apply(void 0,_toConsumableArray(mergeValues)):combined[key]=mergeValues[mergeValues.length-1]})),combined}},"./node_modules/@storybook/store/dist/esm/sortStories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return sortStories_sortStoriesV7})),__webpack_require__.d(__webpack_exports__,"a",(function(){return sortStories_sortStoriesV6}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var _templateObject,stable=__webpack_require__("./node_modules/stable/stable.js"),stable_default=__webpack_require__.n(stable),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),STORY_KIND_PATH_SEPARATOR=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),/\s*\/\s*/);var sortStories_sortStoriesCommon=function sortStoriesCommon(stories,storySortParameter,fileNameOrder){var sortFn;storySortParameter?(sortFn="function"==typeof storySortParameter?storySortParameter:function storySort(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(a,b){if(a.title===b.title&&!options.includeNames)return 0;var method=options.method||"configure",order=options.order||[],storyTitleA=a.title.trim().split(STORY_KIND_PATH_SEPARATOR),storyTitleB=b.title.trim().split(STORY_KIND_PATH_SEPARATOR);options.includeNames&&(storyTitleA.push(a.name),storyTitleB.push(b.name));for(var depth=0;storyTitleA[depth]||storyTitleB[depth];){if(!storyTitleA[depth])return-1;if(!storyTitleB[depth])return 1;var nameA=storyTitleA[depth],nameB=storyTitleB[depth];if(nameA!==nameB){var indexA=order.indexOf(nameA),indexB=order.indexOf(nameB),indexWildcard=order.indexOf("*");return-1!==indexA||-1!==indexB?(-1===indexA&&(indexA=-1!==indexWildcard?indexWildcard:order.length),-1===indexB&&(indexB=-1!==indexWildcard?indexWildcard:order.length),indexA-indexB):"configure"===method?0:nameA.localeCompare(nameB,options.locales?options.locales:void 0,{numeric:!0,sensitivity:"accent"})}var index=order.indexOf(nameA);order=-1!==index&&Array.isArray(order[index+1])?order[index+1]:[],depth+=1}return 0}}(storySortParameter),stable_default.a.inplace(stories,sortFn)):stable_default.a.inplace(stories,(function(s1,s2){return fileNameOrder.indexOf(s1.importPath)-fileNameOrder.indexOf(s2.importPath)}));return stories},sortStories_sortStoriesV7=function sortStoriesV7(stories,storySortParameter,fileNameOrder){try{return sortStories_sortStoriesCommon(stories,storySortParameter,fileNameOrder)}catch(err){throw new Error(Object(esm.a)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    Error sorting stories with sort parameter ",":\n\n    > ","\n    \n    Are you using a V6-style sort function in V7 mode?\n\n    More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort\n  "])),storySortParameter,err.message))}},toIndexEntry=function toIndexEntry(story){return{id:story.id,title:story.title,name:story.name,importPath:story.parameters.fileName}},sortStories_sortStoriesV6=function sortStoriesV6(stories,storySortParameter,fileNameOrder){if(storySortParameter&&"function"==typeof storySortParameter)return stable_default.a.inplace(stories,storySortParameter),stories.map((function(s){return toIndexEntry(s[1])}));var storiesV7=stories.map((function(s){return toIndexEntry(s[1])}));return sortStories_sortStoriesCommon(storiesV7,storySortParameter,fileNameOrder)}},"./node_modules/@storybook/store/node_modules/@storybook/csf/dist/SBType.js":function(module,exports,__webpack_require__){},"./node_modules/@storybook/store/node_modules/@storybook/csf/dist/includeConditionalArg.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists:exists,eq:eq,neq:neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg:arg,global:global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/store/node_modules/@storybook/csf/dist/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}Object.keys(_story).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _story[key]}}))}));var sanitize=function sanitize(string){return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/store/node_modules/@storybook/csf/dist/story.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/store/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/store/node_modules/slash/index.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),module.exports=function(path){var isExtendedLengthPath=/^\\\\\?\\/.test(path),hasNonAscii=/[^\u0000-\u0080]+/.test(path);return isExtendedLengthPath||hasNonAscii?path:path.replace(/\\/g,"/")}},"./node_modules/@storybook/theming/dist/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global,process){__webpack_require__.d(__webpack_exports__,"a",(function(){return Global})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ThemeProvider})),__webpack_require__.d(__webpack_exports__,"c",(function(){return convert})),__webpack_require__.d(__webpack_exports__,"d",(function(){return darkenColor})),__webpack_require__.d(__webpack_exports__,"e",(function(){return ensure})),__webpack_require__.d(__webpack_exports__,"f",(function(){return ignoreSsrWarning})),__webpack_require__.d(__webpack_exports__,"g",(function(){return isPropValid})),__webpack_require__.d(__webpack_exports__,"h",(function(){return keyframes})),__webpack_require__.d(__webpack_exports__,"i",(function(){return lightenColor})),__webpack_require__.d(__webpack_exports__,"j",(function(){return styled})),__webpack_require__.d(__webpack_exports__,"k",(function(){return themes})),__webpack_require__.d(__webpack_exports__,"l",(function(){return useTheme}));__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/esnext.global-this.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-names.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.number.to-fixed.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.bold.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/react/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _extends$1(){return _extends$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends$1.apply(this,arguments)}function memoize(fn){var cache=Object.create(null);return function(arg){return void 0===cache[arg]&&(cache[arg]=fn(arg)),cache[arg]}}var reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=memoize((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91}));var StyleSheet$1=function(){function StyleSheet(options){var _this=this;this._insertTag=function(tag){var before;before=0===_this.tags.length?_this.insertionPoint?_this.insertionPoint.nextSibling:_this.prepend?_this.container.firstChild:_this.before:_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=void 0===options.speedy||options.speedy,this.tags=[],this.ctr=0,this.nonce=options.nonce,this.key=options.key,this.container=options.container,this.prepend=options.prepend,this.insertionPoint=options.insertionPoint,this.before=null}var _proto=StyleSheet.prototype;return _proto.hydrate=function hydrate(nodes){nodes.forEach(this._insertTag)},_proto.insert=function insert(rule){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function createStyleElement$1(options){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options.key),void 0!==options.nonce&&tag.setAttribute("nonce",options.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}(this));var tag=this.tags[this.tags.length-1];if(this.isSpeedy){var sheet=function sheetForTag$1(tag){if(tag.sheet)return tag.sheet;for(var i=0;i<document.styleSheets.length;i++)if(document.styleSheets[i].ownerNode===tag)return document.styleSheets[i]}(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e){0}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function flush(){this.tags.forEach((function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)})),this.tags=[],this.ctr=0},StyleSheet}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function trim(value){return value.trim()}function replace(value,pattern,replacement){return value.replace(pattern,replacement)}function indexof(value,search){return value.indexOf(search)}function charat(value,index){return 0|value.charCodeAt(index)}function substr(value,begin,end){return value.slice(begin,end)}function strlen(value){return value.length}function sizeof(value){return value.length}function append(value,array){return array.push(value),value}var line=1,column=1,length=0,position=0,character=0,characters="";function node(value,root,parent,type,props,children,length){return{value:value,root:root,parent:parent,type:type,props:props,children:children,line:line,column:column,length:length,return:""}}function copy(root,props){return assign(node("",null,null,"",null,null,0),root,{length:-root.length},props)}function prev(){return character=position>0?charat(characters,--position):0,column--,10===character&&(column=1,line--),character}function next(){return character=position<length?charat(characters,position++):0,column++,10===character&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(begin,end){return substr(characters,begin,end)}function token(type){switch(type){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(value){return line=column=1,length=strlen(characters=value),position=0,[]}function dealloc(value){return characters="",value}function delimit(type){return trim(slice(position-1,delimiter(91===type?type+2:40===type?type+1:type)))}function whitespace(type){for(;(character=peek())&&character<33;)next();return token(type)>2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&32==peek()&&32==next()))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:34!==type&&39!==type&&delimiter(character);break;case 40:41===type&&delimiter(type);break;case 92:next()}return position}function commenter(type,index){for(;next()&&type+character!==57&&(type+character!==84||47!==peek()););return"/*"+slice(index,position-1)+"*"+from(47===type?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse("",null,null,null,[""],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character=0,type="",props=rules,children=rulesets,reference=rule,characters=type;scanning;)switch(previous=character,character=next()){case 40:if(108!=previous&&58==characters.charCodeAt(length-1)){-1!=indexof(characters+=replace(delimit(character),"&","&\f"),"&\f")&&(ampersand=-1);break}case 34:case 39:case 91:characters+=delimit(character);break;case 9:case 10:case 13:case 32:characters+=whitespace(previous);break;case 92:characters+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root,parent),declarations);break;default:characters+="/"}break;case 123*variable:points[index++]=strlen(characters)*ampersand;case 125*variable:case 59:case 0:switch(character){case 0:case 125:scanning=0;case 59+offset:property>0&&strlen(characters)-length&&append(property>32?declaration(characters+";",rule,parent,length-1):declaration(replace(characters," ","")+";",rule,parent,length-2),declarations);break;case 59:characters+=";";default:if(append(reference=ruleset(characters,root,parent,index,offset,rules,points,type,props=[],children=[],length),rulesets),123===character)if(0===offset)parse(characters,root,reference,reference,props,rulesets,length,points,children);else switch(atrule){case 100:case 109:case 115:parse(value,reference,reference,rule&&append(ruleset(value,reference,reference,0,0,rules,points,type,rules,props=[],length),children),rules,children,length,points,rule?props:children);break;default:parse(characters,reference,reference,reference,[""],children,0,points,children)}}index=offset=property=0,variable=ampersand=1,type=characters="",length=pseudo;break;case 58:length=1+strlen(characters),property=previous;default:if(variable<1)if(123==character)--variable;else if(125==character&&0==variable++&&125==prev())continue;switch(characters+=from(character),character*variable){case 38:ampersand=offset>0?1:(characters+="\f",-1);break;case 44:points[index++]=(strlen(characters)-1)*ampersand,ampersand=1;break;case 64:45===peek()&&(characters+=delimit(next())),atrule=peek(),offset=length=strlen(type=characters+=identifier(caret())),character++;break;case 45:45===previous&&2==strlen(characters)&&(variable=0)}}return rulesets}function ruleset(value,root,parent,index,offset,rules,points,type,props,children,length){for(var post=offset-1,rule=0===offset?rules:[""],size=sizeof(rule),i=0,j=0,k=0;i<index;++i)for(var x=0,y=substr(value,post+1,post=abs(j=points[i])),z=value;x<size;++x)(z=trim(j>0?rule[x]+" "+y:replace(y,/&\f/g,rule[x])))&&(props[k++]=z);return node(value,root,parent,0===offset?"rule":type,props,children,length)}function comment(value,root,parent){return node(value,root,parent,"comm",from(function char(){return character}()),substr(value,2,-2),0)}function declaration(value,root,parent,length){return node(value,root,parent,"decl",substr(value,0,length),substr(value,length+1,-1),length)}function prefix(value,length){switch(function hash(value,length){return(((length<<2^charat(value,0))<<2^charat(value,1))<<2^charat(value,2))<<2^charat(value,3)}(value,length)){case 5103:return WEBKIT+"print-"+value+value;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value+value;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value+MOZ+value+MS+value+value;case 6828:case 4268:return WEBKIT+value+MS+value+value;case 6165:return WEBKIT+value+MS+"flex-"+value+value;case 5187:return WEBKIT+value+replace(value,/(\w+).+(:[^]+)/,"-webkit-box-$1$2-ms-flex-$1$2")+value;case 5443:return WEBKIT+value+MS+"flex-item-"+replace(value,/flex-|-self/,"")+value;case 4675:return WEBKIT+value+MS+"flex-line-pack"+replace(value,/align-content|flex-|-self/,"")+value;case 5548:return WEBKIT+value+MS+replace(value,"shrink","negative")+value;case 5292:return WEBKIT+value+MS+replace(value,"basis","preferred-size")+value;case 6060:return WEBKIT+"box-"+replace(value,"-grow","")+WEBKIT+value+MS+replace(value,"grow","positive")+value;case 4554:return WEBKIT+replace(value,/([^-])(transform)/g,"$1-webkit-$2")+value;case 6187:return replace(replace(replace(value,/(zoom-|grab)/,WEBKIT+"$1"),/(image-set)/,WEBKIT+"$1"),value,"")+value;case 5495:case 3959:return replace(value,/(image-set\([^]*)/,WEBKIT+"$1$`$1");case 4968:return replace(replace(value,/(.+:)(flex-)?(.*)/,"-webkit-box-pack:$3-ms-flex-pack:$3"),/s.+-b[^;]+/,"justify")+WEBKIT+value+value;case 4095:case 3583:case 4068:case 2532:return replace(value,/(.+)-inline(.+)/,WEBKIT+"$1$2")+value;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value)-1-length>6)switch(charat(value,length+1)){case 109:if(45!==charat(value,length+4))break;case 102:return replace(value,/(.+:)(.+)-([^]+)/,"$1-webkit-$2-$3$1"+MOZ+(108==charat(value,length+3)?"$3":"$2-$3"))+value;case 115:return~indexof(value,"stretch")?prefix(replace(value,"stretch","fill-available"),length)+value:value}break;case 4949:if(115!==charat(value,length+1))break;case 6444:switch(charat(value,strlen(value)-3-(~indexof(value,"!important")&&10))){case 107:return replace(value,":",":"+WEBKIT)+value;case 101:return replace(value,/(.+:)([^;!]+)(;|!.+)?/,"$1"+WEBKIT+(45===charat(value,14)?"inline-":"")+"box$3$1"+WEBKIT+"$2$3$1"+MS+"$2box$3")+value}break;case 5936:switch(charat(value,length+11)){case 114:return WEBKIT+value+MS+replace(value,/[svh]\w+-[tblr]{2}/,"tb")+value;case 108:return WEBKIT+value+MS+replace(value,/[svh]\w+-[tblr]{2}/,"tb-rl")+value;case 45:return WEBKIT+value+MS+replace(value,/[svh]\w+-[tblr]{2}/,"lr")+value}return WEBKIT+value+MS+value+value}return value}function serialize(children,callback){for(var output="",length=sizeof(children),i=0;i<length;i++)output+=callback(children[i],i,children,callback)||"";return output}function stringify(element,index,children,callback){switch(element.type){case"@import":case"decl":return element.return=element.return||element.value;case"comm":return"";case"@keyframes":return element.return=element.value+"{"+serialize(element.children,callback)+"}";case"rule":element.value=element.props.join(",")}return strlen(children=serialize(element.children,callback))?element.return=element.value+"{"+children+"}":""}function middleware(collection){var length=sizeof(collection);return function(element,index,children,callback){for(var output="",i=0;i<length;i++)output+=collection[i](element,index,children,callback)||"";return output}}var weakMemoize=function weakMemoize(func){var cache=new WeakMap;return function(arg){if(cache.has(arg))return cache.get(arg);var ret=func(arg);return cache.set(arg,ret),ret}},identifierWithPointTracking=function identifierWithPointTracking(begin,points,index){for(var previous=0,character=0;previous=character,character=peek(),38===previous&&12===character&&(points[index]=1),!token(character);)next();return slice(begin,position)},getRules=function getRules(value,points){return dealloc(function toRules(parsed,points){var index=-1,character=44;do{switch(token(character)){case 0:38===character&&12===peek()&&(points[index]=1),parsed[index]+=identifierWithPointTracking(position-1,points,index);break;case 2:parsed[index]+=delimit(character);break;case 4:if(44===character){parsed[++index]=58===peek()?"&\f":"",points[index]=parsed[index].length;break}default:parsed[index]+=from(character)}}while(character=next());return parsed}(alloc(value),points))},fixedElements=new WeakMap,compat=function compat(element){if("rule"===element.type&&element.parent&&!(element.length<1)){for(var value=element.value,parent=element.parent,isImplicitRule=element.column===parent.column&&element.line===parent.line;"rule"!==parent.type;)if(!(parent=parent.parent))return;if((1!==element.props.length||58===value.charCodeAt(0)||fixedElements.get(parent))&&!isImplicitRule){fixedElements.set(element,!0);for(var points=[],rules=getRules(value,points),parentRules=parent.props,i=0,k=0;i<rules.length;i++)for(var j=0;j<parentRules.length;j++,k++)element.props[k]=points[i]?rules[i].replace(/&\f/g,parentRules[j]):parentRules[j]+" "+rules[i]}}},removeLabel=function removeLabel(element){if("decl"===element.type){var value=element.value;108===value.charCodeAt(0)&&98===value.charCodeAt(2)&&(element.return="",element.value="")}},isBrowser$6="undefined"!=typeof document,getServerStylisCache=isBrowser$6?void 0:weakMemoize((function(){return memoize((function(){var cache={};return function(name){return cache[name]}}))})),defaultStylisPlugins=[function prefixer(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case"decl":element.return=prefix(element.value,element.length);break;case"@keyframes":return serialize([copy(element,{value:replace(element.value,"@","@"+WEBKIT)})],callback);case"rule":if(element.length)return function combine(array,callback){return array.map(callback).join("")}(element.props,(function(value){switch(function match(value,pattern){return(value=pattern.exec(value))?value[0]:value}(value,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return serialize([copy(element,{props:[replace(value,/:(read-\w+)/,":-moz-$1")]})],callback);case"::placeholder":return serialize([copy(element,{props:[replace(value,/:(plac\w+)/,":-webkit-input-$1")]}),copy(element,{props:[replace(value,/:(plac\w+)/,":-moz-$1")]}),copy(element,{props:[replace(value,/:(plac\w+)/,MS+"input-$1")]})],callback)}return""}))}}],createCache=function createCache(options){var key=options.key;if(isBrowser$6&&"css"===key){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,(function(node){-1!==node.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(node),node.setAttribute("data-s",""))}))}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;var container,_insert,inserted={},nodesToHydrate=[];isBrowser$6&&(container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key+' "]'),(function(node){for(var attrib=node.getAttribute("data-emotion").split(" "),i=1;i<attrib.length;i++)inserted[attrib[i]]=!0;nodesToHydrate.push(node)})));var callback,omnipresentPlugins=[compat,removeLabel];if(isBrowser$6){var currentSheet,finalizingPlugins=[stringify,(callback=function(rule){currentSheet.insert(rule)},function(element){element.root||(element=element.return)&&callback(element)})],serializer=middleware(omnipresentPlugins.concat(stylisPlugins,finalizingPlugins));_insert=function insert(selector,serialized,sheet,shouldCache){currentSheet=sheet,function stylis(styles){serialize(compile(styles),serializer)}(selector?selector+"{"+serialized.styles+"}":serialized.styles),shouldCache&&(cache.inserted[serialized.name]=!0)}}else{var _finalizingPlugins=[stringify],_serializer=middleware(omnipresentPlugins.concat(stylisPlugins,_finalizingPlugins)),serverStylisCache=getServerStylisCache(stylisPlugins)(key),getRules=function getRules(selector,serialized){var name=serialized.name;return void 0===serverStylisCache[name]&&(serverStylisCache[name]=function _stylis(styles){return serialize(compile(styles),_serializer)}(selector?selector+"{"+serialized.styles+"}":serialized.styles)),serverStylisCache[name]};_insert=function _insert(selector,serialized,sheet,shouldCache){var name=serialized.name,rules=getRules(selector,serialized);return void 0===cache.compat?(shouldCache&&(cache.inserted[name]=!0),rules):shouldCache?void(cache.inserted[name]=rules):rules}}var cache={key:key,sheet:new StyleSheet$1({key:key,container:container,nonce:options.nonce,speedy:options.speedy,prepend:options.prepend,insertionPoint:options.insertionPoint}),nonce:options.nonce,inserted:inserted,registered:{},insert:_insert};return cache.sheet.hydrate(nodesToHydrate),cache},commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==global?global:"undefined"!=typeof self?self:{},reactIs$1={exports:{}},reactIs_production_min={},b="function"==typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;function z(a){if("object"===_typeof(a)&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l,reactIs_production_min.ConcurrentMode=m,reactIs_production_min.ContextConsumer=k,reactIs_production_min.ContextProvider=h,reactIs_production_min.Element=c,reactIs_production_min.ForwardRef=n,reactIs_production_min.Fragment=e,reactIs_production_min.Lazy=t,reactIs_production_min.Memo=r,reactIs_production_min.Portal=d,reactIs_production_min.Profiler=g,reactIs_production_min.StrictMode=f,reactIs_production_min.Suspense=p,reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l},reactIs_production_min.isConcurrentMode=A,reactIs_production_min.isContextConsumer=function(a){return z(a)===k},reactIs_production_min.isContextProvider=function(a){return z(a)===h},reactIs_production_min.isElement=function(a){return"object"===_typeof(a)&&null!==a&&a.$$typeof===c},reactIs_production_min.isForwardRef=function(a){return z(a)===n},reactIs_production_min.isFragment=function(a){return z(a)===e},reactIs_production_min.isLazy=function(a){return z(a)===t},reactIs_production_min.isMemo=function(a){return z(a)===r},reactIs_production_min.isPortal=function(a){return z(a)===d},reactIs_production_min.isProfiler=function(a){return z(a)===g},reactIs_production_min.isStrictMode=function(a){return z(a)===f},reactIs_production_min.isSuspense=function(a){return z(a)===p},reactIs_production_min.isValidElementType=function(a){return"string"==typeof a||"function"==typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===_typeof(a)&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)},reactIs_production_min.typeOf=z,reactIs$1.exports=reactIs_production_min;var reactIs=reactIs$1.exports,MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;Object.defineProperty,Object.getOwnPropertyNames,Object.getOwnPropertySymbols,Object.getOwnPropertyDescriptor,Object.getPrototypeOf,Object.prototype;var isBrowser$5="undefined"!=typeof document;var registerStyles$1=function registerStyles(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(!1===isStringTag||!1===isBrowser$5&&void 0!==cache.compat)&&void 0===cache.registered[className]&&(cache.registered[className]=serialized.styles)},insertStyles$1=function insertStyles(cache,serialized,isStringTag){registerStyles$1(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(void 0===cache.inserted[serialized.name]){var stylesForSSR="",current=serialized;do{var maybeStyles=cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0);isBrowser$5||void 0===maybeStyles||(stylesForSSR+=maybeStyles),current=current.next}while(void 0!==current);if(!isBrowser$5&&0!==stylesForSSR.length)return stylesForSSR}};function murmur2(str){for(var k,h=0,i=0,len=str.length;len>=4;++i,len-=4)k=1540483477*(65535&(k=255&str.charCodeAt(i)|(255&str.charCodeAt(++i))<<8|(255&str.charCodeAt(++i))<<16|(255&str.charCodeAt(++i))<<24))+(59797*(k>>>16)<<16),h=1540483477*(65535&(k^=k>>>24))+(59797*(k>>>16)<<16)^1540483477*(65535&h)+(59797*(h>>>16)<<16);switch(len){case 3:h^=(255&str.charCodeAt(i+2))<<16;case 2:h^=(255&str.charCodeAt(i+1))<<8;case 1:h=1540483477*(65535&(h^=255&str.charCodeAt(i)))+(59797*(h>>>16)<<16)}return(((h=1540483477*(65535&(h^=h>>>13))+(59797*(h>>>16)<<16))^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},hyphenateRegex$1=/[A-Z]|^ms/g,animationRegex$1=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty$1=function isCustomProperty(property){return 45===property.charCodeAt(1)},isProcessableValue$1=function isProcessableValue(value){return null!=value&&"boolean"!=typeof value},processStyleName$1=memoize((function(styleName){return isCustomProperty$1(styleName)?styleName:styleName.replace(hyphenateRegex$1,"-$&").toLowerCase()})),processStyleValue$1=function processStyleValue(key,value){switch(key){case"animation":case"animationName":if("string"==typeof value)return value.replace(animationRegex$1,(function(match,p1,p2){return cursor$1={name:p1,styles:p2,next:cursor$1},p1}))}return 1===unitlessKeys[key]||isCustomProperty$1(key)||"number"!=typeof value||0===value?value:value+"px"};function handleInterpolation$1(mergedProps,registered,interpolation){if(null==interpolation)return"";if(void 0!==interpolation.__emotion_styles)return interpolation;switch(_typeof(interpolation)){case"boolean":return"";case"object":if(1===interpolation.anim)return cursor$1={name:interpolation.name,styles:interpolation.styles,next:cursor$1},interpolation.name;if(void 0!==interpolation.styles){var next=interpolation.next;if(void 0!==next)for(;void 0!==next;)cursor$1={name:next.name,styles:next.styles,next:cursor$1},next=next.next;return interpolation.styles+";"}return function createStringFromObject$1(mergedProps,registered,obj){var string="";if(Array.isArray(obj))for(var i=0;i<obj.length;i++)string+=handleInterpolation$1(mergedProps,registered,obj[i])+";";else for(var _key in obj){var value=obj[_key];if("object"!==_typeof(value))null!=registered&&void 0!==registered[value]?string+=_key+"{"+registered[value]+"}":isProcessableValue$1(value)&&(string+=processStyleName$1(_key)+":"+processStyleValue$1(_key,value)+";");else if(!Array.isArray(value)||"string"!=typeof value[0]||null!=registered&&void 0!==registered[value[0]]){var interpolated=handleInterpolation$1(mergedProps,registered,value);switch(_key){case"animation":case"animationName":string+=processStyleName$1(_key)+":"+interpolated+";";break;default:string+=_key+"{"+interpolated+"}"}}else for(var _i=0;_i<value.length;_i++)isProcessableValue$1(value[_i])&&(string+=processStyleName$1(_key)+":"+processStyleValue$1(_key,value[_i])+";")}return string}(mergedProps,registered,interpolation);case"function":if(void 0!==mergedProps){var previousCursor=cursor$1,result=interpolation(mergedProps);return cursor$1=previousCursor,handleInterpolation$1(mergedProps,registered,result)}}if(null==registered)return interpolation;var cached=registered[interpolation];return void 0!==cached?cached:interpolation}var cursor$1,labelPattern$1=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var serializeStyles$1=function serializeStyles(args,registered,mergedProps){if(1===args.length&&"object"===_typeof(args[0])&&null!==args[0]&&void 0!==args[0].styles)return args[0];var stringMode=!0,styles="";cursor$1=void 0;var strings=args[0];null==strings||void 0===strings.raw?(stringMode=!1,styles+=handleInterpolation$1(mergedProps,registered,strings)):styles+=strings[0];for(var i=1;i<args.length;i++)styles+=handleInterpolation$1(mergedProps,registered,args[i]),stringMode&&(styles+=strings[i]);labelPattern$1.lastIndex=0;for(var match,identifierName="";null!==(match=labelPattern$1.exec(styles));)identifierName+="-"+match[1];return{name:murmur2(styles)+identifierName,styles:styles,next:cursor$1}},isBrowser$4="undefined"!=typeof document,EmotionCacheContext=Object(react__WEBPACK_IMPORTED_MODULE_38__.createContext)("undefined"!=typeof HTMLElement?createCache({key:"css"}):null);EmotionCacheContext.Provider;var withEmotionCache=function withEmotionCache(func){return Object(react__WEBPACK_IMPORTED_MODULE_38__.forwardRef)((function(props,ref){var cache=Object(react__WEBPACK_IMPORTED_MODULE_38__.useContext)(EmotionCacheContext);return func(props,cache,ref)}))};isBrowser$4||(withEmotionCache=function withEmotionCache(func){return function(props){var cache=Object(react__WEBPACK_IMPORTED_MODULE_38__.useContext)(EmotionCacheContext);return null===cache?(cache=createCache({key:"css"}),Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)(EmotionCacheContext.Provider,{value:cache},func(props,cache))):func(props,cache)}});var ThemeContext=Object(react__WEBPACK_IMPORTED_MODULE_38__.createContext)({});var createCacheWithTheme=weakMemoize((function(outerTheme){return weakMemoize((function(theme){return function getTheme(outerTheme,theme){return"function"==typeof theme?theme(outerTheme):_extends$1({},outerTheme,theme)}(outerTheme,theme)}))})),ThemeProvider=function ThemeProvider(props){var theme=Object(react__WEBPACK_IMPORTED_MODULE_38__.useContext)(ThemeContext);return props.theme!==theme&&(theme=createCacheWithTheme(theme)(props.theme)),Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)(ThemeContext.Provider,{value:theme},props.children)};react__WEBPACK_IMPORTED_MODULE_38__.useInsertionEffect&&react__WEBPACK_IMPORTED_MODULE_38__.useInsertionEffect;var StyleSheet=function(){function StyleSheet(options){var _this=this;this._insertTag=function(tag){var before;before=0===_this.tags.length?_this.insertionPoint?_this.insertionPoint.nextSibling:_this.prepend?_this.container.firstChild:_this.before:_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=void 0===options.speedy||options.speedy,this.tags=[],this.ctr=0,this.nonce=options.nonce,this.key=options.key,this.container=options.container,this.prepend=options.prepend,this.insertionPoint=options.insertionPoint,this.before=null}var _proto=StyleSheet.prototype;return _proto.hydrate=function hydrate(nodes){nodes.forEach(this._insertTag)},_proto.insert=function insert(rule){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function createStyleElement(options){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options.key),void 0!==options.nonce&&tag.setAttribute("nonce",options.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}(this));var tag=this.tags[this.tags.length-1];if(this.isSpeedy){var sheet=function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i=0;i<document.styleSheets.length;i++)if(document.styleSheets[i].ownerNode===tag)return document.styleSheets[i]}(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e){0}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function flush(){this.tags.forEach((function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)})),this.tags=[],this.ctr=0},StyleSheet}(),useInsertionEffect$1=react__WEBPACK_IMPORTED_MODULE_38__.useInsertionEffect?react__WEBPACK_IMPORTED_MODULE_38__.useInsertionEffect:react__WEBPACK_IMPORTED_MODULE_38__.useLayoutEffect,Global$1=withEmotionCache((function(props,cache){var styles=props.styles,serialized=serializeStyles$1([styles],void 0,Object(react__WEBPACK_IMPORTED_MODULE_38__.useContext)(ThemeContext));if(!isBrowser$4){for(var _ref,serializedNames=serialized.name,serializedStyles=serialized.styles,next=serialized.next;void 0!==next;)serializedNames+=" "+next.name,serializedStyles+=next.styles,next=next.next;var shouldCache=!0===cache.compat,rules=cache.insert("",{name:serializedNames,styles:serializedStyles},cache.sheet,shouldCache);return shouldCache?null:Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)("style",((_ref={})["data-emotion"]=cache.key+"-global "+serializedNames,_ref.dangerouslySetInnerHTML={__html:rules},_ref.nonce=cache.sheet.nonce,_ref))}var sheetRef=Object(react__WEBPACK_IMPORTED_MODULE_38__.useRef)();return useInsertionEffect$1((function(){var key=cache.key+"-global",sheet=new StyleSheet({key:key,nonce:cache.sheet.nonce,container:cache.sheet.container,speedy:cache.sheet.isSpeedy}),rehydrating=!1,node=document.querySelector('style[data-emotion="'+key+" "+serialized.name+'"]');return cache.sheet.tags.length&&(sheet.before=cache.sheet.tags[0]),null!==node&&(rehydrating=!0,node.setAttribute("data-emotion",key),sheet.hydrate([node])),sheetRef.current=[sheet,rehydrating],function(){sheet.flush()}}),[cache]),useInsertionEffect$1((function(){var sheetRefCurrent=sheetRef.current,sheet=sheetRefCurrent[0];if(sheetRefCurrent[1])sheetRefCurrent[1]=!1;else{if(void 0!==serialized.next&&insertStyles$1(cache,serialized.next,!0),sheet.tags.length){var element=sheet.tags[sheet.tags.length-1].nextElementSibling;sheet.before=element,sheet.flush()}cache.insert("",serialized,sheet,!1)}}),[cache,serialized.name]),null}));function css(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return serializeStyles$1(args)}var keyframes=function keyframes(){var insertable=css.apply(void 0,arguments),name="animation-"+insertable.name;return{name:name,styles:"@keyframes "+name+"{"+insertable.styles+"}",anim:1,toString:function toString(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}};var isBrowser$2="undefined"!=typeof document;function getRegisteredStyles(registered,registeredStyles,classNames){var rawClassName="";return classNames.split(" ").forEach((function(className){void 0!==registered[className]?registeredStyles.push(registered[className]+";"):rawClassName+=className+" "})),rawClassName}var registerStyles=function registerStyles(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(!1===isStringTag||!1===isBrowser$2&&void 0!==cache.compat)&&void 0===cache.registered[className]&&(cache.registered[className]=serialized.styles)},hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function isCustomProperty(property){return 45===property.charCodeAt(1)},isProcessableValue=function isProcessableValue(value){return null!=value&&"boolean"!=typeof value},processStyleName=memoize((function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,"-$&").toLowerCase()})),processStyleValue=function processStyleValue(key,value){switch(key){case"animation":case"animationName":if("string"==typeof value)return value.replace(animationRegex,(function(match,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1}))}return 1===unitlessKeys[key]||isCustomProperty(key)||"number"!=typeof value||0===value?value:value+"px"};function handleInterpolation(mergedProps,registered,interpolation){if(null==interpolation)return"";if(void 0!==interpolation.__emotion_styles)return interpolation;switch(_typeof(interpolation)){case"boolean":return"";case"object":if(1===interpolation.anim)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(void 0!==interpolation.styles){var next=interpolation.next;if(void 0!==next)for(;void 0!==next;)cursor={name:next.name,styles:next.styles,next:cursor},next=next.next;return interpolation.styles+";"}return function createStringFromObject(mergedProps,registered,obj){var string="";if(Array.isArray(obj))for(var i=0;i<obj.length;i++)string+=handleInterpolation(mergedProps,registered,obj[i])+";";else for(var _key in obj){var value=obj[_key];if("object"!==_typeof(value))null!=registered&&void 0!==registered[value]?string+=_key+"{"+registered[value]+"}":isProcessableValue(value)&&(string+=processStyleName(_key)+":"+processStyleValue(_key,value)+";");else if(!Array.isArray(value)||"string"!=typeof value[0]||null!=registered&&void 0!==registered[value[0]]){var interpolated=handleInterpolation(mergedProps,registered,value);switch(_key){case"animation":case"animationName":string+=processStyleName(_key)+":"+interpolated+";";break;default:string+=_key+"{"+interpolated+"}"}}else for(var _i=0;_i<value.length;_i++)isProcessableValue(value[_i])&&(string+=processStyleName(_key)+":"+processStyleValue(_key,value[_i])+";")}return string}(mergedProps,registered,interpolation);case"function":if(void 0!==mergedProps){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}}if(null==registered)return interpolation;var cached=registered[interpolation];return void 0!==cached?cached:interpolation}var cursor,labelPattern=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var serializeStyles=function serializeStyles(args,registered,mergedProps){if(1===args.length&&"object"===_typeof(args[0])&&null!==args[0]&&void 0!==args[0].styles)return args[0];var stringMode=!0,styles="";cursor=void 0;var strings=args[0];null==strings||void 0===strings.raw?(stringMode=!1,styles+=handleInterpolation(mergedProps,registered,strings)):styles+=strings[0];for(var i=1;i<args.length;i++)styles+=handleInterpolation(mergedProps,registered,args[i]),stringMode&&(styles+=strings[i]);labelPattern.lastIndex=0;for(var match,identifierName="";null!==(match=labelPattern.exec(styles));)identifierName+="-"+match[1];return{name:murmur2(styles)+identifierName,styles:styles,next:cursor}},testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},isBrowser="undefined"!=typeof document,useInsertionEffect=react__WEBPACK_IMPORTED_MODULE_38__.useInsertionEffect?react__WEBPACK_IMPORTED_MODULE_38__.useInsertionEffect:function useInsertionEffect(create){create()};var isBrowser$1="undefined"!=typeof document,Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;registerStyles(cache,serialized,isStringTag);var rules=function useInsertionEffectMaybe(create){if(!isBrowser)return create();useInsertionEffect(create)}((function(){return function insertStyles(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(void 0===cache.inserted[serialized.name]){var stylesForSSR="",current=serialized;do{var maybeStyles=cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0);isBrowser$2||void 0===maybeStyles||(stylesForSSR+=maybeStyles),current=current.next}while(void 0!==current);if(!isBrowser$2&&0!==stylesForSSR.length)return stylesForSSR}}(cache,serialized,isStringTag)}));if(!isBrowser$1&&void 0!==rules){for(var _ref2,serializedNames=serialized.name,next=serialized.next;void 0!==next;)serializedNames+=" "+next.name,next=next.next;return Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)("style",((_ref2={})["data-emotion"]=cache.key+" "+serializedNames,_ref2.dangerouslySetInnerHTML={__html:rules},_ref2.nonce=cache.sheet.nonce,_ref2))}return null},newStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=withEmotionCache((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=Object(react__WEBPACK_IMPORTED_MODULE_38__.useContext)(ThemeContext)}"string"==typeof props.className?className=getRegisteredStyles(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=serializeStyles(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)(react__WEBPACK_IMPORTED_MODULE_38__.Fragment,null,Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),Object(react__WEBPACK_IMPORTED_MODULE_38__.createElement)(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,_extends$1({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}.bind();function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct:function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache="function"==typeof Map?new Map:void 0;return _wrapNativeSuper=function _wrapNativeSuper(Class){if(null===Class||!function _isNativeFunction(fn){return-1!==Function.toString.call(fn).indexOf("[native code]")}(Class))return Class;if("function"!=typeof Class)throw new TypeError("Super expression must either be null or a function");if(void 0!==_cache){if(_cache.has(Class))return _cache.get(Class);_cache.set(Class,Wrapper)}function Wrapper(){return _construct(Class,arguments,_getPrototypeOf(this).constructor)}return Wrapper.prototype=Object.create(Class.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper,Class)},_wrapNativeSuper(Class)}["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(tagName){newStyled[tagName]=newStyled(tagName)}));var PolishedError=function(_Error){function PolishedError(code){return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this)}return function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}(PolishedError,_Error),PolishedError}(_wrapNativeSuper(Error));function colorToInt(color){return Math.round(255*color)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(void 0===convert&&(convert=convertToInt),0===saturation)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new PolishedError(3);var normalizedColor=function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha:alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function parseToHsl(color){return function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness:lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness:lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green<blue?6:0);break;case green:hue=(blue-red)/delta+2;break;default:hue=(red-green)/delta+4}return hue*=60,void 0!==color.alpha?{hue:hue,saturation:saturation,lightness:lightness,alpha:color.alpha}:{hue:hue,saturation:saturation,lightness:lightness}}(parseToRgb(color))}var reduceHexValue$1=function reduceHexValue(value){return 7===value.length&&value[1]===value[2]&&value[3]===value[4]&&value[5]===value[6]?"#"+value[1]+value[3]+value[5]:value};function numberToHex(value){var hex=value.toString(16);return 1===hex.length?"0"+hex:hex}function colorToHex(color){return numberToHex(Math.round(255*color))}function convertToHex(red,green,blue){return reduceHexValue$1("#"+colorToHex(red)+colorToHex(green)+colorToHex(blue))}function hslToHex(hue,saturation,lightness){return hslToRgb(hue,saturation,lightness,convertToHex)}function rgb(value,green,blue){if("number"==typeof value&&"number"==typeof green&&"number"==typeof blue)return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if("object"===_typeof(value)&&void 0===green&&void 0===blue)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if("string"==typeof firstValue&&"number"==typeof secondValue){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}if("number"==typeof firstValue&&"number"==typeof secondValue&&"number"==typeof thirdValue&&"number"==typeof fourthValue)return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"===_typeof(firstValue)&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new PolishedError(7)}function toColorString(color){if("object"!==_typeof(color))throw new PolishedError(8);if(function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha}(color))return rgba(color);if(function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)}(color))return rgb(color);if(function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha}(color))return function hsla(value,saturation,lightness,alpha){if("number"==typeof value&&"number"==typeof saturation&&"number"==typeof lightness&&"number"==typeof alpha)return alpha>=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}(color);if(function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)}(color))return function hsl(value,saturation,lightness){if("number"==typeof value&&"number"==typeof saturation&&"number"==typeof lightness)return hslToHex(value,saturation,lightness);if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness)return hslToHex(value.hue,value.saturation,value.lightness);throw new PolishedError(1)}(color);throw new PolishedError(8)}function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken$1=curry(darken);function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten$1=curry(lighten);function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends({},parsedColor,{alpha:guard(0,1,(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)+100*parseFloat(amount))/100)}))}var curriedOpacify$1=curry(opacify);function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends({},parsedColor,{alpha:guard(0,1,+(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)-100*parseFloat(amount)).toFixed(2)/100)}))}var color_secondary="#1EA7FD",color_tertiary="#FAFBFC",color_ancillary="#22a699",color_orange="#FC521F",color_gold="#FFAE00",color_green="#66BF3C",color_seafoam="#37D5D3",color_purple="#6F2CAC",color_ultraviolet="#2A0481",color_lightest="#FFFFFF",color_lighter="#F8F8F8",color_light="#F3F3F3",color_mediumlight="#EEEEEE",color_medium="#DDDDDD",color_mediumdark="#999999",color_dark="#666666",color_darker="#444444",color_darkest="#333333",color_border="rgba(0,0,0,.1)",color_positive="#66BF3C",color_negative="#FF4400",color_warning="#E69D00",color_critical="#FFFFFF",background={app:"#F6F9FC",bar:"#FFFFFF",content:color_lightest,gridCellSize:10,hoverable:curry(transparentize)(.93,color_secondary),positive:"#E1FFD4",negative:"#FEDED2",warning:"#FFF5CF",critical:"#FF4400"},typography={fonts:{base:['"Nunito Sans"',"-apple-system",'".SFNSText-Regular"','"San Francisco"',"BlinkMacSystemFont",'"Segoe UI"','"Helvetica Neue"',"Helvetica","Arial","sans-serif"].join(", "),mono:["ui-monospace","Menlo","Monaco",'"Roboto Mono"','"Oxygen Mono"','"Ubuntu Monospace"','"Source Code Pro"','"Droid Sans Mono"','"Courier New"',"monospace"].join(", ")},weight:{regular:400,bold:700,black:900},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48,code:90}};function Similar(){return this.list=[],this.lastItem=void 0,this.size=0,this}Similar.prototype.get=function(key){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?this.lastItem.val:(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val):void 0},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key:key,val:val},this.list.push(this.lastItem),this.size++,this)},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),(index=this.indexOf(key))>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return!(!this.lastItem||!this.isEqual(this.lastItem.key,key))||(index=this.indexOf(key))>=0&&(this.lastItem=this.list[index],!0)},Similar.prototype.forEach=function(callback,thisArg){var i;for(i=0;i<this.size;i++)callback.call(thisArg||this,this.list[i].val,this.list[i].key,this)},Similar.prototype.indexOf=function(key){var i;for(i=0;i<this.size;i++)if(this.isEqual(this.list[i].key,key))return i;return-1},Similar.prototype.isEqual=function(val1,val2){return val1===val2||val1!=val1&&val2!=val2};var similar=Similar,MapOrSimilar=function mapOrSimilar(forceSimilar){return"function"!=typeof Map||forceSimilar?new similar:new Map},memoizerific=function memoizerific(limit){var cache=new MapOrSimilar("true"===process.env.FORCE_SIMILAR_INSTEAD_OF_MAP),lru=[];return function(fn){var memoizerific=function memoizerific(){var newMap,fnResult,i,currentCache=cache,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0;if((memoizerific.numArgs||0===memoizerific.numArgs)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i=0;i<argsLengthMinusOne;i++)lruPath[i]={cacheItem:currentCache,arg:arguments[i]},currentCache.has(arguments[i])?currentCache=currentCache.get(arguments[i]):(isMemoized=!1,newMap=new MapOrSimilar("true"===process.env.FORCE_SIMILAR_INSTEAD_OF_MAP),currentCache.set(arguments[i],newMap),currentCache=newMap);return isMemoized&&(currentCache.has(arguments[argsLengthMinusOne])?fnResult=currentCache.get(arguments[argsLengthMinusOne]):isMemoized=!1),isMemoized||(fnResult=fn.apply(null,arguments),currentCache.set(arguments[argsLengthMinusOne],fnResult)),limit>0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}};function moveToMostRecentLru(lru,lruPath){var isMatch,i,ii,val1,val2,lruLen=lru.length,lruPathLen=lruPath.length;for(i=0;i<lruLen;i++){for(isMatch=!0,ii=0;ii<lruPathLen;ii++)if(val1=lru[i][ii].arg,val2=lruPath[ii].arg,val1!==val2&&(val1==val1||val2==val2)){isMatch=!1;break}if(isMatch)break}lru.push(lru.splice(i,1)[0])}function removeCachedResult(removedLru){var tmp,i,removedLruLen=removedLru.length,currentLru=removedLru[removedLruLen-1];for(currentLru.cacheItem.delete(currentLru.arg),i=removedLruLen-2;i>=0&&(!(tmp=(currentLru=removedLru[i]).cacheItem.get(currentLru.arg))||!tmp.size);i--)currentLru.cacheItem.delete(currentLru.arg)}var createReset=memoizerific(1)((function(_ref3){var typography=_ref3.typography;return{body:{fontFamily:typography.fonts.base,fontSize:typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},"*":{boxSizing:"border-box"},"h1, h2, h3, h4, h5, h6":{fontWeight:typography.weight.regular,margin:0,padding:0},"button, input, textarea, select":{fontFamily:"inherit",fontSize:"inherit",boxSizing:"border-box"},sub:{fontSize:"0.8em",bottom:"-0.2em"},sup:{fontSize:"0.8em",top:"-0.2em"},"b, strong":{fontWeight:typography.weight.bold},hr:{border:"none",borderTop:"1px solid silver",clear:"both",marginBottom:"1.25rem"},code:{fontFamily:typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"},pre:{fontFamily:typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0"}}})),theme$1=(memoizerific(1)((function(_ref4){var color=_ref4.color,background=_ref4.background,typography=_ref4.typography,resetStyles=createReset({typography:typography});return Object.assign(Object.assign({},resetStyles),{body:Object.assign(Object.assign({},resetStyles.body),{color:color.defaultText,background:background.app,overflow:"hidden"}),hr:Object.assign(Object.assign({},resetStyles.hr),{borderTop:"1px solid ".concat(color.border)})})})),{base:"light",colorPrimary:"#FF4785",colorSecondary:"#1EA7FD",appBg:background.app,appContentBg:color_lightest,appBorderColor:color_border,appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:color_darkest,textInverseColor:color_lightest,textMutedColor:color_dark,barTextColor:color_mediumdark,barSelectedColor:color_secondary,barBg:color_lightest,inputBg:color_lightest,inputBorder:color_border,inputTextColor:color_darkest,inputBorderRadius:4}),theme={base:"dark",colorPrimary:"#FF4785",colorSecondary:"#1EA7FD",appBg:"#2f2f2f",appContentBg:color_darkest,appBorderColor:"rgba(255,255,255,.1)",appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:color_lightest,textInverseColor:color_darkest,textMutedColor:color_mediumdark,barTextColor:"#999999",barSelectedColor:color_secondary,barBg:color_darkest,inputBg:"#3f3f3f",inputBorder:"rgba(0,0,0,.3)",inputTextColor:color_lightest,inputBorderRadius:4},globalWindow=("undefined"!=typeof window?window:void 0!==commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{}).window,colorFactory=function colorFactory(type){return function(color){if(!function isColorString(color){return"string"==typeof color||(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_39__.a.warn("Color passed to theme object should be a string. Instead "+"".concat(color,"(").concat(_typeof(color),") was passed.")),!1)}(color))return color;if(!function isValidColorForPolished(color){return!/(gradient|var|calc)/.test(color)}(color))return color;try{return function applyPolished(type,color){return"darken"===type?rgba("".concat(curriedDarken$1(1,color)),.95):"lighten"===type?rgba("".concat(curriedLighten$1(1,color)),.95):color}(type,color)}catch(error){return color}}},lightenColor=colorFactory("lighten"),darkenColor=colorFactory("darken"),getPreferredColorScheme=function getPreferredColorScheme(){return globalWindow&&globalWindow.matchMedia&&globalWindow.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"},themes={light:theme$1,dark:theme,normal:theme$1};getPreferredColorScheme();function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}var easing={rubber:"cubic-bezier(0.175, 0.885, 0.335, 1.05)"},rotate360=keyframes(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n"]))),glow=keyframes(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  0%, 100% { opacity: 1; }\n  50% { opacity: .4; }\n"]))),animation={rotate360:rotate360,glow:glow,float:keyframes(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  0% { transform: translateY(1px); }\n  25% { transform: translateY(0px); }\n  50% { transform: translateY(-3px); }\n  100% { transform: translateY(1px); }\n"]))),jiggle:keyframes(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  0%, 100% { transform:translate3d(0,0,0); }\n  12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }\n"]))),inlineGlow:css(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  animation: "," 1.5s ease-in-out infinite;\n  color: transparent;\n  cursor: progress;\n"])),glow),hoverable:css(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  transition: all 150ms ease-out;\n  transform: translate3d(0, 0, 0);\n\n  &:hover {\n    transform: translate3d(0, -2px, 0);\n  }\n\n  &:active {\n    transform: translate3d(0, 0, 0);\n  }\n"])))},chromeDark={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},chromeLight={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},convertColors=function convertColors(colors){return Object.entries(colors).reduce((function(acc,_ref5){var _ref6=_slicedToArray(_ref5,2),k=_ref6[0],v=_ref6[1];return Object.assign(Object.assign({},acc),function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},k,function mkColor(color){return{color:color}}(v)))}),{})},create=function create(_ref7){var colors=_ref7.colors,mono=_ref7.mono,colorsObjs=convertColors(colors);return{token:{fontFamily:mono,WebkitFontSmoothing:"antialiased","&.tag":colorsObjs.red3,"&.comment":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.prolog":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.doctype":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.cdata":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.string":colorsObjs.red1,"&.url":colorsObjs.cyan1,"&.symbol":colorsObjs.cyan1,"&.number":colorsObjs.cyan1,"&.boolean":colorsObjs.cyan1,"&.variable":colorsObjs.cyan1,"&.constant":colorsObjs.cyan1,"&.inserted":colorsObjs.cyan1,"&.atrule":colorsObjs.blue1,"&.keyword":colorsObjs.blue1,"&.attr-value":colorsObjs.blue1,"&.punctuation":colorsObjs.gray1,"&.operator":colorsObjs.gray1,"&.function":colorsObjs.gray1,"&.deleted":colorsObjs.red2,"&.important":{fontWeight:"bold"},"&.bold":{fontWeight:"bold"},"&.italic":{fontStyle:"italic"},"&.class-name":colorsObjs.cyan2,"&.selector":colorsObjs.red3,"&.attr-name":colorsObjs.red4,"&.property":colorsObjs.red4,"&.regex":colorsObjs.red4,"&.entity":colorsObjs.red4,"&.directive.tag .tag":Object.assign({background:"#ffff00"},colorsObjs.gray1)},"language-json .token.boolean":colorsObjs.blue1,"language-json .token.number":colorsObjs.blue1,"language-json .token.property":colorsObjs.cyan2,namespace:{opacity:.7}}},lightSyntaxColors={green1:"#008000",red1:"#A31515",red2:"#9a050f",red3:"#800000",red4:"#ff0000",gray1:"#393A34",cyan1:"#36acaa",cyan2:"#2B91AF",blue1:"#0000ff",blue2:"#00009f"},darkSyntaxColors={green1:"#7C7C7C",red1:"#92C379",red2:"#9a050f",red3:"#A8FF60",red4:"#96CBFE",gray1:"#EDEDED",cyan1:"#C6C5FE",cyan2:"#FFFFB6",blue1:"#B474DD",blue2:"#00009f"},createColors=function createColors(vars){return{primary:vars.colorPrimary,secondary:vars.colorSecondary,tertiary:color_tertiary,ancillary:color_ancillary,orange:color_orange,gold:color_gold,green:color_green,seafoam:color_seafoam,purple:color_purple,ultraviolet:color_ultraviolet,lightest:color_lightest,lighter:color_lighter,light:color_light,mediumlight:color_mediumlight,medium:color_medium,mediumdark:color_mediumdark,dark:color_dark,darker:color_darker,darkest:color_darkest,border:color_border,positive:color_positive,negative:color_negative,warning:color_warning,critical:color_critical,defaultText:vars.textColor||color_darkest,inverseText:vars.textInverseColor||color_lightest}},convert=function convert(){var inherit=arguments.length>0&&void 0!==arguments[0]?arguments[0]:themes[getPreferredColorScheme()],base=inherit.base,colorSecondary=(inherit.colorPrimary,inherit.colorSecondary),appBg=inherit.appBg,appContentBg=inherit.appContentBg,appBorderColor=inherit.appBorderColor,appBorderRadius=inherit.appBorderRadius,fontBase=inherit.fontBase,fontCode=inherit.fontCode,textColor=inherit.textColor,barTextColor=(inherit.textInverseColor,inherit.barTextColor),barSelectedColor=inherit.barSelectedColor,barBg=inherit.barBg,inputBg=inherit.inputBg,inputBorder=inherit.inputBorder,inputTextColor=inherit.inputTextColor,inputBorderRadius=inherit.inputBorderRadius,brandTitle=inherit.brandTitle,brandUrl=inherit.brandUrl,brandImage=inherit.brandImage,brandTarget=inherit.brandTarget,gridCellSize=inherit.gridCellSize,rest=__rest(inherit,["base","colorPrimary","colorSecondary","appBg","appContentBg","appBorderColor","appBorderRadius","fontBase","fontCode","textColor","textInverseColor","barTextColor","barSelectedColor","barBg","inputBg","inputBorder","inputTextColor","inputBorderRadius","brandTitle","brandUrl","brandImage","brandTarget","gridCellSize"]);return Object.assign(Object.assign({},rest||{}),{base:base,color:createColors(inherit),background:{app:appBg,bar:barBg,content:appContentBg,gridCellSize:gridCellSize||background.gridCellSize,hoverable:background.hoverable,positive:background.positive,negative:background.negative,warning:background.warning,critical:background.critical},typography:{fonts:{base:fontBase,mono:fontCode},weight:typography.weight,size:typography.size},animation:animation,easing:easing,input:{border:inputBorder,background:inputBg,color:inputTextColor,borderRadius:inputBorderRadius},layoutMargin:10,appBorderColor:appBorderColor,appBorderRadius:appBorderRadius,barTextColor:barTextColor,barSelectedColor:barSelectedColor||colorSecondary,barBg:barBg,brand:{title:brandTitle,url:brandUrl,image:brandImage||(brandTitle?null:void 0),target:brandTarget},code:create({colors:"light"===base?lightSyntaxColors:darkSyntaxColors,mono:fontCode}),addonActionsTheme:Object.assign(Object.assign({},"light"===base?chromeLight:chromeDark),{BASE_FONT_FAMILY:fontCode,BASE_FONT_SIZE:typography.size.s2-1,BASE_LINE_HEIGHT:"18px",BASE_BACKGROUND_COLOR:"transparent",BASE_COLOR:textColor,ARROW_COLOR:curriedOpacify$1(.2,appBorderColor),ARROW_MARGIN_RIGHT:4,ARROW_FONT_SIZE:8,TREENODE_FONT_FAMILY:fontCode,TREENODE_FONT_SIZE:typography.size.s2-1,TREENODE_LINE_HEIGHT:"18px",TREENODE_PADDING_LEFT:12})})},isObject=function isObject(o){return null!=o&&"object"===_typeof(o)},deletedDiff=function deletedDiff(lhs,rhs){if(lhs===rhs||!isObject(lhs)||!isObject(rhs))return{};var l=lhs,r=rhs;return Object.keys(l).reduce((function(acc,key){if(function hasOwnProperty(o){for(var _Object$prototype$has,_len3=arguments.length,args=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args[_key3-1]=arguments[_key3];return(_Object$prototype$has=Object.prototype.hasOwnProperty).call.apply(_Object$prototype$has,[o].concat(args))}(r,key)){var difference=deletedDiff(l[key],r[key]);return isObject(difference)&&function isEmpty(o){return 0===Object.keys(o).length}(difference)||(acc[key]=difference),acc}return acc[key]=void 0,acc}),{})};var ensure=function ensure(input){if(!input)return convert(theme$1);var missing=deletedDiff(theme$1,input);return Object.keys(missing).length&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_39__.a.warn(function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from("string"==typeof templ?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce((function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map((function(match){var _a,_b;return null!==(_b=null===(_a=match.match(/[\t ]/g))||void 0===_a?void 0:_a.length)&&void 0!==_b?_b:0}))):arr}),[]);if(indentLengths.length){var pattern_1=new RegExp("\n[\t ]{"+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map((function(str){return str.replace(pattern_1,"\n")}))}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach((function(value,i){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value;"string"==typeof value&&value.includes("\n")&&(indentedValue=String(value).split("\n").map((function(str,i){return 0===i?str:""+endentation+str})).join("\n")),string+=indentedValue+strings[i+1]})),string}(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n          Your theme is missing properties, you should update your theme!\n\n          theme-data missing:\n        "]))),missing),convert(input)},useTheme=function useTheme(){return Object(react__WEBPACK_IMPORTED_MODULE_38__.useContext)(ThemeContext)},Global=Global$1,styled=newStyled,ignoreSsrWarning="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */"}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"),__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/acorn-jsx/index.js":function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(target,property,receiver){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(target,property,receiver){var base=function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(receiver):desc.value}},_get(target,property,receiver||target)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");var XHTMLEntities=__webpack_require__("./node_modules/acorn-jsx/xhtml.js"),hexNumber=/^[\da-fA-F]+$/,decimalNumber=/^\d+$/,acornJsxMap=new WeakMap;function getJsxTokens(acorn){acorn=acorn.Parser.acorn||acorn;var acornJsx=acornJsxMap.get(acorn);if(!acornJsx){var tt=acorn.tokTypes,TokContext=acorn.TokContext,TokenType=acorn.TokenType,tc_oTag=new TokContext("<tag",!1),tc_cTag=new TokContext("</tag",!1),tc_expr=new TokContext("<tag>...</tag>",!0,!0),tokContexts={tc_oTag:tc_oTag,tc_cTag:tc_cTag,tc_expr:tc_expr},tokTypes={jsxName:new TokenType("jsxName"),jsxText:new TokenType("jsxText",{beforeExpr:!0}),jsxTagStart:new TokenType("jsxTagStart",{startsExpr:!0}),jsxTagEnd:new TokenType("jsxTagEnd")};tokTypes.jsxTagStart.updateContext=function(){this.context.push(tc_expr),this.context.push(tc_oTag),this.exprAllowed=!1},tokTypes.jsxTagEnd.updateContext=function(prevType){var out=this.context.pop();out===tc_oTag&&prevType===tt.slash||out===tc_cTag?(this.context.pop(),this.exprAllowed=this.curContext()===tc_expr):this.exprAllowed=!0},acornJsx={tokContexts:tokContexts,tokTypes:tokTypes},acornJsxMap.set(acorn,acornJsx)}return acornJsx}function getQualifiedJSXName(object){return object?"JSXIdentifier"===object.type?object.name:"JSXNamespacedName"===object.type?object.namespace.name+":"+object.name.name:"JSXMemberExpression"===object.type?getQualifiedJSXName(object.object)+"."+getQualifiedJSXName(object.property):void 0:object}module.exports=function(options){return options=options||{},function(Parser){return function plugin(options,Parser){var acorn=Parser.acorn||__webpack_require__("./node_modules/acorn/dist/acorn.mjs"),acornJsx=getJsxTokens(acorn),tt=acorn.tokTypes,tok=acornJsx.tokTypes,tokContexts=acorn.tokContexts,tc_oTag=acornJsx.tokContexts.tc_oTag,tc_cTag=acornJsx.tokContexts.tc_cTag,tc_expr=acornJsx.tokContexts.tc_expr,isNewLine=acorn.isNewLine,isIdentifierStart=acorn.isIdentifierStart,isIdentifierChar=acorn.isIdentifierChar;return function(_Parser){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(_class,_Parser);var _super=_createSuper(_class);function _class(){return _classCallCheck(this,_class),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(_class,[{key:"jsx_readToken",value:function jsx_readToken(){for(var out="",chunkStart=this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated JSX contents");var ch=this.input.charCodeAt(this.pos);switch(ch){case 60:case 123:return this.pos===this.start?60===ch&&this.exprAllowed?(++this.pos,this.finishToken(tok.jsxTagStart)):this.getTokenFromCode(ch):(out+=this.input.slice(chunkStart,this.pos),this.finishToken(tok.jsxText,out));case 38:out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readEntity(),chunkStart=this.pos;break;case 62:case 125:this.raise(this.pos,"Unexpected token `"+this.input[this.pos]+"`. Did you mean `"+(62===ch?"&gt;":"&rbrace;")+'` or `{"'+this.input[this.pos]+'"}`?');default:isNewLine(ch)?(out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readNewLine(!0),chunkStart=this.pos):++this.pos}}}},{key:"jsx_readNewLine",value:function jsx_readNewLine(normalizeCRLF){var out,ch=this.input.charCodeAt(this.pos);return++this.pos,13===ch&&10===this.input.charCodeAt(this.pos)?(++this.pos,out=normalizeCRLF?"\n":"\r\n"):out=String.fromCharCode(ch),this.options.locations&&(++this.curLine,this.lineStart=this.pos),out}},{key:"jsx_readString",value:function jsx_readString(quote){for(var out="",chunkStart=++this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated string constant");var ch=this.input.charCodeAt(this.pos);if(ch===quote)break;38===ch?(out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readEntity(),chunkStart=this.pos):isNewLine(ch)?(out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readNewLine(!1),chunkStart=this.pos):++this.pos}return out+=this.input.slice(chunkStart,this.pos++),this.finishToken(tt.string,out)}},{key:"jsx_readEntity",value:function jsx_readEntity(){var entity,str="",count=0,ch=this.input[this.pos];"&"!==ch&&this.raise(this.pos,"Entity must start with an ampersand");for(var startPos=++this.pos;this.pos<this.input.length&&count++<10;){if(";"===(ch=this.input[this.pos++])){"#"===str[0]?"x"===str[1]?(str=str.substr(2),hexNumber.test(str)&&(entity=String.fromCharCode(parseInt(str,16)))):(str=str.substr(1),decimalNumber.test(str)&&(entity=String.fromCharCode(parseInt(str,10)))):entity=XHTMLEntities[str];break}str+=ch}return entity||(this.pos=startPos,"&")}},{key:"jsx_readWord",value:function jsx_readWord(){var ch,start=this.pos;do{ch=this.input.charCodeAt(++this.pos)}while(isIdentifierChar(ch)||45===ch);return this.finishToken(tok.jsxName,this.input.slice(start,this.pos))}},{key:"jsx_parseIdentifier",value:function jsx_parseIdentifier(){var node=this.startNode();return this.type===tok.jsxName?node.name=this.value:this.type.keyword?node.name=this.type.keyword:this.unexpected(),this.next(),this.finishNode(node,"JSXIdentifier")}},{key:"jsx_parseNamespacedName",value:function jsx_parseNamespacedName(){var startPos=this.start,startLoc=this.startLoc,name=this.jsx_parseIdentifier();if(!options.allowNamespaces||!this.eat(tt.colon))return name;var node=this.startNodeAt(startPos,startLoc);return node.namespace=name,node.name=this.jsx_parseIdentifier(),this.finishNode(node,"JSXNamespacedName")}},{key:"jsx_parseElementName",value:function jsx_parseElementName(){if(this.type===tok.jsxTagEnd)return"";var startPos=this.start,startLoc=this.startLoc,node=this.jsx_parseNamespacedName();for(this.type!==tt.dot||"JSXNamespacedName"!==node.type||options.allowNamespacedObjects||this.unexpected();this.eat(tt.dot);){var newNode=this.startNodeAt(startPos,startLoc);newNode.object=node,newNode.property=this.jsx_parseIdentifier(),node=this.finishNode(newNode,"JSXMemberExpression")}return node}},{key:"jsx_parseAttributeValue",value:function jsx_parseAttributeValue(){switch(this.type){case tt.braceL:var node=this.jsx_parseExpressionContainer();return"JSXEmptyExpression"===node.expression.type&&this.raise(node.start,"JSX attributes must only be assigned a non-empty expression"),node;case tok.jsxTagStart:case tt.string:return this.parseExprAtom();default:this.raise(this.start,"JSX value should be either an expression or a quoted JSX text")}}},{key:"jsx_parseEmptyExpression",value:function jsx_parseEmptyExpression(){var node=this.startNodeAt(this.lastTokEnd,this.lastTokEndLoc);return this.finishNodeAt(node,"JSXEmptyExpression",this.start,this.startLoc)}},{key:"jsx_parseExpressionContainer",value:function jsx_parseExpressionContainer(){var node=this.startNode();return this.next(),node.expression=this.type===tt.braceR?this.jsx_parseEmptyExpression():this.parseExpression(),this.expect(tt.braceR),this.finishNode(node,"JSXExpressionContainer")}},{key:"jsx_parseAttribute",value:function jsx_parseAttribute(){var node=this.startNode();return this.eat(tt.braceL)?(this.expect(tt.ellipsis),node.argument=this.parseMaybeAssign(),this.expect(tt.braceR),this.finishNode(node,"JSXSpreadAttribute")):(node.name=this.jsx_parseNamespacedName(),node.value=this.eat(tt.eq)?this.jsx_parseAttributeValue():null,this.finishNode(node,"JSXAttribute"))}},{key:"jsx_parseOpeningElementAt",value:function jsx_parseOpeningElementAt(startPos,startLoc){var node=this.startNodeAt(startPos,startLoc);node.attributes=[];var nodeName=this.jsx_parseElementName();for(nodeName&&(node.name=nodeName);this.type!==tt.slash&&this.type!==tok.jsxTagEnd;)node.attributes.push(this.jsx_parseAttribute());return node.selfClosing=this.eat(tt.slash),this.expect(tok.jsxTagEnd),this.finishNode(node,nodeName?"JSXOpeningElement":"JSXOpeningFragment")}},{key:"jsx_parseClosingElementAt",value:function jsx_parseClosingElementAt(startPos,startLoc){var node=this.startNodeAt(startPos,startLoc),nodeName=this.jsx_parseElementName();return nodeName&&(node.name=nodeName),this.expect(tok.jsxTagEnd),this.finishNode(node,nodeName?"JSXClosingElement":"JSXClosingFragment")}},{key:"jsx_parseElementAt",value:function jsx_parseElementAt(startPos,startLoc){var node=this.startNodeAt(startPos,startLoc),children=[],openingElement=this.jsx_parseOpeningElementAt(startPos,startLoc),closingElement=null;if(!openingElement.selfClosing){contents:for(;;)switch(this.type){case tok.jsxTagStart:if(startPos=this.start,startLoc=this.startLoc,this.next(),this.eat(tt.slash)){closingElement=this.jsx_parseClosingElementAt(startPos,startLoc);break contents}children.push(this.jsx_parseElementAt(startPos,startLoc));break;case tok.jsxText:children.push(this.parseExprAtom());break;case tt.braceL:children.push(this.jsx_parseExpressionContainer());break;default:this.unexpected()}getQualifiedJSXName(closingElement.name)!==getQualifiedJSXName(openingElement.name)&&this.raise(closingElement.start,"Expected corresponding JSX closing tag for <"+getQualifiedJSXName(openingElement.name)+">")}var fragmentOrElement=openingElement.name?"Element":"Fragment";return node["opening"+fragmentOrElement]=openingElement,node["closing"+fragmentOrElement]=closingElement,node.children=children,this.type===tt.relational&&"<"===this.value&&this.raise(this.start,"Adjacent JSX elements must be wrapped in an enclosing tag"),this.finishNode(node,"JSX"+fragmentOrElement)}},{key:"jsx_parseText",value:function jsx_parseText(){var node=this.parseLiteral(this.value);return node.type="JSXText",node}},{key:"jsx_parseElement",value:function jsx_parseElement(){var startPos=this.start,startLoc=this.startLoc;return this.next(),this.jsx_parseElementAt(startPos,startLoc)}},{key:"parseExprAtom",value:function parseExprAtom(refShortHandDefaultPos){return this.type===tok.jsxText?this.jsx_parseText():this.type===tok.jsxTagStart?this.jsx_parseElement():_get(_getPrototypeOf(_class.prototype),"parseExprAtom",this).call(this,refShortHandDefaultPos)}},{key:"readToken",value:function readToken(code){var context=this.curContext();if(context===tc_expr)return this.jsx_readToken();if(context===tc_oTag||context===tc_cTag){if(isIdentifierStart(code))return this.jsx_readWord();if(62==code)return++this.pos,this.finishToken(tok.jsxTagEnd);if((34===code||39===code)&&context==tc_oTag)return this.jsx_readString(code)}return 60===code&&this.exprAllowed&&33!==this.input.charCodeAt(this.pos+1)?(++this.pos,this.finishToken(tok.jsxTagStart)):_get(_getPrototypeOf(_class.prototype),"readToken",this).call(this,code)}},{key:"updateContext",value:function updateContext(prevType){if(this.type==tt.braceL){var curContext=this.curContext();curContext==tc_oTag?this.context.push(tokContexts.b_expr):curContext==tc_expr?this.context.push(tokContexts.b_tmpl):_get(_getPrototypeOf(_class.prototype),"updateContext",this).call(this,prevType),this.exprAllowed=!0}else{if(this.type!==tt.slash||prevType!==tok.jsxTagStart)return _get(_getPrototypeOf(_class.prototype),"updateContext",this).call(this,prevType);this.context.length-=2,this.context.push(tc_cTag),this.exprAllowed=!1}}}],[{key:"acornJsx",get:function get(){return acornJsx}}]),_class}(Parser)}({allowNamespaces:!1!==options.allowNamespaces,allowNamespacedObjects:!!options.allowNamespacedObjects},Parser)}},Object.defineProperty(module.exports,"tokTypes",{get:function get_tokTypes(){return getJsxTokens(__webpack_require__("./node_modules/acorn/dist/acorn.mjs")).tokTypes},configurable:!0,enumerable:!0})},"./node_modules/acorn-jsx/xhtml.js":function(module,exports,__webpack_require__){"use strict";module.exports={quot:'"',amp:"&",apos:"'",lt:"<",gt:">",nbsp:" ",iexcl:"¡",cent:"¢",pound:"£",curren:"¤",yen:"¥",brvbar:"¦",sect:"§",uml:"¨",copy:"©",ordf:"ª",laquo:"«",not:"¬",shy:"­",reg:"®",macr:"¯",deg:"°",plusmn:"±",sup2:"²",sup3:"³",acute:"´",micro:"µ",para:"¶",middot:"·",cedil:"¸",sup1:"¹",ordm:"º",raquo:"»",frac14:"¼",frac12:"½",frac34:"¾",iquest:"¿",Agrave:"À",Aacute:"Á",Acirc:"Â",Atilde:"Ã",Auml:"Ä",Aring:"Å",AElig:"Æ",Ccedil:"Ç",Egrave:"È",Eacute:"É",Ecirc:"Ê",Euml:"Ë",Igrave:"Ì",Iacute:"Í",Icirc:"Î",Iuml:"Ï",ETH:"Ð",Ntilde:"Ñ",Ograve:"Ò",Oacute:"Ó",Ocirc:"Ô",Otilde:"Õ",Ouml:"Ö",times:"×",Oslash:"Ø",Ugrave:"Ù",Uacute:"Ú",Ucirc:"Û",Uuml:"Ü",Yacute:"Ý",THORN:"Þ",szlig:"ß",agrave:"à",aacute:"á",acirc:"â",atilde:"ã",auml:"ä",aring:"å",aelig:"æ",ccedil:"ç",egrave:"è",eacute:"é",ecirc:"ê",euml:"ë",igrave:"ì",iacute:"í",icirc:"î",iuml:"ï",eth:"ð",ntilde:"ñ",ograve:"ò",oacute:"ó",ocirc:"ô",otilde:"õ",ouml:"ö",divide:"÷",oslash:"ø",ugrave:"ù",uacute:"ú",ucirc:"û",uuml:"ü",yacute:"ý",thorn:"þ",yuml:"ÿ",OElig:"Œ",oelig:"œ",Scaron:"Š",scaron:"š",Yuml:"Ÿ",fnof:"ƒ",circ:"ˆ",tilde:"˜",Alpha:"Α",Beta:"Β",Gamma:"Γ",Delta:"Δ",Epsilon:"Ε",Zeta:"Ζ",Eta:"Η",Theta:"Θ",Iota:"Ι",Kappa:"Κ",Lambda:"Λ",Mu:"Μ",Nu:"Ν",Xi:"Ξ",Omicron:"Ο",Pi:"Π",Rho:"Ρ",Sigma:"Σ",Tau:"Τ",Upsilon:"Υ",Phi:"Φ",Chi:"Χ",Psi:"Ψ",Omega:"Ω",alpha:"α",beta:"β",gamma:"γ",delta:"δ",epsilon:"ε",zeta:"ζ",eta:"η",theta:"θ",iota:"ι",kappa:"κ",lambda:"λ",mu:"μ",nu:"ν",xi:"ξ",omicron:"ο",pi:"π",rho:"ρ",sigmaf:"ς",sigma:"σ",tau:"τ",upsilon:"υ",phi:"φ",chi:"χ",psi:"ψ",omega:"ω",thetasym:"ϑ",upsih:"ϒ",piv:"ϖ",ensp:" ",emsp:" ",thinsp:" ",zwnj:"‌",zwj:"‍",lrm:"‎",rlm:"‏",ndash:"–",mdash:"—",lsquo:"‘",rsquo:"’",sbquo:"‚",ldquo:"“",rdquo:"”",bdquo:"„",dagger:"†",Dagger:"‡",bull:"•",hellip:"…",permil:"‰",prime:"′",Prime:"″",lsaquo:"‹",rsaquo:"›",oline:"‾",frasl:"⁄",euro:"€",image:"ℑ",weierp:"℘",real:"ℜ",trade:"™",alefsym:"ℵ",larr:"←",uarr:"↑",rarr:"→",darr:"↓",harr:"↔",crarr:"↵",lArr:"⇐",uArr:"⇑",rArr:"⇒",dArr:"⇓",hArr:"⇔",forall:"∀",part:"∂",exist:"∃",empty:"∅",nabla:"∇",isin:"∈",notin:"∉",ni:"∋",prod:"∏",sum:"∑",minus:"−",lowast:"∗",radic:"√",prop:"∝",infin:"∞",ang:"∠",and:"∧",or:"∨",cap:"∩",cup:"∪",int:"∫",there4:"∴",sim:"∼",cong:"≅",asymp:"≈",ne:"≠",equiv:"≡",le:"≤",ge:"≥",sub:"⊂",sup:"⊃",nsub:"⊄",sube:"⊆",supe:"⊇",oplus:"⊕",otimes:"⊗",perp:"⊥",sdot:"⋅",lceil:"⌈",rceil:"⌉",lfloor:"⌊",rfloor:"⌋",lang:"〈",rang:"〉",loz:"◊",spades:"♠",clubs:"♣",hearts:"♥",diams:"♦"}},"./node_modules/acorn/dist/acorn.mjs":function(__webpack_module__,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Node",(function(){return Node})),__webpack_require__.d(__webpack_exports__,"Parser",(function(){return Parser})),__webpack_require__.d(__webpack_exports__,"Position",(function(){return Position})),__webpack_require__.d(__webpack_exports__,"SourceLocation",(function(){return SourceLocation})),__webpack_require__.d(__webpack_exports__,"TokContext",(function(){return TokContext})),__webpack_require__.d(__webpack_exports__,"Token",(function(){return Token})),__webpack_require__.d(__webpack_exports__,"TokenType",(function(){return TokenType})),__webpack_require__.d(__webpack_exports__,"defaultOptions",(function(){return defaultOptions})),__webpack_require__.d(__webpack_exports__,"getLineInfo",(function(){return getLineInfo})),__webpack_require__.d(__webpack_exports__,"isIdentifierChar",(function(){return isIdentifierChar})),__webpack_require__.d(__webpack_exports__,"isIdentifierStart",(function(){return isIdentifierStart})),__webpack_require__.d(__webpack_exports__,"isNewLine",(function(){return isNewLine})),__webpack_require__.d(__webpack_exports__,"keywordTypes",(function(){return keywords$1})),__webpack_require__.d(__webpack_exports__,"lineBreak",(function(){return lineBreak})),__webpack_require__.d(__webpack_exports__,"lineBreakG",(function(){return lineBreakG})),__webpack_require__.d(__webpack_exports__,"nonASCIIwhitespace",(function(){return nonASCIIwhitespace})),__webpack_require__.d(__webpack_exports__,"parse",(function(){return parse})),__webpack_require__.d(__webpack_exports__,"parseExpressionAt",(function(){return parseExpressionAt})),__webpack_require__.d(__webpack_exports__,"tokContexts",(function(){return types$1})),__webpack_require__.d(__webpack_exports__,"tokTypes",(function(){return types})),__webpack_require__.d(__webpack_exports__,"tokenizer",(function(){return tokenizer})),__webpack_require__.d(__webpack_exports__,"version",(function(){return version}));var reservedWords={3:"abstract boolean byte char class double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile",5:"class enum extends super const export import",6:"enum",strict:"implements interface let package private protected public static yield",strictBind:"eval arguments"},ecma5AndLessKeywords="break case catch continue debugger default do else finally for function if return switch throw try var while with null true false instanceof typeof void delete new in this",keywords={5:ecma5AndLessKeywords,"5module":ecma5AndLessKeywords+" export import",6:ecma5AndLessKeywords+" const class extends export import super"},keywordRelationalOperator=/^in(stanceof)?$/,nonASCIIidentifierStartChars="ªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙՠ-ֈא-תׯ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࡠ-ࡪࢠ-ࢴࢶ-ࣇऄ-हऽॐक़-ॡॱ-ঀঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱৼਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡૹଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-హఽౘ-ౚౠౡಀಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഄ-ഌഎ-ഐഒ-ഺഽൎൔ-ൖൟ-ൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄຆ-ຊຌ-ຣລວ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡸᢀ-ᢨᢪᢰ-ᣵᤀ-ᤞᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᲀ-ᲈᲐ-ᲺᲽ-Ჿᳩ-ᳬᳮ-ᳳᳵᳶᳺᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕ℘-ℝℤΩℨK-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞ々-〇〡-〩〱-〵〸-〼ぁ-ゖ゛-ゟァ-ヺー-ヿㄅ-ㄯㄱ-ㆎㆠ-ㆿㇰ-ㇿ㐀-䶿一-鿼ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚝꚠ-ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞿꟂ-ꟊꟵ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꣽꣾꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꩾ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭩꭰ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ",nonASCIIidentifierChars="‌‍·̀-ͯ·҃-֑҇-ׇֽֿׁׂׅׄؐ-ًؚ-٩ٰۖ-ۜ۟-۪ۤۧۨ-ۭ۰-۹ܑܰ-݊ަ-ް߀-߉߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣ०-९ঁ-ঃ়া-ৄেৈো-্ৗৢৣ০-৯৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑ੦-ੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣ૦-૯ૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍୕-ୗୢୣ୦-୯ஂா-ூெ-ைொ-்ௗ௦-௯ఀ-ఄా-ౄె-ైొ-్ౕౖౢౣ౦-౯ಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣ೦-೯ഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣ൦-൯ඁ-ඃ්ා-ුූෘ-ෟ෦-෯ෲෳัิ-ฺ็-๎๐-๙ັິ-ຼ່-ໍ໐-໙༘༙༠-༩༹༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှ၀-၉ၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏ-ႝ፝-፟፩-፱ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝០-៩᠋-᠍᠐-᠙ᢩᤠ-ᤫᤰ-᤻᥆-᥏᧐-᧚ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼-᪉᪐-᪙᪰-᪽ᪿᫀᬀ-ᬄ᬴-᭄᭐-᭙᭫-᭳ᮀ-ᮂᮡ-ᮭ᮰-᮹᯦-᯳ᰤ-᰷᱀-᱉᱐-᱙᳐-᳔᳒-᳨᳭᳴᳷-᳹᷀-᷹᷻-᷿‿⁀⁔⃐-⃥⃜⃡-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꘠-꘩꙯ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧ꠬ꢀꢁꢴ-ꣅ꣐-꣙꣠-꣱ꣿ-꤉ꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀꧐-꧙ꧥ꧰-꧹ꨩ-ꨶꩃꩌꩍ꩐-꩙ꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭꯰-꯹ﬞ︀-️︠-︯︳︴﹍-﹏０-９＿",nonASCIIidentifierStart=new RegExp("["+nonASCIIidentifierStartChars+"]"),nonASCIIidentifier=new RegExp("["+nonASCIIidentifierStartChars+nonASCIIidentifierChars+"]");nonASCIIidentifierStartChars=nonASCIIidentifierChars=null;var astralIdentifierStartCodes=[0,11,2,25,2,18,2,1,2,14,3,13,35,122,70,52,268,28,4,48,48,31,14,29,6,37,11,29,3,35,5,7,2,4,43,157,19,35,5,35,5,39,9,51,157,310,10,21,11,7,153,5,3,0,2,43,2,1,4,0,3,22,11,22,10,30,66,18,2,1,11,21,11,25,71,55,7,1,65,0,16,3,2,2,2,28,43,28,4,28,36,7,2,27,28,53,11,21,11,18,14,17,111,72,56,50,14,50,14,35,349,41,7,1,79,28,11,0,9,21,107,20,28,22,13,52,76,44,33,24,27,35,30,0,3,0,9,34,4,0,13,47,15,3,22,0,2,0,36,17,2,24,85,6,2,0,2,3,2,14,2,9,8,46,39,7,3,1,3,21,2,6,2,1,2,4,4,0,19,0,13,4,159,52,19,3,21,2,31,47,21,1,2,0,185,46,42,3,37,47,21,0,60,42,14,0,72,26,230,43,117,63,32,7,3,0,3,7,2,1,2,23,16,0,2,0,95,7,3,38,17,0,2,0,29,0,11,39,8,0,22,0,12,45,20,0,35,56,264,8,2,36,18,0,50,29,113,6,2,1,2,37,22,0,26,5,2,1,2,31,15,0,328,18,190,0,80,921,103,110,18,195,2749,1070,4050,582,8634,568,8,30,114,29,19,47,17,3,32,20,6,18,689,63,129,74,6,0,67,12,65,1,2,0,29,6135,9,1237,43,8,8952,286,50,2,18,3,9,395,2309,106,6,12,4,8,8,9,5991,84,2,70,2,1,3,0,3,1,3,3,2,11,2,0,2,6,2,64,2,3,3,7,2,6,2,27,2,3,2,4,2,0,4,6,2,339,3,24,2,24,2,30,2,24,2,30,2,24,2,30,2,24,2,30,2,24,2,7,2357,44,11,6,17,0,370,43,1301,196,60,67,8,0,1205,3,2,26,2,1,2,0,3,0,2,9,2,3,2,0,2,0,7,0,5,0,2,0,2,0,2,2,2,1,2,0,3,0,2,0,2,0,2,0,2,0,2,1,2,0,3,3,2,6,2,3,2,3,2,0,2,9,2,16,6,2,2,4,2,16,4421,42717,35,4148,12,221,3,5761,15,7472,3104,541,1507,4938],astralIdentifierCodes=[509,0,227,0,150,4,294,9,1368,2,2,1,6,3,41,2,5,0,166,1,574,3,9,9,370,1,154,10,176,2,54,14,32,9,16,3,46,10,54,9,7,2,37,13,2,9,6,1,45,0,13,2,49,13,9,3,2,11,83,11,7,0,161,11,6,9,7,3,56,1,2,6,3,1,3,2,10,0,11,1,3,6,4,4,193,17,10,9,5,0,82,19,13,9,214,6,3,8,28,1,83,16,16,9,82,12,9,9,84,14,5,9,243,14,166,9,71,5,2,1,3,3,2,0,2,1,13,9,120,6,3,6,4,0,29,9,41,6,2,3,9,0,10,10,47,15,406,7,2,7,17,9,57,21,2,13,123,5,4,0,2,1,2,6,2,0,9,9,49,4,2,1,2,4,9,9,330,3,19306,9,135,4,60,6,26,9,1014,0,2,54,8,3,82,0,12,1,19628,1,5319,4,4,5,9,7,3,6,31,3,149,2,1418,49,513,54,5,49,9,0,15,0,23,4,2,14,1361,6,2,16,3,6,2,1,2,4,262,6,10,9,419,13,1495,6,110,6,6,9,4759,9,787719,239];function isInAstralSet(code,set){for(var pos=65536,i=0;i<set.length;i+=2){if((pos+=set[i])>code)return!1;if((pos+=set[i+1])>=code)return!0}}function isIdentifierStart(code,astral){return code<65?36===code:code<91||(code<97?95===code:code<123||(code<=65535?code>=170&&nonASCIIidentifierStart.test(String.fromCharCode(code)):!1!==astral&&isInAstralSet(code,astralIdentifierStartCodes)))}function isIdentifierChar(code,astral){return code<48?36===code:code<58||!(code<65)&&(code<91||(code<97?95===code:code<123||(code<=65535?code>=170&&nonASCIIidentifier.test(String.fromCharCode(code)):!1!==astral&&(isInAstralSet(code,astralIdentifierStartCodes)||isInAstralSet(code,astralIdentifierCodes)))))}var TokenType=function TokenType(label,conf){void 0===conf&&(conf={}),this.label=label,this.keyword=conf.keyword,this.beforeExpr=!!conf.beforeExpr,this.startsExpr=!!conf.startsExpr,this.isLoop=!!conf.isLoop,this.isAssign=!!conf.isAssign,this.prefix=!!conf.prefix,this.postfix=!!conf.postfix,this.binop=conf.binop||null,this.updateContext=null};function binop(name,prec){return new TokenType(name,{beforeExpr:!0,binop:prec})}var beforeExpr={beforeExpr:!0},startsExpr={startsExpr:!0},keywords$1={};function kw(name,options){return void 0===options&&(options={}),options.keyword=name,keywords$1[name]=new TokenType(name,options)}var types={num:new TokenType("num",startsExpr),regexp:new TokenType("regexp",startsExpr),string:new TokenType("string",startsExpr),name:new TokenType("name",startsExpr),eof:new TokenType("eof"),bracketL:new TokenType("[",{beforeExpr:!0,startsExpr:!0}),bracketR:new TokenType("]"),braceL:new TokenType("{",{beforeExpr:!0,startsExpr:!0}),braceR:new TokenType("}"),parenL:new TokenType("(",{beforeExpr:!0,startsExpr:!0}),parenR:new TokenType(")"),comma:new TokenType(",",beforeExpr),semi:new TokenType(";",beforeExpr),colon:new TokenType(":",beforeExpr),dot:new TokenType("."),question:new TokenType("?",beforeExpr),questionDot:new TokenType("?."),arrow:new TokenType("=>",beforeExpr),template:new TokenType("template"),invalidTemplate:new TokenType("invalidTemplate"),ellipsis:new TokenType("...",beforeExpr),backQuote:new TokenType("`",startsExpr),dollarBraceL:new TokenType("${",{beforeExpr:!0,startsExpr:!0}),eq:new TokenType("=",{beforeExpr:!0,isAssign:!0}),assign:new TokenType("_=",{beforeExpr:!0,isAssign:!0}),incDec:new TokenType("++/--",{prefix:!0,postfix:!0,startsExpr:!0}),prefix:new TokenType("!/~",{beforeExpr:!0,prefix:!0,startsExpr:!0}),logicalOR:binop("||",1),logicalAND:binop("&&",2),bitwiseOR:binop("|",3),bitwiseXOR:binop("^",4),bitwiseAND:binop("&",5),equality:binop("==/!=/===/!==",6),relational:binop("</>/<=/>=",7),bitShift:binop("<</>>/>>>",8),plusMin:new TokenType("+/-",{beforeExpr:!0,binop:9,prefix:!0,startsExpr:!0}),modulo:binop("%",10),star:binop("*",10),slash:binop("/",10),starstar:new TokenType("**",{beforeExpr:!0}),coalesce:binop("??",1),_break:kw("break"),_case:kw("case",beforeExpr),_catch:kw("catch"),_continue:kw("continue"),_debugger:kw("debugger"),_default:kw("default",beforeExpr),_do:kw("do",{isLoop:!0,beforeExpr:!0}),_else:kw("else",beforeExpr),_finally:kw("finally"),_for:kw("for",{isLoop:!0}),_function:kw("function",startsExpr),_if:kw("if"),_return:kw("return",beforeExpr),_switch:kw("switch"),_throw:kw("throw",beforeExpr),_try:kw("try"),_var:kw("var"),_const:kw("const"),_while:kw("while",{isLoop:!0}),_with:kw("with"),_new:kw("new",{beforeExpr:!0,startsExpr:!0}),_this:kw("this",startsExpr),_super:kw("super",startsExpr),_class:kw("class",startsExpr),_extends:kw("extends",beforeExpr),_export:kw("export"),_import:kw("import",startsExpr),_null:kw("null",startsExpr),_true:kw("true",startsExpr),_false:kw("false",startsExpr),_in:kw("in",{beforeExpr:!0,binop:7}),_instanceof:kw("instanceof",{beforeExpr:!0,binop:7}),_typeof:kw("typeof",{beforeExpr:!0,prefix:!0,startsExpr:!0}),_void:kw("void",{beforeExpr:!0,prefix:!0,startsExpr:!0}),_delete:kw("delete",{beforeExpr:!0,prefix:!0,startsExpr:!0})},lineBreak=/\r\n?|\n|\u2028|\u2029/,lineBreakG=new RegExp(lineBreak.source,"g");function isNewLine(code,ecma2019String){return 10===code||13===code||!ecma2019String&&(8232===code||8233===code)}var nonASCIIwhitespace=/[\u1680\u2000-\u200a\u202f\u205f\u3000\ufeff]/,skipWhiteSpace=/(?:\s|\/\/.*|\/\*[^]*?\*\/)*/g,ref=Object.prototype,hasOwnProperty=ref.hasOwnProperty,toString=ref.toString;function has(obj,propName){return hasOwnProperty.call(obj,propName)}var isArray=Array.isArray||function(obj){return"[object Array]"===toString.call(obj)};function wordsRegexp(words){return new RegExp("^(?:"+words.replace(/ /g,"|")+")$")}var Position=function Position(line,col){this.line=line,this.column=col};Position.prototype.offset=function offset(n){return new Position(this.line,this.column+n)};var SourceLocation=function SourceLocation(p,start,end){this.start=start,this.end=end,null!==p.sourceFile&&(this.source=p.sourceFile)};function getLineInfo(input,offset){for(var line=1,cur=0;;){lineBreakG.lastIndex=cur;var match=lineBreakG.exec(input);if(!(match&&match.index<offset))return new Position(line,offset-cur);++line,cur=match.index+match[0].length}}var defaultOptions={ecmaVersion:10,sourceType:"script",onInsertedSemicolon:null,onTrailingComma:null,allowReserved:null,allowReturnOutsideFunction:!1,allowImportExportEverywhere:!1,allowAwaitOutsideFunction:!1,allowHashBang:!1,locations:!1,onToken:null,onComment:null,ranges:!1,program:null,sourceFile:null,directSourceFile:null,preserveParens:!1};function getOptions(opts){var options={};for(var opt in defaultOptions)options[opt]=opts&&has(opts,opt)?opts[opt]:defaultOptions[opt];if(options.ecmaVersion>=2015&&(options.ecmaVersion-=2009),null==options.allowReserved&&(options.allowReserved=options.ecmaVersion<5),isArray(options.onToken)){var tokens=options.onToken;options.onToken=function(token){return tokens.push(token)}}return isArray(options.onComment)&&(options.onComment=function pushComment(options,array){return function(block,text,start,end,startLoc,endLoc){var comment={type:block?"Block":"Line",value:text,start:start,end:end};options.locations&&(comment.loc=new SourceLocation(this,startLoc,endLoc)),options.ranges&&(comment.range=[start,end]),array.push(comment)}}(options,options.onComment)),options}function functionFlags(async,generator){return 2|(async?4:0)|(generator?8:0)}var Parser=function Parser(options,input,startPos){this.options=options=getOptions(options),this.sourceFile=options.sourceFile,this.keywords=wordsRegexp(keywords[options.ecmaVersion>=6?6:"module"===options.sourceType?"5module":5]);var reserved="";if(!0!==options.allowReserved){for(var v=options.ecmaVersion;!(reserved=reservedWords[v]);v--);"module"===options.sourceType&&(reserved+=" await")}this.reservedWords=wordsRegexp(reserved);var reservedStrict=(reserved?reserved+" ":"")+reservedWords.strict;this.reservedWordsStrict=wordsRegexp(reservedStrict),this.reservedWordsStrictBind=wordsRegexp(reservedStrict+" "+reservedWords.strictBind),this.input=String(input),this.containsEsc=!1,startPos?(this.pos=startPos,this.lineStart=this.input.lastIndexOf("\n",startPos-1)+1,this.curLine=this.input.slice(0,this.lineStart).split(lineBreak).length):(this.pos=this.lineStart=0,this.curLine=1),this.type=types.eof,this.value=null,this.start=this.end=this.pos,this.startLoc=this.endLoc=this.curPosition(),this.lastTokEndLoc=this.lastTokStartLoc=null,this.lastTokStart=this.lastTokEnd=this.pos,this.context=this.initialContext(),this.exprAllowed=!0,this.inModule="module"===options.sourceType,this.strict=this.inModule||this.strictDirective(this.pos),this.potentialArrowAt=-1,this.yieldPos=this.awaitPos=this.awaitIdentPos=0,this.labels=[],this.undefinedExports={},0===this.pos&&options.allowHashBang&&"#!"===this.input.slice(0,2)&&this.skipLineComment(2),this.scopeStack=[],this.enterScope(1),this.regexpState=null},prototypeAccessors={inFunction:{configurable:!0},inGenerator:{configurable:!0},inAsync:{configurable:!0},allowSuper:{configurable:!0},allowDirectSuper:{configurable:!0},treatFunctionsAsVar:{configurable:!0}};Parser.prototype.parse=function parse(){var node=this.options.program||this.startNode();return this.nextToken(),this.parseTopLevel(node)},prototypeAccessors.inFunction.get=function(){return(2&this.currentVarScope().flags)>0},prototypeAccessors.inGenerator.get=function(){return(8&this.currentVarScope().flags)>0},prototypeAccessors.inAsync.get=function(){return(4&this.currentVarScope().flags)>0},prototypeAccessors.allowSuper.get=function(){return(64&this.currentThisScope().flags)>0},prototypeAccessors.allowDirectSuper.get=function(){return(128&this.currentThisScope().flags)>0},prototypeAccessors.treatFunctionsAsVar.get=function(){return this.treatFunctionsAsVarInScope(this.currentScope())},Parser.prototype.inNonArrowFunction=function inNonArrowFunction(){return(2&this.currentThisScope().flags)>0},Parser.extend=function extend(){for(var plugins=[],len=arguments.length;len--;)plugins[len]=arguments[len];for(var cls=this,i=0;i<plugins.length;i++)cls=plugins[i](cls);return cls},Parser.parse=function parse(input,options){return new this(options,input).parse()},Parser.parseExpressionAt=function parseExpressionAt(input,pos,options){var parser=new this(options,input,pos);return parser.nextToken(),parser.parseExpression()},Parser.tokenizer=function tokenizer(input,options){return new this(options,input)},Object.defineProperties(Parser.prototype,prototypeAccessors);var pp=Parser.prototype,literal=/^(?:'((?:\\.|[^'\\])*?)'|"((?:\\.|[^"\\])*?)")/;function DestructuringErrors(){this.shorthandAssign=this.trailingComma=this.parenthesizedAssign=this.parenthesizedBind=this.doubleProto=-1}pp.strictDirective=function(start){for(;;){skipWhiteSpace.lastIndex=start,start+=skipWhiteSpace.exec(this.input)[0].length;var match=literal.exec(this.input.slice(start));if(!match)return!1;if("use strict"===(match[1]||match[2])){skipWhiteSpace.lastIndex=start+match[0].length;var spaceAfter=skipWhiteSpace.exec(this.input),end=spaceAfter.index+spaceAfter[0].length,next=this.input.charAt(end);return";"===next||"}"===next||lineBreak.test(spaceAfter[0])&&!(/[(`.[+\-/*%<>=,?^&]/.test(next)||"!"===next&&"="===this.input.charAt(end+1))}start+=match[0].length,skipWhiteSpace.lastIndex=start,start+=skipWhiteSpace.exec(this.input)[0].length,";"===this.input[start]&&start++}},pp.eat=function(type){return this.type===type&&(this.next(),!0)},pp.isContextual=function(name){return this.type===types.name&&this.value===name&&!this.containsEsc},pp.eatContextual=function(name){return!!this.isContextual(name)&&(this.next(),!0)},pp.expectContextual=function(name){this.eatContextual(name)||this.unexpected()},pp.canInsertSemicolon=function(){return this.type===types.eof||this.type===types.braceR||lineBreak.test(this.input.slice(this.lastTokEnd,this.start))},pp.insertSemicolon=function(){if(this.canInsertSemicolon())return this.options.onInsertedSemicolon&&this.options.onInsertedSemicolon(this.lastTokEnd,this.lastTokEndLoc),!0},pp.semicolon=function(){this.eat(types.semi)||this.insertSemicolon()||this.unexpected()},pp.afterTrailingComma=function(tokType,notNext){if(this.type===tokType)return this.options.onTrailingComma&&this.options.onTrailingComma(this.lastTokStart,this.lastTokStartLoc),notNext||this.next(),!0},pp.expect=function(type){this.eat(type)||this.unexpected()},pp.unexpected=function(pos){this.raise(null!=pos?pos:this.start,"Unexpected token")},pp.checkPatternErrors=function(refDestructuringErrors,isAssign){if(refDestructuringErrors){refDestructuringErrors.trailingComma>-1&&this.raiseRecoverable(refDestructuringErrors.trailingComma,"Comma is not permitted after the rest element");var parens=isAssign?refDestructuringErrors.parenthesizedAssign:refDestructuringErrors.parenthesizedBind;parens>-1&&this.raiseRecoverable(parens,"Parenthesized pattern")}},pp.checkExpressionErrors=function(refDestructuringErrors,andThrow){if(!refDestructuringErrors)return!1;var shorthandAssign=refDestructuringErrors.shorthandAssign,doubleProto=refDestructuringErrors.doubleProto;if(!andThrow)return shorthandAssign>=0||doubleProto>=0;shorthandAssign>=0&&this.raise(shorthandAssign,"Shorthand property assignments are valid only in destructuring patterns"),doubleProto>=0&&this.raiseRecoverable(doubleProto,"Redefinition of __proto__ property")},pp.checkYieldAwaitInDefaultParams=function(){this.yieldPos&&(!this.awaitPos||this.yieldPos<this.awaitPos)&&this.raise(this.yieldPos,"Yield expression cannot be a default value"),this.awaitPos&&this.raise(this.awaitPos,"Await expression cannot be a default value")},pp.isSimpleAssignTarget=function(expr){return"ParenthesizedExpression"===expr.type?this.isSimpleAssignTarget(expr.expression):"Identifier"===expr.type||"MemberExpression"===expr.type};var pp$1=Parser.prototype;pp$1.parseTopLevel=function(node){var exports={};for(node.body||(node.body=[]);this.type!==types.eof;){var stmt=this.parseStatement(null,!0,exports);node.body.push(stmt)}if(this.inModule)for(var i=0,list=Object.keys(this.undefinedExports);i<list.length;i+=1){var name=list[i];this.raiseRecoverable(this.undefinedExports[name].start,"Export '"+name+"' is not defined")}return this.adaptDirectivePrologue(node.body),this.next(),node.sourceType=this.options.sourceType,this.finishNode(node,"Program")};var loopLabel={kind:"loop"},switchLabel={kind:"switch"};pp$1.isLet=function(context){if(this.options.ecmaVersion<6||!this.isContextual("let"))return!1;skipWhiteSpace.lastIndex=this.pos;var skip=skipWhiteSpace.exec(this.input),next=this.pos+skip[0].length,nextCh=this.input.charCodeAt(next);if(91===nextCh)return!0;if(context)return!1;if(123===nextCh)return!0;if(isIdentifierStart(nextCh,!0)){for(var pos=next+1;isIdentifierChar(this.input.charCodeAt(pos),!0);)++pos;var ident=this.input.slice(next,pos);if(!keywordRelationalOperator.test(ident))return!0}return!1},pp$1.isAsyncFunction=function(){if(this.options.ecmaVersion<8||!this.isContextual("async"))return!1;skipWhiteSpace.lastIndex=this.pos;var skip=skipWhiteSpace.exec(this.input),next=this.pos+skip[0].length;return!(lineBreak.test(this.input.slice(this.pos,next))||"function"!==this.input.slice(next,next+8)||next+8!==this.input.length&&isIdentifierChar(this.input.charAt(next+8)))},pp$1.parseStatement=function(context,topLevel,exports){var kind,starttype=this.type,node=this.startNode();switch(this.isLet(context)&&(starttype=types._var,kind="let"),starttype){case types._break:case types._continue:return this.parseBreakContinueStatement(node,starttype.keyword);case types._debugger:return this.parseDebuggerStatement(node);case types._do:return this.parseDoStatement(node);case types._for:return this.parseForStatement(node);case types._function:return context&&(this.strict||"if"!==context&&"label"!==context)&&this.options.ecmaVersion>=6&&this.unexpected(),this.parseFunctionStatement(node,!1,!context);case types._class:return context&&this.unexpected(),this.parseClass(node,!0);case types._if:return this.parseIfStatement(node);case types._return:return this.parseReturnStatement(node);case types._switch:return this.parseSwitchStatement(node);case types._throw:return this.parseThrowStatement(node);case types._try:return this.parseTryStatement(node);case types._const:case types._var:return kind=kind||this.value,context&&"var"!==kind&&this.unexpected(),this.parseVarStatement(node,kind);case types._while:return this.parseWhileStatement(node);case types._with:return this.parseWithStatement(node);case types.braceL:return this.parseBlock(!0,node);case types.semi:return this.parseEmptyStatement(node);case types._export:case types._import:if(this.options.ecmaVersion>10&&starttype===types._import){skipWhiteSpace.lastIndex=this.pos;var skip=skipWhiteSpace.exec(this.input),next=this.pos+skip[0].length,nextCh=this.input.charCodeAt(next);if(40===nextCh||46===nextCh)return this.parseExpressionStatement(node,this.parseExpression())}return this.options.allowImportExportEverywhere||(topLevel||this.raise(this.start,"'import' and 'export' may only appear at the top level"),this.inModule||this.raise(this.start,"'import' and 'export' may appear only with 'sourceType: module'")),starttype===types._import?this.parseImport(node):this.parseExport(node,exports);default:if(this.isAsyncFunction())return context&&this.unexpected(),this.next(),this.parseFunctionStatement(node,!0,!context);var maybeName=this.value,expr=this.parseExpression();return starttype===types.name&&"Identifier"===expr.type&&this.eat(types.colon)?this.parseLabeledStatement(node,maybeName,expr,context):this.parseExpressionStatement(node,expr)}},pp$1.parseBreakContinueStatement=function(node,keyword){var isBreak="break"===keyword;this.next(),this.eat(types.semi)||this.insertSemicolon()?node.label=null:this.type!==types.name?this.unexpected():(node.label=this.parseIdent(),this.semicolon());for(var i=0;i<this.labels.length;++i){var lab=this.labels[i];if(null==node.label||lab.name===node.label.name){if(null!=lab.kind&&(isBreak||"loop"===lab.kind))break;if(node.label&&isBreak)break}}return i===this.labels.length&&this.raise(node.start,"Unsyntactic "+keyword),this.finishNode(node,isBreak?"BreakStatement":"ContinueStatement")},pp$1.parseDebuggerStatement=function(node){return this.next(),this.semicolon(),this.finishNode(node,"DebuggerStatement")},pp$1.parseDoStatement=function(node){return this.next(),this.labels.push(loopLabel),node.body=this.parseStatement("do"),this.labels.pop(),this.expect(types._while),node.test=this.parseParenExpression(),this.options.ecmaVersion>=6?this.eat(types.semi):this.semicolon(),this.finishNode(node,"DoWhileStatement")},pp$1.parseForStatement=function(node){this.next();var awaitAt=this.options.ecmaVersion>=9&&(this.inAsync||!this.inFunction&&this.options.allowAwaitOutsideFunction)&&this.eatContextual("await")?this.lastTokStart:-1;if(this.labels.push(loopLabel),this.enterScope(0),this.expect(types.parenL),this.type===types.semi)return awaitAt>-1&&this.unexpected(awaitAt),this.parseFor(node,null);var isLet=this.isLet();if(this.type===types._var||this.type===types._const||isLet){var init$1=this.startNode(),kind=isLet?"let":this.value;return this.next(),this.parseVar(init$1,!0,kind),this.finishNode(init$1,"VariableDeclaration"),(this.type===types._in||this.options.ecmaVersion>=6&&this.isContextual("of"))&&1===init$1.declarations.length?(this.options.ecmaVersion>=9&&(this.type===types._in?awaitAt>-1&&this.unexpected(awaitAt):node.await=awaitAt>-1),this.parseForIn(node,init$1)):(awaitAt>-1&&this.unexpected(awaitAt),this.parseFor(node,init$1))}var refDestructuringErrors=new DestructuringErrors,init=this.parseExpression(!0,refDestructuringErrors);return this.type===types._in||this.options.ecmaVersion>=6&&this.isContextual("of")?(this.options.ecmaVersion>=9&&(this.type===types._in?awaitAt>-1&&this.unexpected(awaitAt):node.await=awaitAt>-1),this.toAssignable(init,!1,refDestructuringErrors),this.checkLVal(init),this.parseForIn(node,init)):(this.checkExpressionErrors(refDestructuringErrors,!0),awaitAt>-1&&this.unexpected(awaitAt),this.parseFor(node,init))},pp$1.parseFunctionStatement=function(node,isAsync,declarationPosition){return this.next(),this.parseFunction(node,FUNC_STATEMENT|(declarationPosition?0:FUNC_HANGING_STATEMENT),!1,isAsync)},pp$1.parseIfStatement=function(node){return this.next(),node.test=this.parseParenExpression(),node.consequent=this.parseStatement("if"),node.alternate=this.eat(types._else)?this.parseStatement("if"):null,this.finishNode(node,"IfStatement")},pp$1.parseReturnStatement=function(node){return this.inFunction||this.options.allowReturnOutsideFunction||this.raise(this.start,"'return' outside of function"),this.next(),this.eat(types.semi)||this.insertSemicolon()?node.argument=null:(node.argument=this.parseExpression(),this.semicolon()),this.finishNode(node,"ReturnStatement")},pp$1.parseSwitchStatement=function(node){var cur;this.next(),node.discriminant=this.parseParenExpression(),node.cases=[],this.expect(types.braceL),this.labels.push(switchLabel),this.enterScope(0);for(var sawDefault=!1;this.type!==types.braceR;)if(this.type===types._case||this.type===types._default){var isCase=this.type===types._case;cur&&this.finishNode(cur,"SwitchCase"),node.cases.push(cur=this.startNode()),cur.consequent=[],this.next(),isCase?cur.test=this.parseExpression():(sawDefault&&this.raiseRecoverable(this.lastTokStart,"Multiple default clauses"),sawDefault=!0,cur.test=null),this.expect(types.colon)}else cur||this.unexpected(),cur.consequent.push(this.parseStatement(null));return this.exitScope(),cur&&this.finishNode(cur,"SwitchCase"),this.next(),this.labels.pop(),this.finishNode(node,"SwitchStatement")},pp$1.parseThrowStatement=function(node){return this.next(),lineBreak.test(this.input.slice(this.lastTokEnd,this.start))&&this.raise(this.lastTokEnd,"Illegal newline after throw"),node.argument=this.parseExpression(),this.semicolon(),this.finishNode(node,"ThrowStatement")};var empty=[];pp$1.parseTryStatement=function(node){if(this.next(),node.block=this.parseBlock(),node.handler=null,this.type===types._catch){var clause=this.startNode();if(this.next(),this.eat(types.parenL)){clause.param=this.parseBindingAtom();var simple="Identifier"===clause.param.type;this.enterScope(simple?32:0),this.checkLVal(clause.param,simple?4:2),this.expect(types.parenR)}else this.options.ecmaVersion<10&&this.unexpected(),clause.param=null,this.enterScope(0);clause.body=this.parseBlock(!1),this.exitScope(),node.handler=this.finishNode(clause,"CatchClause")}return node.finalizer=this.eat(types._finally)?this.parseBlock():null,node.handler||node.finalizer||this.raise(node.start,"Missing catch or finally clause"),this.finishNode(node,"TryStatement")},pp$1.parseVarStatement=function(node,kind){return this.next(),this.parseVar(node,!1,kind),this.semicolon(),this.finishNode(node,"VariableDeclaration")},pp$1.parseWhileStatement=function(node){return this.next(),node.test=this.parseParenExpression(),this.labels.push(loopLabel),node.body=this.parseStatement("while"),this.labels.pop(),this.finishNode(node,"WhileStatement")},pp$1.parseWithStatement=function(node){return this.strict&&this.raise(this.start,"'with' in strict mode"),this.next(),node.object=this.parseParenExpression(),node.body=this.parseStatement("with"),this.finishNode(node,"WithStatement")},pp$1.parseEmptyStatement=function(node){return this.next(),this.finishNode(node,"EmptyStatement")},pp$1.parseLabeledStatement=function(node,maybeName,expr,context){for(var i$1=0,list=this.labels;i$1<list.length;i$1+=1){list[i$1].name===maybeName&&this.raise(expr.start,"Label '"+maybeName+"' is already declared")}for(var kind=this.type.isLoop?"loop":this.type===types._switch?"switch":null,i=this.labels.length-1;i>=0;i--){var label$1=this.labels[i];if(label$1.statementStart!==node.start)break;label$1.statementStart=this.start,label$1.kind=kind}return this.labels.push({name:maybeName,kind:kind,statementStart:this.start}),node.body=this.parseStatement(context?-1===context.indexOf("label")?context+"label":context:"label"),this.labels.pop(),node.label=expr,this.finishNode(node,"LabeledStatement")},pp$1.parseExpressionStatement=function(node,expr){return node.expression=expr,this.semicolon(),this.finishNode(node,"ExpressionStatement")},pp$1.parseBlock=function(createNewLexicalScope,node,exitStrict){for(void 0===createNewLexicalScope&&(createNewLexicalScope=!0),void 0===node&&(node=this.startNode()),node.body=[],this.expect(types.braceL),createNewLexicalScope&&this.enterScope(0);this.type!==types.braceR;){var stmt=this.parseStatement(null);node.body.push(stmt)}return exitStrict&&(this.strict=!1),this.next(),createNewLexicalScope&&this.exitScope(),this.finishNode(node,"BlockStatement")},pp$1.parseFor=function(node,init){return node.init=init,this.expect(types.semi),node.test=this.type===types.semi?null:this.parseExpression(),this.expect(types.semi),node.update=this.type===types.parenR?null:this.parseExpression(),this.expect(types.parenR),node.body=this.parseStatement("for"),this.exitScope(),this.labels.pop(),this.finishNode(node,"ForStatement")},pp$1.parseForIn=function(node,init){var isForIn=this.type===types._in;return this.next(),"VariableDeclaration"===init.type&&null!=init.declarations[0].init&&(!isForIn||this.options.ecmaVersion<8||this.strict||"var"!==init.kind||"Identifier"!==init.declarations[0].id.type)?this.raise(init.start,(isForIn?"for-in":"for-of")+" loop variable declaration may not have an initializer"):"AssignmentPattern"===init.type&&this.raise(init.start,"Invalid left-hand side in for-loop"),node.left=init,node.right=isForIn?this.parseExpression():this.parseMaybeAssign(),this.expect(types.parenR),node.body=this.parseStatement("for"),this.exitScope(),this.labels.pop(),this.finishNode(node,isForIn?"ForInStatement":"ForOfStatement")},pp$1.parseVar=function(node,isFor,kind){for(node.declarations=[],node.kind=kind;;){var decl=this.startNode();if(this.parseVarId(decl,kind),this.eat(types.eq)?decl.init=this.parseMaybeAssign(isFor):"const"!==kind||this.type===types._in||this.options.ecmaVersion>=6&&this.isContextual("of")?"Identifier"===decl.id.type||isFor&&(this.type===types._in||this.isContextual("of"))?decl.init=null:this.raise(this.lastTokEnd,"Complex binding patterns require an initialization value"):this.unexpected(),node.declarations.push(this.finishNode(decl,"VariableDeclarator")),!this.eat(types.comma))break}return node},pp$1.parseVarId=function(decl,kind){decl.id=this.parseBindingAtom(),this.checkLVal(decl.id,"var"===kind?1:2,!1)};var FUNC_STATEMENT=1,FUNC_HANGING_STATEMENT=2;pp$1.parseFunction=function(node,statement,allowExpressionBody,isAsync){this.initFunction(node),(this.options.ecmaVersion>=9||this.options.ecmaVersion>=6&&!isAsync)&&(this.type===types.star&&statement&FUNC_HANGING_STATEMENT&&this.unexpected(),node.generator=this.eat(types.star)),this.options.ecmaVersion>=8&&(node.async=!!isAsync),statement&FUNC_STATEMENT&&(node.id=4&statement&&this.type!==types.name?null:this.parseIdent(),!node.id||statement&FUNC_HANGING_STATEMENT||this.checkLVal(node.id,this.strict||node.generator||node.async?this.treatFunctionsAsVar?1:2:3));var oldYieldPos=this.yieldPos,oldAwaitPos=this.awaitPos,oldAwaitIdentPos=this.awaitIdentPos;return this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0,this.enterScope(functionFlags(node.async,node.generator)),statement&FUNC_STATEMENT||(node.id=this.type===types.name?this.parseIdent():null),this.parseFunctionParams(node),this.parseFunctionBody(node,allowExpressionBody,!1),this.yieldPos=oldYieldPos,this.awaitPos=oldAwaitPos,this.awaitIdentPos=oldAwaitIdentPos,this.finishNode(node,statement&FUNC_STATEMENT?"FunctionDeclaration":"FunctionExpression")},pp$1.parseFunctionParams=function(node){this.expect(types.parenL),node.params=this.parseBindingList(types.parenR,!1,this.options.ecmaVersion>=8),this.checkYieldAwaitInDefaultParams()},pp$1.parseClass=function(node,isStatement){this.next();var oldStrict=this.strict;this.strict=!0,this.parseClassId(node,isStatement),this.parseClassSuper(node);var classBody=this.startNode(),hadConstructor=!1;for(classBody.body=[],this.expect(types.braceL);this.type!==types.braceR;){var element=this.parseClassElement(null!==node.superClass);element&&(classBody.body.push(element),"MethodDefinition"===element.type&&"constructor"===element.kind&&(hadConstructor&&this.raise(element.start,"Duplicate constructor in the same class"),hadConstructor=!0))}return this.strict=oldStrict,this.next(),node.body=this.finishNode(classBody,"ClassBody"),this.finishNode(node,isStatement?"ClassDeclaration":"ClassExpression")},pp$1.parseClassElement=function(constructorAllowsSuper){var this$1=this;if(this.eat(types.semi))return null;var method=this.startNode(),tryContextual=function(k,noLineBreak){void 0===noLineBreak&&(noLineBreak=!1);var start=this$1.start,startLoc=this$1.startLoc;return!!this$1.eatContextual(k)&&(!(this$1.type===types.parenL||noLineBreak&&this$1.canInsertSemicolon())||(method.key&&this$1.unexpected(),method.computed=!1,method.key=this$1.startNodeAt(start,startLoc),method.key.name=k,this$1.finishNode(method.key,"Identifier"),!1))};method.kind="method",method.static=tryContextual("static");var isGenerator=this.eat(types.star),isAsync=!1;isGenerator||(this.options.ecmaVersion>=8&&tryContextual("async",!0)?(isAsync=!0,isGenerator=this.options.ecmaVersion>=9&&this.eat(types.star)):tryContextual("get")?method.kind="get":tryContextual("set")&&(method.kind="set")),method.key||this.parsePropertyName(method);var key=method.key,allowsDirectSuper=!1;return method.computed||method.static||!("Identifier"===key.type&&"constructor"===key.name||"Literal"===key.type&&"constructor"===key.value)?method.static&&"Identifier"===key.type&&"prototype"===key.name&&this.raise(key.start,"Classes may not have a static property named prototype"):("method"!==method.kind&&this.raise(key.start,"Constructor can't have get/set modifier"),isGenerator&&this.raise(key.start,"Constructor can't be a generator"),isAsync&&this.raise(key.start,"Constructor can't be an async method"),method.kind="constructor",allowsDirectSuper=constructorAllowsSuper),this.parseClassMethod(method,isGenerator,isAsync,allowsDirectSuper),"get"===method.kind&&0!==method.value.params.length&&this.raiseRecoverable(method.value.start,"getter should have no params"),"set"===method.kind&&1!==method.value.params.length&&this.raiseRecoverable(method.value.start,"setter should have exactly one param"),"set"===method.kind&&"RestElement"===method.value.params[0].type&&this.raiseRecoverable(method.value.params[0].start,"Setter cannot use rest params"),method},pp$1.parseClassMethod=function(method,isGenerator,isAsync,allowsDirectSuper){return method.value=this.parseMethod(isGenerator,isAsync,allowsDirectSuper),this.finishNode(method,"MethodDefinition")},pp$1.parseClassId=function(node,isStatement){this.type===types.name?(node.id=this.parseIdent(),isStatement&&this.checkLVal(node.id,2,!1)):(!0===isStatement&&this.unexpected(),node.id=null)},pp$1.parseClassSuper=function(node){node.superClass=this.eat(types._extends)?this.parseExprSubscripts():null},pp$1.parseExport=function(node,exports){if(this.next(),this.eat(types.star))return this.options.ecmaVersion>=11&&(this.eatContextual("as")?(node.exported=this.parseIdent(!0),this.checkExport(exports,node.exported.name,this.lastTokStart)):node.exported=null),this.expectContextual("from"),this.type!==types.string&&this.unexpected(),node.source=this.parseExprAtom(),this.semicolon(),this.finishNode(node,"ExportAllDeclaration");if(this.eat(types._default)){var isAsync;if(this.checkExport(exports,"default",this.lastTokStart),this.type===types._function||(isAsync=this.isAsyncFunction())){var fNode=this.startNode();this.next(),isAsync&&this.next(),node.declaration=this.parseFunction(fNode,4|FUNC_STATEMENT,!1,isAsync)}else if(this.type===types._class){var cNode=this.startNode();node.declaration=this.parseClass(cNode,"nullableID")}else node.declaration=this.parseMaybeAssign(),this.semicolon();return this.finishNode(node,"ExportDefaultDeclaration")}if(this.shouldParseExportStatement())node.declaration=this.parseStatement(null),"VariableDeclaration"===node.declaration.type?this.checkVariableExport(exports,node.declaration.declarations):this.checkExport(exports,node.declaration.id.name,node.declaration.id.start),node.specifiers=[],node.source=null;else{if(node.declaration=null,node.specifiers=this.parseExportSpecifiers(exports),this.eatContextual("from"))this.type!==types.string&&this.unexpected(),node.source=this.parseExprAtom();else{for(var i=0,list=node.specifiers;i<list.length;i+=1){var spec=list[i];this.checkUnreserved(spec.local),this.checkLocalExport(spec.local)}node.source=null}this.semicolon()}return this.finishNode(node,"ExportNamedDeclaration")},pp$1.checkExport=function(exports,name,pos){exports&&(has(exports,name)&&this.raiseRecoverable(pos,"Duplicate export '"+name+"'"),exports[name]=!0)},pp$1.checkPatternExport=function(exports,pat){var type=pat.type;if("Identifier"===type)this.checkExport(exports,pat.name,pat.start);else if("ObjectPattern"===type)for(var i=0,list=pat.properties;i<list.length;i+=1){var prop=list[i];this.checkPatternExport(exports,prop)}else if("ArrayPattern"===type)for(var i$1=0,list$1=pat.elements;i$1<list$1.length;i$1+=1){var elt=list$1[i$1];elt&&this.checkPatternExport(exports,elt)}else"Property"===type?this.checkPatternExport(exports,pat.value):"AssignmentPattern"===type?this.checkPatternExport(exports,pat.left):"RestElement"===type?this.checkPatternExport(exports,pat.argument):"ParenthesizedExpression"===type&&this.checkPatternExport(exports,pat.expression)},pp$1.checkVariableExport=function(exports,decls){if(exports)for(var i=0,list=decls;i<list.length;i+=1){var decl=list[i];this.checkPatternExport(exports,decl.id)}},pp$1.shouldParseExportStatement=function(){return"var"===this.type.keyword||"const"===this.type.keyword||"class"===this.type.keyword||"function"===this.type.keyword||this.isLet()||this.isAsyncFunction()},pp$1.parseExportSpecifiers=function(exports){var nodes=[],first=!0;for(this.expect(types.braceL);!this.eat(types.braceR);){if(first)first=!1;else if(this.expect(types.comma),this.afterTrailingComma(types.braceR))break;var node=this.startNode();node.local=this.parseIdent(!0),node.exported=this.eatContextual("as")?this.parseIdent(!0):node.local,this.checkExport(exports,node.exported.name,node.exported.start),nodes.push(this.finishNode(node,"ExportSpecifier"))}return nodes},pp$1.parseImport=function(node){return this.next(),this.type===types.string?(node.specifiers=empty,node.source=this.parseExprAtom()):(node.specifiers=this.parseImportSpecifiers(),this.expectContextual("from"),node.source=this.type===types.string?this.parseExprAtom():this.unexpected()),this.semicolon(),this.finishNode(node,"ImportDeclaration")},pp$1.parseImportSpecifiers=function(){var nodes=[],first=!0;if(this.type===types.name){var node=this.startNode();if(node.local=this.parseIdent(),this.checkLVal(node.local,2),nodes.push(this.finishNode(node,"ImportDefaultSpecifier")),!this.eat(types.comma))return nodes}if(this.type===types.star){var node$1=this.startNode();return this.next(),this.expectContextual("as"),node$1.local=this.parseIdent(),this.checkLVal(node$1.local,2),nodes.push(this.finishNode(node$1,"ImportNamespaceSpecifier")),nodes}for(this.expect(types.braceL);!this.eat(types.braceR);){if(first)first=!1;else if(this.expect(types.comma),this.afterTrailingComma(types.braceR))break;var node$2=this.startNode();node$2.imported=this.parseIdent(!0),this.eatContextual("as")?node$2.local=this.parseIdent():(this.checkUnreserved(node$2.imported),node$2.local=node$2.imported),this.checkLVal(node$2.local,2),nodes.push(this.finishNode(node$2,"ImportSpecifier"))}return nodes},pp$1.adaptDirectivePrologue=function(statements){for(var i=0;i<statements.length&&this.isDirectiveCandidate(statements[i]);++i)statements[i].directive=statements[i].expression.raw.slice(1,-1)},pp$1.isDirectiveCandidate=function(statement){return"ExpressionStatement"===statement.type&&"Literal"===statement.expression.type&&"string"==typeof statement.expression.value&&('"'===this.input[statement.start]||"'"===this.input[statement.start])};var pp$2=Parser.prototype;pp$2.toAssignable=function(node,isBinding,refDestructuringErrors){if(this.options.ecmaVersion>=6&&node)switch(node.type){case"Identifier":this.inAsync&&"await"===node.name&&this.raise(node.start,"Cannot use 'await' as identifier inside an async function");break;case"ObjectPattern":case"ArrayPattern":case"RestElement":break;case"ObjectExpression":node.type="ObjectPattern",refDestructuringErrors&&this.checkPatternErrors(refDestructuringErrors,!0);for(var i=0,list=node.properties;i<list.length;i+=1){var prop=list[i];this.toAssignable(prop,isBinding),"RestElement"!==prop.type||"ArrayPattern"!==prop.argument.type&&"ObjectPattern"!==prop.argument.type||this.raise(prop.argument.start,"Unexpected token")}break;case"Property":"init"!==node.kind&&this.raise(node.key.start,"Object pattern can't contain getter or setter"),this.toAssignable(node.value,isBinding);break;case"ArrayExpression":node.type="ArrayPattern",refDestructuringErrors&&this.checkPatternErrors(refDestructuringErrors,!0),this.toAssignableList(node.elements,isBinding);break;case"SpreadElement":node.type="RestElement",this.toAssignable(node.argument,isBinding),"AssignmentPattern"===node.argument.type&&this.raise(node.argument.start,"Rest elements cannot have a default value");break;case"AssignmentExpression":"="!==node.operator&&this.raise(node.left.end,"Only '=' operator can be used for specifying default value."),node.type="AssignmentPattern",delete node.operator,this.toAssignable(node.left,isBinding);case"AssignmentPattern":break;case"ParenthesizedExpression":this.toAssignable(node.expression,isBinding,refDestructuringErrors);break;case"ChainExpression":this.raiseRecoverable(node.start,"Optional chaining cannot appear in left-hand side");break;case"MemberExpression":if(!isBinding)break;default:this.raise(node.start,"Assigning to rvalue")}else refDestructuringErrors&&this.checkPatternErrors(refDestructuringErrors,!0);return node},pp$2.toAssignableList=function(exprList,isBinding){for(var end=exprList.length,i=0;i<end;i++){var elt=exprList[i];elt&&this.toAssignable(elt,isBinding)}if(end){var last=exprList[end-1];6===this.options.ecmaVersion&&isBinding&&last&&"RestElement"===last.type&&"Identifier"!==last.argument.type&&this.unexpected(last.argument.start)}return exprList},pp$2.parseSpread=function(refDestructuringErrors){var node=this.startNode();return this.next(),node.argument=this.parseMaybeAssign(!1,refDestructuringErrors),this.finishNode(node,"SpreadElement")},pp$2.parseRestBinding=function(){var node=this.startNode();return this.next(),6===this.options.ecmaVersion&&this.type!==types.name&&this.unexpected(),node.argument=this.parseBindingAtom(),this.finishNode(node,"RestElement")},pp$2.parseBindingAtom=function(){if(this.options.ecmaVersion>=6)switch(this.type){case types.bracketL:var node=this.startNode();return this.next(),node.elements=this.parseBindingList(types.bracketR,!0,!0),this.finishNode(node,"ArrayPattern");case types.braceL:return this.parseObj(!0)}return this.parseIdent()},pp$2.parseBindingList=function(close,allowEmpty,allowTrailingComma){for(var elts=[],first=!0;!this.eat(close);)if(first?first=!1:this.expect(types.comma),allowEmpty&&this.type===types.comma)elts.push(null);else{if(allowTrailingComma&&this.afterTrailingComma(close))break;if(this.type===types.ellipsis){var rest=this.parseRestBinding();this.parseBindingListItem(rest),elts.push(rest),this.type===types.comma&&this.raise(this.start,"Comma is not permitted after the rest element"),this.expect(close);break}var elem=this.parseMaybeDefault(this.start,this.startLoc);this.parseBindingListItem(elem),elts.push(elem)}return elts},pp$2.parseBindingListItem=function(param){return param},pp$2.parseMaybeDefault=function(startPos,startLoc,left){if(left=left||this.parseBindingAtom(),this.options.ecmaVersion<6||!this.eat(types.eq))return left;var node=this.startNodeAt(startPos,startLoc);return node.left=left,node.right=this.parseMaybeAssign(),this.finishNode(node,"AssignmentPattern")},pp$2.checkLVal=function(expr,bindingType,checkClashes){switch(void 0===bindingType&&(bindingType=0),expr.type){case"Identifier":2===bindingType&&"let"===expr.name&&this.raiseRecoverable(expr.start,"let is disallowed as a lexically bound name"),this.strict&&this.reservedWordsStrictBind.test(expr.name)&&this.raiseRecoverable(expr.start,(bindingType?"Binding ":"Assigning to ")+expr.name+" in strict mode"),checkClashes&&(has(checkClashes,expr.name)&&this.raiseRecoverable(expr.start,"Argument name clash"),checkClashes[expr.name]=!0),0!==bindingType&&5!==bindingType&&this.declareName(expr.name,bindingType,expr.start);break;case"ChainExpression":this.raiseRecoverable(expr.start,"Optional chaining cannot appear in left-hand side");break;case"MemberExpression":bindingType&&this.raiseRecoverable(expr.start,"Binding member expression");break;case"ObjectPattern":for(var i=0,list=expr.properties;i<list.length;i+=1){var prop=list[i];this.checkLVal(prop,bindingType,checkClashes)}break;case"Property":this.checkLVal(expr.value,bindingType,checkClashes);break;case"ArrayPattern":for(var i$1=0,list$1=expr.elements;i$1<list$1.length;i$1+=1){var elem=list$1[i$1];elem&&this.checkLVal(elem,bindingType,checkClashes)}break;case"AssignmentPattern":this.checkLVal(expr.left,bindingType,checkClashes);break;case"RestElement":this.checkLVal(expr.argument,bindingType,checkClashes);break;case"ParenthesizedExpression":this.checkLVal(expr.expression,bindingType,checkClashes);break;default:this.raise(expr.start,(bindingType?"Binding":"Assigning to")+" rvalue")}};var pp$3=Parser.prototype;pp$3.checkPropClash=function(prop,propHash,refDestructuringErrors){if(!(this.options.ecmaVersion>=9&&"SpreadElement"===prop.type||this.options.ecmaVersion>=6&&(prop.computed||prop.method||prop.shorthand))){var name,key=prop.key;switch(key.type){case"Identifier":name=key.name;break;case"Literal":name=String(key.value);break;default:return}var kind=prop.kind;if(this.options.ecmaVersion>=6)"__proto__"===name&&"init"===kind&&(propHash.proto&&(refDestructuringErrors?refDestructuringErrors.doubleProto<0&&(refDestructuringErrors.doubleProto=key.start):this.raiseRecoverable(key.start,"Redefinition of __proto__ property")),propHash.proto=!0);else{var other=propHash[name="$"+name];if(other)("init"===kind?this.strict&&other.init||other.get||other.set:other.init||other[kind])&&this.raiseRecoverable(key.start,"Redefinition of property");else other=propHash[name]={init:!1,get:!1,set:!1};other[kind]=!0}}},pp$3.parseExpression=function(noIn,refDestructuringErrors){var startPos=this.start,startLoc=this.startLoc,expr=this.parseMaybeAssign(noIn,refDestructuringErrors);if(this.type===types.comma){var node=this.startNodeAt(startPos,startLoc);for(node.expressions=[expr];this.eat(types.comma);)node.expressions.push(this.parseMaybeAssign(noIn,refDestructuringErrors));return this.finishNode(node,"SequenceExpression")}return expr},pp$3.parseMaybeAssign=function(noIn,refDestructuringErrors,afterLeftParse){if(this.isContextual("yield")){if(this.inGenerator)return this.parseYield(noIn);this.exprAllowed=!1}var ownDestructuringErrors=!1,oldParenAssign=-1,oldTrailingComma=-1;refDestructuringErrors?(oldParenAssign=refDestructuringErrors.parenthesizedAssign,oldTrailingComma=refDestructuringErrors.trailingComma,refDestructuringErrors.parenthesizedAssign=refDestructuringErrors.trailingComma=-1):(refDestructuringErrors=new DestructuringErrors,ownDestructuringErrors=!0);var startPos=this.start,startLoc=this.startLoc;this.type!==types.parenL&&this.type!==types.name||(this.potentialArrowAt=this.start);var left=this.parseMaybeConditional(noIn,refDestructuringErrors);if(afterLeftParse&&(left=afterLeftParse.call(this,left,startPos,startLoc)),this.type.isAssign){var node=this.startNodeAt(startPos,startLoc);return node.operator=this.value,node.left=this.type===types.eq?this.toAssignable(left,!1,refDestructuringErrors):left,ownDestructuringErrors||(refDestructuringErrors.parenthesizedAssign=refDestructuringErrors.trailingComma=refDestructuringErrors.doubleProto=-1),refDestructuringErrors.shorthandAssign>=node.left.start&&(refDestructuringErrors.shorthandAssign=-1),this.checkLVal(left),this.next(),node.right=this.parseMaybeAssign(noIn),this.finishNode(node,"AssignmentExpression")}return ownDestructuringErrors&&this.checkExpressionErrors(refDestructuringErrors,!0),oldParenAssign>-1&&(refDestructuringErrors.parenthesizedAssign=oldParenAssign),oldTrailingComma>-1&&(refDestructuringErrors.trailingComma=oldTrailingComma),left},pp$3.parseMaybeConditional=function(noIn,refDestructuringErrors){var startPos=this.start,startLoc=this.startLoc,expr=this.parseExprOps(noIn,refDestructuringErrors);if(this.checkExpressionErrors(refDestructuringErrors))return expr;if(this.eat(types.question)){var node=this.startNodeAt(startPos,startLoc);return node.test=expr,node.consequent=this.parseMaybeAssign(),this.expect(types.colon),node.alternate=this.parseMaybeAssign(noIn),this.finishNode(node,"ConditionalExpression")}return expr},pp$3.parseExprOps=function(noIn,refDestructuringErrors){var startPos=this.start,startLoc=this.startLoc,expr=this.parseMaybeUnary(refDestructuringErrors,!1);return this.checkExpressionErrors(refDestructuringErrors)||expr.start===startPos&&"ArrowFunctionExpression"===expr.type?expr:this.parseExprOp(expr,startPos,startLoc,-1,noIn)},pp$3.parseExprOp=function(left,leftStartPos,leftStartLoc,minPrec,noIn){var prec=this.type.binop;if(null!=prec&&(!noIn||this.type!==types._in)&&prec>minPrec){var logical=this.type===types.logicalOR||this.type===types.logicalAND,coalesce=this.type===types.coalesce;coalesce&&(prec=types.logicalAND.binop);var op=this.value;this.next();var startPos=this.start,startLoc=this.startLoc,right=this.parseExprOp(this.parseMaybeUnary(null,!1),startPos,startLoc,prec,noIn),node=this.buildBinary(leftStartPos,leftStartLoc,left,right,op,logical||coalesce);return(logical&&this.type===types.coalesce||coalesce&&(this.type===types.logicalOR||this.type===types.logicalAND))&&this.raiseRecoverable(this.start,"Logical expressions and coalesce expressions cannot be mixed. Wrap either by parentheses"),this.parseExprOp(node,leftStartPos,leftStartLoc,minPrec,noIn)}return left},pp$3.buildBinary=function(startPos,startLoc,left,right,op,logical){var node=this.startNodeAt(startPos,startLoc);return node.left=left,node.operator=op,node.right=right,this.finishNode(node,logical?"LogicalExpression":"BinaryExpression")},pp$3.parseMaybeUnary=function(refDestructuringErrors,sawUnary){var expr,startPos=this.start,startLoc=this.startLoc;if(this.isContextual("await")&&(this.inAsync||!this.inFunction&&this.options.allowAwaitOutsideFunction))expr=this.parseAwait(),sawUnary=!0;else if(this.type.prefix){var node=this.startNode(),update=this.type===types.incDec;node.operator=this.value,node.prefix=!0,this.next(),node.argument=this.parseMaybeUnary(null,!0),this.checkExpressionErrors(refDestructuringErrors,!0),update?this.checkLVal(node.argument):this.strict&&"delete"===node.operator&&"Identifier"===node.argument.type?this.raiseRecoverable(node.start,"Deleting local variable in strict mode"):sawUnary=!0,expr=this.finishNode(node,update?"UpdateExpression":"UnaryExpression")}else{if(expr=this.parseExprSubscripts(refDestructuringErrors),this.checkExpressionErrors(refDestructuringErrors))return expr;for(;this.type.postfix&&!this.canInsertSemicolon();){var node$1=this.startNodeAt(startPos,startLoc);node$1.operator=this.value,node$1.prefix=!1,node$1.argument=expr,this.checkLVal(expr),this.next(),expr=this.finishNode(node$1,"UpdateExpression")}}return!sawUnary&&this.eat(types.starstar)?this.buildBinary(startPos,startLoc,expr,this.parseMaybeUnary(null,!1),"**",!1):expr},pp$3.parseExprSubscripts=function(refDestructuringErrors){var startPos=this.start,startLoc=this.startLoc,expr=this.parseExprAtom(refDestructuringErrors);if("ArrowFunctionExpression"===expr.type&&")"!==this.input.slice(this.lastTokStart,this.lastTokEnd))return expr;var result=this.parseSubscripts(expr,startPos,startLoc);return refDestructuringErrors&&"MemberExpression"===result.type&&(refDestructuringErrors.parenthesizedAssign>=result.start&&(refDestructuringErrors.parenthesizedAssign=-1),refDestructuringErrors.parenthesizedBind>=result.start&&(refDestructuringErrors.parenthesizedBind=-1)),result},pp$3.parseSubscripts=function(base,startPos,startLoc,noCalls){for(var maybeAsyncArrow=this.options.ecmaVersion>=8&&"Identifier"===base.type&&"async"===base.name&&this.lastTokEnd===base.end&&!this.canInsertSemicolon()&&base.end-base.start==5&&this.potentialArrowAt===base.start,optionalChained=!1;;){var element=this.parseSubscript(base,startPos,startLoc,noCalls,maybeAsyncArrow,optionalChained);if(element.optional&&(optionalChained=!0),element===base||"ArrowFunctionExpression"===element.type){if(optionalChained){var chainNode=this.startNodeAt(startPos,startLoc);chainNode.expression=element,element=this.finishNode(chainNode,"ChainExpression")}return element}base=element}},pp$3.parseSubscript=function(base,startPos,startLoc,noCalls,maybeAsyncArrow,optionalChained){var optionalSupported=this.options.ecmaVersion>=11,optional=optionalSupported&&this.eat(types.questionDot);noCalls&&optional&&this.raise(this.lastTokStart,"Optional chaining cannot appear in the callee of new expressions");var computed=this.eat(types.bracketL);if(computed||optional&&this.type!==types.parenL&&this.type!==types.backQuote||this.eat(types.dot)){var node=this.startNodeAt(startPos,startLoc);node.object=base,node.property=computed?this.parseExpression():this.parseIdent("never"!==this.options.allowReserved),node.computed=!!computed,computed&&this.expect(types.bracketR),optionalSupported&&(node.optional=optional),base=this.finishNode(node,"MemberExpression")}else if(!noCalls&&this.eat(types.parenL)){var refDestructuringErrors=new DestructuringErrors,oldYieldPos=this.yieldPos,oldAwaitPos=this.awaitPos,oldAwaitIdentPos=this.awaitIdentPos;this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0;var exprList=this.parseExprList(types.parenR,this.options.ecmaVersion>=8,!1,refDestructuringErrors);if(maybeAsyncArrow&&!optional&&!this.canInsertSemicolon()&&this.eat(types.arrow))return this.checkPatternErrors(refDestructuringErrors,!1),this.checkYieldAwaitInDefaultParams(),this.awaitIdentPos>0&&this.raise(this.awaitIdentPos,"Cannot use 'await' as identifier inside an async function"),this.yieldPos=oldYieldPos,this.awaitPos=oldAwaitPos,this.awaitIdentPos=oldAwaitIdentPos,this.parseArrowExpression(this.startNodeAt(startPos,startLoc),exprList,!0);this.checkExpressionErrors(refDestructuringErrors,!0),this.yieldPos=oldYieldPos||this.yieldPos,this.awaitPos=oldAwaitPos||this.awaitPos,this.awaitIdentPos=oldAwaitIdentPos||this.awaitIdentPos;var node$1=this.startNodeAt(startPos,startLoc);node$1.callee=base,node$1.arguments=exprList,optionalSupported&&(node$1.optional=optional),base=this.finishNode(node$1,"CallExpression")}else if(this.type===types.backQuote){(optional||optionalChained)&&this.raise(this.start,"Optional chaining cannot appear in the tag of tagged template expressions");var node$2=this.startNodeAt(startPos,startLoc);node$2.tag=base,node$2.quasi=this.parseTemplate({isTagged:!0}),base=this.finishNode(node$2,"TaggedTemplateExpression")}return base},pp$3.parseExprAtom=function(refDestructuringErrors){this.type===types.slash&&this.readRegexp();var node,canBeArrow=this.potentialArrowAt===this.start;switch(this.type){case types._super:return this.allowSuper||this.raise(this.start,"'super' keyword outside a method"),node=this.startNode(),this.next(),this.type!==types.parenL||this.allowDirectSuper||this.raise(node.start,"super() call outside constructor of a subclass"),this.type!==types.dot&&this.type!==types.bracketL&&this.type!==types.parenL&&this.unexpected(),this.finishNode(node,"Super");case types._this:return node=this.startNode(),this.next(),this.finishNode(node,"ThisExpression");case types.name:var startPos=this.start,startLoc=this.startLoc,containsEsc=this.containsEsc,id=this.parseIdent(!1);if(this.options.ecmaVersion>=8&&!containsEsc&&"async"===id.name&&!this.canInsertSemicolon()&&this.eat(types._function))return this.parseFunction(this.startNodeAt(startPos,startLoc),0,!1,!0);if(canBeArrow&&!this.canInsertSemicolon()){if(this.eat(types.arrow))return this.parseArrowExpression(this.startNodeAt(startPos,startLoc),[id],!1);if(this.options.ecmaVersion>=8&&"async"===id.name&&this.type===types.name&&!containsEsc)return id=this.parseIdent(!1),!this.canInsertSemicolon()&&this.eat(types.arrow)||this.unexpected(),this.parseArrowExpression(this.startNodeAt(startPos,startLoc),[id],!0)}return id;case types.regexp:var value=this.value;return(node=this.parseLiteral(value.value)).regex={pattern:value.pattern,flags:value.flags},node;case types.num:case types.string:return this.parseLiteral(this.value);case types._null:case types._true:case types._false:return(node=this.startNode()).value=this.type===types._null?null:this.type===types._true,node.raw=this.type.keyword,this.next(),this.finishNode(node,"Literal");case types.parenL:var start=this.start,expr=this.parseParenAndDistinguishExpression(canBeArrow);return refDestructuringErrors&&(refDestructuringErrors.parenthesizedAssign<0&&!this.isSimpleAssignTarget(expr)&&(refDestructuringErrors.parenthesizedAssign=start),refDestructuringErrors.parenthesizedBind<0&&(refDestructuringErrors.parenthesizedBind=start)),expr;case types.bracketL:return node=this.startNode(),this.next(),node.elements=this.parseExprList(types.bracketR,!0,!0,refDestructuringErrors),this.finishNode(node,"ArrayExpression");case types.braceL:return this.parseObj(!1,refDestructuringErrors);case types._function:return node=this.startNode(),this.next(),this.parseFunction(node,0);case types._class:return this.parseClass(this.startNode(),!1);case types._new:return this.parseNew();case types.backQuote:return this.parseTemplate();case types._import:return this.options.ecmaVersion>=11?this.parseExprImport():this.unexpected();default:this.unexpected()}},pp$3.parseExprImport=function(){var node=this.startNode();this.containsEsc&&this.raiseRecoverable(this.start,"Escape sequence in keyword import");var meta=this.parseIdent(!0);switch(this.type){case types.parenL:return this.parseDynamicImport(node);case types.dot:return node.meta=meta,this.parseImportMeta(node);default:this.unexpected()}},pp$3.parseDynamicImport=function(node){if(this.next(),node.source=this.parseMaybeAssign(),!this.eat(types.parenR)){var errorPos=this.start;this.eat(types.comma)&&this.eat(types.parenR)?this.raiseRecoverable(errorPos,"Trailing comma is not allowed in import()"):this.unexpected(errorPos)}return this.finishNode(node,"ImportExpression")},pp$3.parseImportMeta=function(node){this.next();var containsEsc=this.containsEsc;return node.property=this.parseIdent(!0),"meta"!==node.property.name&&this.raiseRecoverable(node.property.start,"The only valid meta property for import is 'import.meta'"),containsEsc&&this.raiseRecoverable(node.start,"'import.meta' must not contain escaped characters"),"module"!==this.options.sourceType&&this.raiseRecoverable(node.start,"Cannot use 'import.meta' outside a module"),this.finishNode(node,"MetaProperty")},pp$3.parseLiteral=function(value){var node=this.startNode();return node.value=value,node.raw=this.input.slice(this.start,this.end),110===node.raw.charCodeAt(node.raw.length-1)&&(node.bigint=node.raw.slice(0,-1).replace(/_/g,"")),this.next(),this.finishNode(node,"Literal")},pp$3.parseParenExpression=function(){this.expect(types.parenL);var val=this.parseExpression();return this.expect(types.parenR),val},pp$3.parseParenAndDistinguishExpression=function(canBeArrow){var val,startPos=this.start,startLoc=this.startLoc,allowTrailingComma=this.options.ecmaVersion>=8;if(this.options.ecmaVersion>=6){this.next();var spreadStart,innerStartPos=this.start,innerStartLoc=this.startLoc,exprList=[],first=!0,lastIsComma=!1,refDestructuringErrors=new DestructuringErrors,oldYieldPos=this.yieldPos,oldAwaitPos=this.awaitPos;for(this.yieldPos=0,this.awaitPos=0;this.type!==types.parenR;){if(first?first=!1:this.expect(types.comma),allowTrailingComma&&this.afterTrailingComma(types.parenR,!0)){lastIsComma=!0;break}if(this.type===types.ellipsis){spreadStart=this.start,exprList.push(this.parseParenItem(this.parseRestBinding())),this.type===types.comma&&this.raise(this.start,"Comma is not permitted after the rest element");break}exprList.push(this.parseMaybeAssign(!1,refDestructuringErrors,this.parseParenItem))}var innerEndPos=this.start,innerEndLoc=this.startLoc;if(this.expect(types.parenR),canBeArrow&&!this.canInsertSemicolon()&&this.eat(types.arrow))return this.checkPatternErrors(refDestructuringErrors,!1),this.checkYieldAwaitInDefaultParams(),this.yieldPos=oldYieldPos,this.awaitPos=oldAwaitPos,this.parseParenArrowList(startPos,startLoc,exprList);exprList.length&&!lastIsComma||this.unexpected(this.lastTokStart),spreadStart&&this.unexpected(spreadStart),this.checkExpressionErrors(refDestructuringErrors,!0),this.yieldPos=oldYieldPos||this.yieldPos,this.awaitPos=oldAwaitPos||this.awaitPos,exprList.length>1?((val=this.startNodeAt(innerStartPos,innerStartLoc)).expressions=exprList,this.finishNodeAt(val,"SequenceExpression",innerEndPos,innerEndLoc)):val=exprList[0]}else val=this.parseParenExpression();if(this.options.preserveParens){var par=this.startNodeAt(startPos,startLoc);return par.expression=val,this.finishNode(par,"ParenthesizedExpression")}return val},pp$3.parseParenItem=function(item){return item},pp$3.parseParenArrowList=function(startPos,startLoc,exprList){return this.parseArrowExpression(this.startNodeAt(startPos,startLoc),exprList)};var empty$1=[];pp$3.parseNew=function(){this.containsEsc&&this.raiseRecoverable(this.start,"Escape sequence in keyword new");var node=this.startNode(),meta=this.parseIdent(!0);if(this.options.ecmaVersion>=6&&this.eat(types.dot)){node.meta=meta;var containsEsc=this.containsEsc;return node.property=this.parseIdent(!0),"target"!==node.property.name&&this.raiseRecoverable(node.property.start,"The only valid meta property for new is 'new.target'"),containsEsc&&this.raiseRecoverable(node.start,"'new.target' must not contain escaped characters"),this.inNonArrowFunction()||this.raiseRecoverable(node.start,"'new.target' can only be used in functions"),this.finishNode(node,"MetaProperty")}var startPos=this.start,startLoc=this.startLoc,isImport=this.type===types._import;return node.callee=this.parseSubscripts(this.parseExprAtom(),startPos,startLoc,!0),isImport&&"ImportExpression"===node.callee.type&&this.raise(startPos,"Cannot use new with import()"),this.eat(types.parenL)?node.arguments=this.parseExprList(types.parenR,this.options.ecmaVersion>=8,!1):node.arguments=empty$1,this.finishNode(node,"NewExpression")},pp$3.parseTemplateElement=function(ref){var isTagged=ref.isTagged,elem=this.startNode();return this.type===types.invalidTemplate?(isTagged||this.raiseRecoverable(this.start,"Bad escape sequence in untagged template literal"),elem.value={raw:this.value,cooked:null}):elem.value={raw:this.input.slice(this.start,this.end).replace(/\r\n?/g,"\n"),cooked:this.value},this.next(),elem.tail=this.type===types.backQuote,this.finishNode(elem,"TemplateElement")},pp$3.parseTemplate=function(ref){void 0===ref&&(ref={});var isTagged=ref.isTagged;void 0===isTagged&&(isTagged=!1);var node=this.startNode();this.next(),node.expressions=[];var curElt=this.parseTemplateElement({isTagged:isTagged});for(node.quasis=[curElt];!curElt.tail;)this.type===types.eof&&this.raise(this.pos,"Unterminated template literal"),this.expect(types.dollarBraceL),node.expressions.push(this.parseExpression()),this.expect(types.braceR),node.quasis.push(curElt=this.parseTemplateElement({isTagged:isTagged}));return this.next(),this.finishNode(node,"TemplateLiteral")},pp$3.isAsyncProp=function(prop){return!prop.computed&&"Identifier"===prop.key.type&&"async"===prop.key.name&&(this.type===types.name||this.type===types.num||this.type===types.string||this.type===types.bracketL||this.type.keyword||this.options.ecmaVersion>=9&&this.type===types.star)&&!lineBreak.test(this.input.slice(this.lastTokEnd,this.start))},pp$3.parseObj=function(isPattern,refDestructuringErrors){var node=this.startNode(),first=!0,propHash={};for(node.properties=[],this.next();!this.eat(types.braceR);){if(first)first=!1;else if(this.expect(types.comma),this.options.ecmaVersion>=5&&this.afterTrailingComma(types.braceR))break;var prop=this.parseProperty(isPattern,refDestructuringErrors);isPattern||this.checkPropClash(prop,propHash,refDestructuringErrors),node.properties.push(prop)}return this.finishNode(node,isPattern?"ObjectPattern":"ObjectExpression")},pp$3.parseProperty=function(isPattern,refDestructuringErrors){var isGenerator,isAsync,startPos,startLoc,prop=this.startNode();if(this.options.ecmaVersion>=9&&this.eat(types.ellipsis))return isPattern?(prop.argument=this.parseIdent(!1),this.type===types.comma&&this.raise(this.start,"Comma is not permitted after the rest element"),this.finishNode(prop,"RestElement")):(this.type===types.parenL&&refDestructuringErrors&&(refDestructuringErrors.parenthesizedAssign<0&&(refDestructuringErrors.parenthesizedAssign=this.start),refDestructuringErrors.parenthesizedBind<0&&(refDestructuringErrors.parenthesizedBind=this.start)),prop.argument=this.parseMaybeAssign(!1,refDestructuringErrors),this.type===types.comma&&refDestructuringErrors&&refDestructuringErrors.trailingComma<0&&(refDestructuringErrors.trailingComma=this.start),this.finishNode(prop,"SpreadElement"));this.options.ecmaVersion>=6&&(prop.method=!1,prop.shorthand=!1,(isPattern||refDestructuringErrors)&&(startPos=this.start,startLoc=this.startLoc),isPattern||(isGenerator=this.eat(types.star)));var containsEsc=this.containsEsc;return this.parsePropertyName(prop),!isPattern&&!containsEsc&&this.options.ecmaVersion>=8&&!isGenerator&&this.isAsyncProp(prop)?(isAsync=!0,isGenerator=this.options.ecmaVersion>=9&&this.eat(types.star),this.parsePropertyName(prop,refDestructuringErrors)):isAsync=!1,this.parsePropertyValue(prop,isPattern,isGenerator,isAsync,startPos,startLoc,refDestructuringErrors,containsEsc),this.finishNode(prop,"Property")},pp$3.parsePropertyValue=function(prop,isPattern,isGenerator,isAsync,startPos,startLoc,refDestructuringErrors,containsEsc){if((isGenerator||isAsync)&&this.type===types.colon&&this.unexpected(),this.eat(types.colon))prop.value=isPattern?this.parseMaybeDefault(this.start,this.startLoc):this.parseMaybeAssign(!1,refDestructuringErrors),prop.kind="init";else if(this.options.ecmaVersion>=6&&this.type===types.parenL)isPattern&&this.unexpected(),prop.kind="init",prop.method=!0,prop.value=this.parseMethod(isGenerator,isAsync);else if(isPattern||containsEsc||!(this.options.ecmaVersion>=5)||prop.computed||"Identifier"!==prop.key.type||"get"!==prop.key.name&&"set"!==prop.key.name||this.type===types.comma||this.type===types.braceR||this.type===types.eq)this.options.ecmaVersion>=6&&!prop.computed&&"Identifier"===prop.key.type?((isGenerator||isAsync)&&this.unexpected(),this.checkUnreserved(prop.key),"await"!==prop.key.name||this.awaitIdentPos||(this.awaitIdentPos=startPos),prop.kind="init",isPattern?prop.value=this.parseMaybeDefault(startPos,startLoc,prop.key):this.type===types.eq&&refDestructuringErrors?(refDestructuringErrors.shorthandAssign<0&&(refDestructuringErrors.shorthandAssign=this.start),prop.value=this.parseMaybeDefault(startPos,startLoc,prop.key)):prop.value=prop.key,prop.shorthand=!0):this.unexpected();else{(isGenerator||isAsync)&&this.unexpected(),prop.kind=prop.key.name,this.parsePropertyName(prop),prop.value=this.parseMethod(!1);var paramCount="get"===prop.kind?0:1;if(prop.value.params.length!==paramCount){var start=prop.value.start;"get"===prop.kind?this.raiseRecoverable(start,"getter should have no params"):this.raiseRecoverable(start,"setter should have exactly one param")}else"set"===prop.kind&&"RestElement"===prop.value.params[0].type&&this.raiseRecoverable(prop.value.params[0].start,"Setter cannot use rest params")}},pp$3.parsePropertyName=function(prop){if(this.options.ecmaVersion>=6){if(this.eat(types.bracketL))return prop.computed=!0,prop.key=this.parseMaybeAssign(),this.expect(types.bracketR),prop.key;prop.computed=!1}return prop.key=this.type===types.num||this.type===types.string?this.parseExprAtom():this.parseIdent("never"!==this.options.allowReserved)},pp$3.initFunction=function(node){node.id=null,this.options.ecmaVersion>=6&&(node.generator=node.expression=!1),this.options.ecmaVersion>=8&&(node.async=!1)},pp$3.parseMethod=function(isGenerator,isAsync,allowDirectSuper){var node=this.startNode(),oldYieldPos=this.yieldPos,oldAwaitPos=this.awaitPos,oldAwaitIdentPos=this.awaitIdentPos;return this.initFunction(node),this.options.ecmaVersion>=6&&(node.generator=isGenerator),this.options.ecmaVersion>=8&&(node.async=!!isAsync),this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0,this.enterScope(64|functionFlags(isAsync,node.generator)|(allowDirectSuper?128:0)),this.expect(types.parenL),node.params=this.parseBindingList(types.parenR,!1,this.options.ecmaVersion>=8),this.checkYieldAwaitInDefaultParams(),this.parseFunctionBody(node,!1,!0),this.yieldPos=oldYieldPos,this.awaitPos=oldAwaitPos,this.awaitIdentPos=oldAwaitIdentPos,this.finishNode(node,"FunctionExpression")},pp$3.parseArrowExpression=function(node,params,isAsync){var oldYieldPos=this.yieldPos,oldAwaitPos=this.awaitPos,oldAwaitIdentPos=this.awaitIdentPos;return this.enterScope(16|functionFlags(isAsync,!1)),this.initFunction(node),this.options.ecmaVersion>=8&&(node.async=!!isAsync),this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0,node.params=this.toAssignableList(params,!0),this.parseFunctionBody(node,!0,!1),this.yieldPos=oldYieldPos,this.awaitPos=oldAwaitPos,this.awaitIdentPos=oldAwaitIdentPos,this.finishNode(node,"ArrowFunctionExpression")},pp$3.parseFunctionBody=function(node,isArrowFunction,isMethod){var isExpression=isArrowFunction&&this.type!==types.braceL,oldStrict=this.strict,useStrict=!1;if(isExpression)node.body=this.parseMaybeAssign(),node.expression=!0,this.checkParams(node,!1);else{var nonSimple=this.options.ecmaVersion>=7&&!this.isSimpleParamList(node.params);oldStrict&&!nonSimple||(useStrict=this.strictDirective(this.end))&&nonSimple&&this.raiseRecoverable(node.start,"Illegal 'use strict' directive in function with non-simple parameter list");var oldLabels=this.labels;this.labels=[],useStrict&&(this.strict=!0),this.checkParams(node,!oldStrict&&!useStrict&&!isArrowFunction&&!isMethod&&this.isSimpleParamList(node.params)),this.strict&&node.id&&this.checkLVal(node.id,5),node.body=this.parseBlock(!1,void 0,useStrict&&!oldStrict),node.expression=!1,this.adaptDirectivePrologue(node.body.body),this.labels=oldLabels}this.exitScope()},pp$3.isSimpleParamList=function(params){for(var i=0,list=params;i<list.length;i+=1){if("Identifier"!==list[i].type)return!1}return!0},pp$3.checkParams=function(node,allowDuplicates){for(var nameHash={},i=0,list=node.params;i<list.length;i+=1){var param=list[i];this.checkLVal(param,1,allowDuplicates?null:nameHash)}},pp$3.parseExprList=function(close,allowTrailingComma,allowEmpty,refDestructuringErrors){for(var elts=[],first=!0;!this.eat(close);){if(first)first=!1;else if(this.expect(types.comma),allowTrailingComma&&this.afterTrailingComma(close))break;var elt=void 0;allowEmpty&&this.type===types.comma?elt=null:this.type===types.ellipsis?(elt=this.parseSpread(refDestructuringErrors),refDestructuringErrors&&this.type===types.comma&&refDestructuringErrors.trailingComma<0&&(refDestructuringErrors.trailingComma=this.start)):elt=this.parseMaybeAssign(!1,refDestructuringErrors),elts.push(elt)}return elts},pp$3.checkUnreserved=function(ref){var start=ref.start,end=ref.end,name=ref.name;(this.inGenerator&&"yield"===name&&this.raiseRecoverable(start,"Cannot use 'yield' as identifier inside a generator"),this.inAsync&&"await"===name&&this.raiseRecoverable(start,"Cannot use 'await' as identifier inside an async function"),this.keywords.test(name)&&this.raise(start,"Unexpected keyword '"+name+"'"),this.options.ecmaVersion<6&&-1!==this.input.slice(start,end).indexOf("\\"))||(this.strict?this.reservedWordsStrict:this.reservedWords).test(name)&&(this.inAsync||"await"!==name||this.raiseRecoverable(start,"Cannot use keyword 'await' outside an async function"),this.raiseRecoverable(start,"The keyword '"+name+"' is reserved"))},pp$3.parseIdent=function(liberal,isBinding){var node=this.startNode();return this.type===types.name?node.name=this.value:this.type.keyword?(node.name=this.type.keyword,"class"!==node.name&&"function"!==node.name||this.lastTokEnd===this.lastTokStart+1&&46===this.input.charCodeAt(this.lastTokStart)||this.context.pop()):this.unexpected(),this.next(!!liberal),this.finishNode(node,"Identifier"),liberal||(this.checkUnreserved(node),"await"!==node.name||this.awaitIdentPos||(this.awaitIdentPos=node.start)),node},pp$3.parseYield=function(noIn){this.yieldPos||(this.yieldPos=this.start);var node=this.startNode();return this.next(),this.type===types.semi||this.canInsertSemicolon()||this.type!==types.star&&!this.type.startsExpr?(node.delegate=!1,node.argument=null):(node.delegate=this.eat(types.star),node.argument=this.parseMaybeAssign(noIn)),this.finishNode(node,"YieldExpression")},pp$3.parseAwait=function(){this.awaitPos||(this.awaitPos=this.start);var node=this.startNode();return this.next(),node.argument=this.parseMaybeUnary(null,!1),this.finishNode(node,"AwaitExpression")};var pp$4=Parser.prototype;pp$4.raise=function(pos,message){var loc=getLineInfo(this.input,pos);message+=" ("+loc.line+":"+loc.column+")";var err=new SyntaxError(message);throw err.pos=pos,err.loc=loc,err.raisedAt=this.pos,err},pp$4.raiseRecoverable=pp$4.raise,pp$4.curPosition=function(){if(this.options.locations)return new Position(this.curLine,this.pos-this.lineStart)};var pp$5=Parser.prototype,Scope=function Scope(flags){this.flags=flags,this.var=[],this.lexical=[],this.functions=[]};pp$5.enterScope=function(flags){this.scopeStack.push(new Scope(flags))},pp$5.exitScope=function(){this.scopeStack.pop()},pp$5.treatFunctionsAsVarInScope=function(scope){return 2&scope.flags||!this.inModule&&1&scope.flags},pp$5.declareName=function(name,bindingType,pos){var redeclared=!1;if(2===bindingType){var scope=this.currentScope();redeclared=scope.lexical.indexOf(name)>-1||scope.functions.indexOf(name)>-1||scope.var.indexOf(name)>-1,scope.lexical.push(name),this.inModule&&1&scope.flags&&delete this.undefinedExports[name]}else if(4===bindingType){this.currentScope().lexical.push(name)}else if(3===bindingType){var scope$2=this.currentScope();redeclared=this.treatFunctionsAsVar?scope$2.lexical.indexOf(name)>-1:scope$2.lexical.indexOf(name)>-1||scope$2.var.indexOf(name)>-1,scope$2.functions.push(name)}else for(var i=this.scopeStack.length-1;i>=0;--i){var scope$3=this.scopeStack[i];if(scope$3.lexical.indexOf(name)>-1&&!(32&scope$3.flags&&scope$3.lexical[0]===name)||!this.treatFunctionsAsVarInScope(scope$3)&&scope$3.functions.indexOf(name)>-1){redeclared=!0;break}if(scope$3.var.push(name),this.inModule&&1&scope$3.flags&&delete this.undefinedExports[name],3&scope$3.flags)break}redeclared&&this.raiseRecoverable(pos,"Identifier '"+name+"' has already been declared")},pp$5.checkLocalExport=function(id){-1===this.scopeStack[0].lexical.indexOf(id.name)&&-1===this.scopeStack[0].var.indexOf(id.name)&&(this.undefinedExports[id.name]=id)},pp$5.currentScope=function(){return this.scopeStack[this.scopeStack.length-1]},pp$5.currentVarScope=function(){for(var i=this.scopeStack.length-1;;i--){var scope=this.scopeStack[i];if(3&scope.flags)return scope}},pp$5.currentThisScope=function(){for(var i=this.scopeStack.length-1;;i--){var scope=this.scopeStack[i];if(3&scope.flags&&!(16&scope.flags))return scope}};var Node=function Node(parser,pos,loc){this.type="",this.start=pos,this.end=0,parser.options.locations&&(this.loc=new SourceLocation(parser,loc)),parser.options.directSourceFile&&(this.sourceFile=parser.options.directSourceFile),parser.options.ranges&&(this.range=[pos,0])},pp$6=Parser.prototype;function finishNodeAt(node,type,pos,loc){return node.type=type,node.end=pos,this.options.locations&&(node.loc.end=loc),this.options.ranges&&(node.range[1]=pos),node}pp$6.startNode=function(){return new Node(this,this.start,this.startLoc)},pp$6.startNodeAt=function(pos,loc){return new Node(this,pos,loc)},pp$6.finishNode=function(node,type){return finishNodeAt.call(this,node,type,this.lastTokEnd,this.lastTokEndLoc)},pp$6.finishNodeAt=function(node,type,pos,loc){return finishNodeAt.call(this,node,type,pos,loc)};var TokContext=function TokContext(token,isExpr,preserveSpace,override,generator){this.token=token,this.isExpr=!!isExpr,this.preserveSpace=!!preserveSpace,this.override=override,this.generator=!!generator},types$1={b_stat:new TokContext("{",!1),b_expr:new TokContext("{",!0),b_tmpl:new TokContext("${",!1),p_stat:new TokContext("(",!1),p_expr:new TokContext("(",!0),q_tmpl:new TokContext("`",!0,!0,(function(p){return p.tryReadTemplateToken()})),f_stat:new TokContext("function",!1),f_expr:new TokContext("function",!0),f_expr_gen:new TokContext("function",!0,!1,null,!0),f_gen:new TokContext("function",!1,!1,null,!0)},pp$7=Parser.prototype;pp$7.initialContext=function(){return[types$1.b_stat]},pp$7.braceIsBlock=function(prevType){var parent=this.curContext();return parent===types$1.f_expr||parent===types$1.f_stat||(prevType!==types.colon||parent!==types$1.b_stat&&parent!==types$1.b_expr?prevType===types._return||prevType===types.name&&this.exprAllowed?lineBreak.test(this.input.slice(this.lastTokEnd,this.start)):prevType===types._else||prevType===types.semi||prevType===types.eof||prevType===types.parenR||prevType===types.arrow||(prevType===types.braceL?parent===types$1.b_stat:prevType!==types._var&&prevType!==types._const&&prevType!==types.name&&!this.exprAllowed):!parent.isExpr)},pp$7.inGeneratorContext=function(){for(var i=this.context.length-1;i>=1;i--){var context=this.context[i];if("function"===context.token)return context.generator}return!1},pp$7.updateContext=function(prevType){var update,type=this.type;type.keyword&&prevType===types.dot?this.exprAllowed=!1:(update=type.updateContext)?update.call(this,prevType):this.exprAllowed=type.beforeExpr},types.parenR.updateContext=types.braceR.updateContext=function(){if(1!==this.context.length){var out=this.context.pop();out===types$1.b_stat&&"function"===this.curContext().token&&(out=this.context.pop()),this.exprAllowed=!out.isExpr}else this.exprAllowed=!0},types.braceL.updateContext=function(prevType){this.context.push(this.braceIsBlock(prevType)?types$1.b_stat:types$1.b_expr),this.exprAllowed=!0},types.dollarBraceL.updateContext=function(){this.context.push(types$1.b_tmpl),this.exprAllowed=!0},types.parenL.updateContext=function(prevType){var statementParens=prevType===types._if||prevType===types._for||prevType===types._with||prevType===types._while;this.context.push(statementParens?types$1.p_stat:types$1.p_expr),this.exprAllowed=!0},types.incDec.updateContext=function(){},types._function.updateContext=types._class.updateContext=function(prevType){!prevType.beforeExpr||prevType===types.semi||prevType===types._else||prevType===types._return&&lineBreak.test(this.input.slice(this.lastTokEnd,this.start))||(prevType===types.colon||prevType===types.braceL)&&this.curContext()===types$1.b_stat?this.context.push(types$1.f_stat):this.context.push(types$1.f_expr),this.exprAllowed=!1},types.backQuote.updateContext=function(){this.curContext()===types$1.q_tmpl?this.context.pop():this.context.push(types$1.q_tmpl),this.exprAllowed=!1},types.star.updateContext=function(prevType){if(prevType===types._function){var index=this.context.length-1;this.context[index]===types$1.f_expr?this.context[index]=types$1.f_expr_gen:this.context[index]=types$1.f_gen}this.exprAllowed=!0},types.name.updateContext=function(prevType){var allowed=!1;this.options.ecmaVersion>=6&&prevType!==types.dot&&("of"===this.value&&!this.exprAllowed||"yield"===this.value&&this.inGeneratorContext())&&(allowed=!0),this.exprAllowed=allowed};var ecma9BinaryProperties="ASCII ASCII_Hex_Digit AHex Alphabetic Alpha Any Assigned Bidi_Control Bidi_C Bidi_Mirrored Bidi_M Case_Ignorable CI Cased Changes_When_Casefolded CWCF Changes_When_Casemapped CWCM Changes_When_Lowercased CWL Changes_When_NFKC_Casefolded CWKCF Changes_When_Titlecased CWT Changes_When_Uppercased CWU Dash Default_Ignorable_Code_Point DI Deprecated Dep Diacritic Dia Emoji Emoji_Component Emoji_Modifier Emoji_Modifier_Base Emoji_Presentation Extender Ext Grapheme_Base Gr_Base Grapheme_Extend Gr_Ext Hex_Digit Hex IDS_Binary_Operator IDSB IDS_Trinary_Operator IDST ID_Continue IDC ID_Start IDS Ideographic Ideo Join_Control Join_C Logical_Order_Exception LOE Lowercase Lower Math Noncharacter_Code_Point NChar Pattern_Syntax Pat_Syn Pattern_White_Space Pat_WS Quotation_Mark QMark Radical Regional_Indicator RI Sentence_Terminal STerm Soft_Dotted SD Terminal_Punctuation Term Unified_Ideograph UIdeo Uppercase Upper Variation_Selector VS White_Space space XID_Continue XIDC XID_Start XIDS",ecma10BinaryProperties=ecma9BinaryProperties+" Extended_Pictographic",unicodeBinaryProperties={9:ecma9BinaryProperties,10:ecma10BinaryProperties,11:"ASCII ASCII_Hex_Digit AHex Alphabetic Alpha Any Assigned Bidi_Control Bidi_C Bidi_Mirrored Bidi_M Case_Ignorable CI Cased Changes_When_Casefolded CWCF Changes_When_Casemapped CWCM Changes_When_Lowercased CWL Changes_When_NFKC_Casefolded CWKCF Changes_When_Titlecased CWT Changes_When_Uppercased CWU Dash Default_Ignorable_Code_Point DI Deprecated Dep Diacritic Dia Emoji Emoji_Component Emoji_Modifier Emoji_Modifier_Base Emoji_Presentation Extender Ext Grapheme_Base Gr_Base Grapheme_Extend Gr_Ext Hex_Digit Hex IDS_Binary_Operator IDSB IDS_Trinary_Operator IDST ID_Continue IDC ID_Start IDS Ideographic Ideo Join_Control Join_C Logical_Order_Exception LOE Lowercase Lower Math Noncharacter_Code_Point NChar Pattern_Syntax Pat_Syn Pattern_White_Space Pat_WS Quotation_Mark QMark Radical Regional_Indicator RI Sentence_Terminal STerm Soft_Dotted SD Terminal_Punctuation Term Unified_Ideograph UIdeo Uppercase Upper Variation_Selector VS White_Space space XID_Continue XIDC XID_Start XIDS Extended_Pictographic"},unicodeGeneralCategoryValues="Cased_Letter LC Close_Punctuation Pe Connector_Punctuation Pc Control Cc cntrl Currency_Symbol Sc Dash_Punctuation Pd Decimal_Number Nd digit Enclosing_Mark Me Final_Punctuation Pf Format Cf Initial_Punctuation Pi Letter L Letter_Number Nl Line_Separator Zl Lowercase_Letter Ll Mark M Combining_Mark Math_Symbol Sm Modifier_Letter Lm Modifier_Symbol Sk Nonspacing_Mark Mn Number N Open_Punctuation Ps Other C Other_Letter Lo Other_Number No Other_Punctuation Po Other_Symbol So Paragraph_Separator Zp Private_Use Co Punctuation P punct Separator Z Space_Separator Zs Spacing_Mark Mc Surrogate Cs Symbol S Titlecase_Letter Lt Unassigned Cn Uppercase_Letter Lu",ecma9ScriptValues="Adlam Adlm Ahom Ahom Anatolian_Hieroglyphs Hluw Arabic Arab Armenian Armn Avestan Avst Balinese Bali Bamum Bamu Bassa_Vah Bass Batak Batk Bengali Beng Bhaiksuki Bhks Bopomofo Bopo Brahmi Brah Braille Brai Buginese Bugi Buhid Buhd Canadian_Aboriginal Cans Carian Cari Caucasian_Albanian Aghb Chakma Cakm Cham Cham Cherokee Cher Common Zyyy Coptic Copt Qaac Cuneiform Xsux Cypriot Cprt Cyrillic Cyrl Deseret Dsrt Devanagari Deva Duployan Dupl Egyptian_Hieroglyphs Egyp Elbasan Elba Ethiopic Ethi Georgian Geor Glagolitic Glag Gothic Goth Grantha Gran Greek Grek Gujarati Gujr Gurmukhi Guru Han Hani Hangul Hang Hanunoo Hano Hatran Hatr Hebrew Hebr Hiragana Hira Imperial_Aramaic Armi Inherited Zinh Qaai Inscriptional_Pahlavi Phli Inscriptional_Parthian Prti Javanese Java Kaithi Kthi Kannada Knda Katakana Kana Kayah_Li Kali Kharoshthi Khar Khmer Khmr Khojki Khoj Khudawadi Sind Lao Laoo Latin Latn Lepcha Lepc Limbu Limb Linear_A Lina Linear_B Linb Lisu Lisu Lycian Lyci Lydian Lydi Mahajani Mahj Malayalam Mlym Mandaic Mand Manichaean Mani Marchen Marc Masaram_Gondi Gonm Meetei_Mayek Mtei Mende_Kikakui Mend Meroitic_Cursive Merc Meroitic_Hieroglyphs Mero Miao Plrd Modi Modi Mongolian Mong Mro Mroo Multani Mult Myanmar Mymr Nabataean Nbat New_Tai_Lue Talu Newa Newa Nko Nkoo Nushu Nshu Ogham Ogam Ol_Chiki Olck Old_Hungarian Hung Old_Italic Ital Old_North_Arabian Narb Old_Permic Perm Old_Persian Xpeo Old_South_Arabian Sarb Old_Turkic Orkh Oriya Orya Osage Osge Osmanya Osma Pahawh_Hmong Hmng Palmyrene Palm Pau_Cin_Hau Pauc Phags_Pa Phag Phoenician Phnx Psalter_Pahlavi Phlp Rejang Rjng Runic Runr Samaritan Samr Saurashtra Saur Sharada Shrd Shavian Shaw Siddham Sidd SignWriting Sgnw Sinhala Sinh Sora_Sompeng Sora Soyombo Soyo Sundanese Sund Syloti_Nagri Sylo Syriac Syrc Tagalog Tglg Tagbanwa Tagb Tai_Le Tale Tai_Tham Lana Tai_Viet Tavt Takri Takr Tamil Taml Tangut Tang Telugu Telu Thaana Thaa Thai Thai Tibetan Tibt Tifinagh Tfng Tirhuta Tirh Ugaritic Ugar Vai Vaii Warang_Citi Wara Yi Yiii Zanabazar_Square Zanb",ecma10ScriptValues=ecma9ScriptValues+" Dogra Dogr Gunjala_Gondi Gong Hanifi_Rohingya Rohg Makasar Maka Medefaidrin Medf Old_Sogdian Sogo Sogdian Sogd",unicodeScriptValues={9:ecma9ScriptValues,10:ecma10ScriptValues,11:"Adlam Adlm Ahom Ahom Anatolian_Hieroglyphs Hluw Arabic Arab Armenian Armn Avestan Avst Balinese Bali Bamum Bamu Bassa_Vah Bass Batak Batk Bengali Beng Bhaiksuki Bhks Bopomofo Bopo Brahmi Brah Braille Brai Buginese Bugi Buhid Buhd Canadian_Aboriginal Cans Carian Cari Caucasian_Albanian Aghb Chakma Cakm Cham Cham Cherokee Cher Common Zyyy Coptic Copt Qaac Cuneiform Xsux Cypriot Cprt Cyrillic Cyrl Deseret Dsrt Devanagari Deva Duployan Dupl Egyptian_Hieroglyphs Egyp Elbasan Elba Ethiopic Ethi Georgian Geor Glagolitic Glag Gothic Goth Grantha Gran Greek Grek Gujarati Gujr Gurmukhi Guru Han Hani Hangul Hang Hanunoo Hano Hatran Hatr Hebrew Hebr Hiragana Hira Imperial_Aramaic Armi Inherited Zinh Qaai Inscriptional_Pahlavi Phli Inscriptional_Parthian Prti Javanese Java Kaithi Kthi Kannada Knda Katakana Kana Kayah_Li Kali Kharoshthi Khar Khmer Khmr Khojki Khoj Khudawadi Sind Lao Laoo Latin Latn Lepcha Lepc Limbu Limb Linear_A Lina Linear_B Linb Lisu Lisu Lycian Lyci Lydian Lydi Mahajani Mahj Malayalam Mlym Mandaic Mand Manichaean Mani Marchen Marc Masaram_Gondi Gonm Meetei_Mayek Mtei Mende_Kikakui Mend Meroitic_Cursive Merc Meroitic_Hieroglyphs Mero Miao Plrd Modi Modi Mongolian Mong Mro Mroo Multani Mult Myanmar Mymr Nabataean Nbat New_Tai_Lue Talu Newa Newa Nko Nkoo Nushu Nshu Ogham Ogam Ol_Chiki Olck Old_Hungarian Hung Old_Italic Ital Old_North_Arabian Narb Old_Permic Perm Old_Persian Xpeo Old_South_Arabian Sarb Old_Turkic Orkh Oriya Orya Osage Osge Osmanya Osma Pahawh_Hmong Hmng Palmyrene Palm Pau_Cin_Hau Pauc Phags_Pa Phag Phoenician Phnx Psalter_Pahlavi Phlp Rejang Rjng Runic Runr Samaritan Samr Saurashtra Saur Sharada Shrd Shavian Shaw Siddham Sidd SignWriting Sgnw Sinhala Sinh Sora_Sompeng Sora Soyombo Soyo Sundanese Sund Syloti_Nagri Sylo Syriac Syrc Tagalog Tglg Tagbanwa Tagb Tai_Le Tale Tai_Tham Lana Tai_Viet Tavt Takri Takr Tamil Taml Tangut Tang Telugu Telu Thaana Thaa Thai Thai Tibetan Tibt Tifinagh Tfng Tirhuta Tirh Ugaritic Ugar Vai Vaii Warang_Citi Wara Yi Yiii Zanabazar_Square Zanb Dogra Dogr Gunjala_Gondi Gong Hanifi_Rohingya Rohg Makasar Maka Medefaidrin Medf Old_Sogdian Sogo Sogdian Sogd Elymaic Elym Nandinagari Nand Nyiakeng_Puachue_Hmong Hmnp Wancho Wcho"},data={};function buildUnicodeData(ecmaVersion){var d=data[ecmaVersion]={binary:wordsRegexp(unicodeBinaryProperties[ecmaVersion]+" "+unicodeGeneralCategoryValues),nonBinary:{General_Category:wordsRegexp(unicodeGeneralCategoryValues),Script:wordsRegexp(unicodeScriptValues[ecmaVersion])}};d.nonBinary.Script_Extensions=d.nonBinary.Script,d.nonBinary.gc=d.nonBinary.General_Category,d.nonBinary.sc=d.nonBinary.Script,d.nonBinary.scx=d.nonBinary.Script_Extensions}buildUnicodeData(9),buildUnicodeData(10),buildUnicodeData(11);var pp$8=Parser.prototype,RegExpValidationState=function RegExpValidationState(parser){this.parser=parser,this.validFlags="gim"+(parser.options.ecmaVersion>=6?"uy":"")+(parser.options.ecmaVersion>=9?"s":""),this.unicodeProperties=data[parser.options.ecmaVersion>=11?11:parser.options.ecmaVersion],this.source="",this.flags="",this.start=0,this.switchU=!1,this.switchN=!1,this.pos=0,this.lastIntValue=0,this.lastStringValue="",this.lastAssertionIsQuantifiable=!1,this.numCapturingParens=0,this.maxBackReference=0,this.groupNames=[],this.backReferenceNames=[]};function codePointToString(ch){return ch<=65535?String.fromCharCode(ch):(ch-=65536,String.fromCharCode(55296+(ch>>10),56320+(1023&ch)))}function isSyntaxCharacter(ch){return 36===ch||ch>=40&&ch<=43||46===ch||63===ch||ch>=91&&ch<=94||ch>=123&&ch<=125}function isControlLetter(ch){return ch>=65&&ch<=90||ch>=97&&ch<=122}function isUnicodePropertyNameCharacter(ch){return isControlLetter(ch)||95===ch}function isUnicodePropertyValueCharacter(ch){return isUnicodePropertyNameCharacter(ch)||isDecimalDigit(ch)}function isDecimalDigit(ch){return ch>=48&&ch<=57}function isHexDigit(ch){return ch>=48&&ch<=57||ch>=65&&ch<=70||ch>=97&&ch<=102}function hexToInt(ch){return ch>=65&&ch<=70?ch-65+10:ch>=97&&ch<=102?ch-97+10:ch-48}function isOctalDigit(ch){return ch>=48&&ch<=55}RegExpValidationState.prototype.reset=function reset(start,pattern,flags){var unicode=-1!==flags.indexOf("u");this.start=0|start,this.source=pattern+"",this.flags=flags,this.switchU=unicode&&this.parser.options.ecmaVersion>=6,this.switchN=unicode&&this.parser.options.ecmaVersion>=9},RegExpValidationState.prototype.raise=function raise(message){this.parser.raiseRecoverable(this.start,"Invalid regular expression: /"+this.source+"/: "+message)},RegExpValidationState.prototype.at=function at(i,forceU){void 0===forceU&&(forceU=!1);var s=this.source,l=s.length;if(i>=l)return-1;var c=s.charCodeAt(i);if(!forceU&&!this.switchU||c<=55295||c>=57344||i+1>=l)return c;var next=s.charCodeAt(i+1);return next>=56320&&next<=57343?(c<<10)+next-56613888:c},RegExpValidationState.prototype.nextIndex=function nextIndex(i,forceU){void 0===forceU&&(forceU=!1);var s=this.source,l=s.length;if(i>=l)return l;var next,c=s.charCodeAt(i);return!forceU&&!this.switchU||c<=55295||c>=57344||i+1>=l||(next=s.charCodeAt(i+1))<56320||next>57343?i+1:i+2},RegExpValidationState.prototype.current=function current(forceU){return void 0===forceU&&(forceU=!1),this.at(this.pos,forceU)},RegExpValidationState.prototype.lookahead=function lookahead(forceU){return void 0===forceU&&(forceU=!1),this.at(this.nextIndex(this.pos,forceU),forceU)},RegExpValidationState.prototype.advance=function advance(forceU){void 0===forceU&&(forceU=!1),this.pos=this.nextIndex(this.pos,forceU)},RegExpValidationState.prototype.eat=function eat(ch,forceU){return void 0===forceU&&(forceU=!1),this.current(forceU)===ch&&(this.advance(forceU),!0)},pp$8.validateRegExpFlags=function(state){for(var validFlags=state.validFlags,flags=state.flags,i=0;i<flags.length;i++){var flag=flags.charAt(i);-1===validFlags.indexOf(flag)&&this.raise(state.start,"Invalid regular expression flag"),flags.indexOf(flag,i+1)>-1&&this.raise(state.start,"Duplicate regular expression flag")}},pp$8.validateRegExpPattern=function(state){this.regexp_pattern(state),!state.switchN&&this.options.ecmaVersion>=9&&state.groupNames.length>0&&(state.switchN=!0,this.regexp_pattern(state))},pp$8.regexp_pattern=function(state){state.pos=0,state.lastIntValue=0,state.lastStringValue="",state.lastAssertionIsQuantifiable=!1,state.numCapturingParens=0,state.maxBackReference=0,state.groupNames.length=0,state.backReferenceNames.length=0,this.regexp_disjunction(state),state.pos!==state.source.length&&(state.eat(41)&&state.raise("Unmatched ')'"),(state.eat(93)||state.eat(125))&&state.raise("Lone quantifier brackets")),state.maxBackReference>state.numCapturingParens&&state.raise("Invalid escape");for(var i=0,list=state.backReferenceNames;i<list.length;i+=1){var name=list[i];-1===state.groupNames.indexOf(name)&&state.raise("Invalid named capture referenced")}},pp$8.regexp_disjunction=function(state){for(this.regexp_alternative(state);state.eat(124);)this.regexp_alternative(state);this.regexp_eatQuantifier(state,!0)&&state.raise("Nothing to repeat"),state.eat(123)&&state.raise("Lone quantifier brackets")},pp$8.regexp_alternative=function(state){for(;state.pos<state.source.length&&this.regexp_eatTerm(state););},pp$8.regexp_eatTerm=function(state){return this.regexp_eatAssertion(state)?(state.lastAssertionIsQuantifiable&&this.regexp_eatQuantifier(state)&&state.switchU&&state.raise("Invalid quantifier"),!0):!!(state.switchU?this.regexp_eatAtom(state):this.regexp_eatExtendedAtom(state))&&(this.regexp_eatQuantifier(state),!0)},pp$8.regexp_eatAssertion=function(state){var start=state.pos;if(state.lastAssertionIsQuantifiable=!1,state.eat(94)||state.eat(36))return!0;if(state.eat(92)){if(state.eat(66)||state.eat(98))return!0;state.pos=start}if(state.eat(40)&&state.eat(63)){var lookbehind=!1;if(this.options.ecmaVersion>=9&&(lookbehind=state.eat(60)),state.eat(61)||state.eat(33))return this.regexp_disjunction(state),state.eat(41)||state.raise("Unterminated group"),state.lastAssertionIsQuantifiable=!lookbehind,!0}return state.pos=start,!1},pp$8.regexp_eatQuantifier=function(state,noError){return void 0===noError&&(noError=!1),!!this.regexp_eatQuantifierPrefix(state,noError)&&(state.eat(63),!0)},pp$8.regexp_eatQuantifierPrefix=function(state,noError){return state.eat(42)||state.eat(43)||state.eat(63)||this.regexp_eatBracedQuantifier(state,noError)},pp$8.regexp_eatBracedQuantifier=function(state,noError){var start=state.pos;if(state.eat(123)){var min=0,max=-1;if(this.regexp_eatDecimalDigits(state)&&(min=state.lastIntValue,state.eat(44)&&this.regexp_eatDecimalDigits(state)&&(max=state.lastIntValue),state.eat(125)))return-1!==max&&max<min&&!noError&&state.raise("numbers out of order in {} quantifier"),!0;state.switchU&&!noError&&state.raise("Incomplete quantifier"),state.pos=start}return!1},pp$8.regexp_eatAtom=function(state){return this.regexp_eatPatternCharacters(state)||state.eat(46)||this.regexp_eatReverseSolidusAtomEscape(state)||this.regexp_eatCharacterClass(state)||this.regexp_eatUncapturingGroup(state)||this.regexp_eatCapturingGroup(state)},pp$8.regexp_eatReverseSolidusAtomEscape=function(state){var start=state.pos;if(state.eat(92)){if(this.regexp_eatAtomEscape(state))return!0;state.pos=start}return!1},pp$8.regexp_eatUncapturingGroup=function(state){var start=state.pos;if(state.eat(40)){if(state.eat(63)&&state.eat(58)){if(this.regexp_disjunction(state),state.eat(41))return!0;state.raise("Unterminated group")}state.pos=start}return!1},pp$8.regexp_eatCapturingGroup=function(state){if(state.eat(40)){if(this.options.ecmaVersion>=9?this.regexp_groupSpecifier(state):63===state.current()&&state.raise("Invalid group"),this.regexp_disjunction(state),state.eat(41))return state.numCapturingParens+=1,!0;state.raise("Unterminated group")}return!1},pp$8.regexp_eatExtendedAtom=function(state){return state.eat(46)||this.regexp_eatReverseSolidusAtomEscape(state)||this.regexp_eatCharacterClass(state)||this.regexp_eatUncapturingGroup(state)||this.regexp_eatCapturingGroup(state)||this.regexp_eatInvalidBracedQuantifier(state)||this.regexp_eatExtendedPatternCharacter(state)},pp$8.regexp_eatInvalidBracedQuantifier=function(state){return this.regexp_eatBracedQuantifier(state,!0)&&state.raise("Nothing to repeat"),!1},pp$8.regexp_eatSyntaxCharacter=function(state){var ch=state.current();return!!isSyntaxCharacter(ch)&&(state.lastIntValue=ch,state.advance(),!0)},pp$8.regexp_eatPatternCharacters=function(state){for(var start=state.pos,ch=0;-1!==(ch=state.current())&&!isSyntaxCharacter(ch);)state.advance();return state.pos!==start},pp$8.regexp_eatExtendedPatternCharacter=function(state){var ch=state.current();return!(-1===ch||36===ch||ch>=40&&ch<=43||46===ch||63===ch||91===ch||94===ch||124===ch)&&(state.advance(),!0)},pp$8.regexp_groupSpecifier=function(state){if(state.eat(63)){if(this.regexp_eatGroupName(state))return-1!==state.groupNames.indexOf(state.lastStringValue)&&state.raise("Duplicate capture group name"),void state.groupNames.push(state.lastStringValue);state.raise("Invalid group")}},pp$8.regexp_eatGroupName=function(state){if(state.lastStringValue="",state.eat(60)){if(this.regexp_eatRegExpIdentifierName(state)&&state.eat(62))return!0;state.raise("Invalid capture group name")}return!1},pp$8.regexp_eatRegExpIdentifierName=function(state){if(state.lastStringValue="",this.regexp_eatRegExpIdentifierStart(state)){for(state.lastStringValue+=codePointToString(state.lastIntValue);this.regexp_eatRegExpIdentifierPart(state);)state.lastStringValue+=codePointToString(state.lastIntValue);return!0}return!1},pp$8.regexp_eatRegExpIdentifierStart=function(state){var start=state.pos,forceU=this.options.ecmaVersion>=11,ch=state.current(forceU);return state.advance(forceU),92===ch&&this.regexp_eatRegExpUnicodeEscapeSequence(state,forceU)&&(ch=state.lastIntValue),function isRegExpIdentifierStart(ch){return isIdentifierStart(ch,!0)||36===ch||95===ch}(ch)?(state.lastIntValue=ch,!0):(state.pos=start,!1)},pp$8.regexp_eatRegExpIdentifierPart=function(state){var start=state.pos,forceU=this.options.ecmaVersion>=11,ch=state.current(forceU);return state.advance(forceU),92===ch&&this.regexp_eatRegExpUnicodeEscapeSequence(state,forceU)&&(ch=state.lastIntValue),function isRegExpIdentifierPart(ch){return isIdentifierChar(ch,!0)||36===ch||95===ch||8204===ch||8205===ch}(ch)?(state.lastIntValue=ch,!0):(state.pos=start,!1)},pp$8.regexp_eatAtomEscape=function(state){return!!(this.regexp_eatBackReference(state)||this.regexp_eatCharacterClassEscape(state)||this.regexp_eatCharacterEscape(state)||state.switchN&&this.regexp_eatKGroupName(state))||(state.switchU&&(99===state.current()&&state.raise("Invalid unicode escape"),state.raise("Invalid escape")),!1)},pp$8.regexp_eatBackReference=function(state){var start=state.pos;if(this.regexp_eatDecimalEscape(state)){var n=state.lastIntValue;if(state.switchU)return n>state.maxBackReference&&(state.maxBackReference=n),!0;if(n<=state.numCapturingParens)return!0;state.pos=start}return!1},pp$8.regexp_eatKGroupName=function(state){if(state.eat(107)){if(this.regexp_eatGroupName(state))return state.backReferenceNames.push(state.lastStringValue),!0;state.raise("Invalid named reference")}return!1},pp$8.regexp_eatCharacterEscape=function(state){return this.regexp_eatControlEscape(state)||this.regexp_eatCControlLetter(state)||this.regexp_eatZero(state)||this.regexp_eatHexEscapeSequence(state)||this.regexp_eatRegExpUnicodeEscapeSequence(state,!1)||!state.switchU&&this.regexp_eatLegacyOctalEscapeSequence(state)||this.regexp_eatIdentityEscape(state)},pp$8.regexp_eatCControlLetter=function(state){var start=state.pos;if(state.eat(99)){if(this.regexp_eatControlLetter(state))return!0;state.pos=start}return!1},pp$8.regexp_eatZero=function(state){return 48===state.current()&&!isDecimalDigit(state.lookahead())&&(state.lastIntValue=0,state.advance(),!0)},pp$8.regexp_eatControlEscape=function(state){var ch=state.current();return 116===ch?(state.lastIntValue=9,state.advance(),!0):110===ch?(state.lastIntValue=10,state.advance(),!0):118===ch?(state.lastIntValue=11,state.advance(),!0):102===ch?(state.lastIntValue=12,state.advance(),!0):114===ch&&(state.lastIntValue=13,state.advance(),!0)},pp$8.regexp_eatControlLetter=function(state){var ch=state.current();return!!isControlLetter(ch)&&(state.lastIntValue=ch%32,state.advance(),!0)},pp$8.regexp_eatRegExpUnicodeEscapeSequence=function(state,forceU){void 0===forceU&&(forceU=!1);var start=state.pos,switchU=forceU||state.switchU;if(state.eat(117)){if(this.regexp_eatFixedHexDigits(state,4)){var lead=state.lastIntValue;if(switchU&&lead>=55296&&lead<=56319){var leadSurrogateEnd=state.pos;if(state.eat(92)&&state.eat(117)&&this.regexp_eatFixedHexDigits(state,4)){var trail=state.lastIntValue;if(trail>=56320&&trail<=57343)return state.lastIntValue=1024*(lead-55296)+(trail-56320)+65536,!0}state.pos=leadSurrogateEnd,state.lastIntValue=lead}return!0}if(switchU&&state.eat(123)&&this.regexp_eatHexDigits(state)&&state.eat(125)&&function isValidUnicode(ch){return ch>=0&&ch<=1114111}(state.lastIntValue))return!0;switchU&&state.raise("Invalid unicode escape"),state.pos=start}return!1},pp$8.regexp_eatIdentityEscape=function(state){if(state.switchU)return!!this.regexp_eatSyntaxCharacter(state)||!!state.eat(47)&&(state.lastIntValue=47,!0);var ch=state.current();return!(99===ch||state.switchN&&107===ch)&&(state.lastIntValue=ch,state.advance(),!0)},pp$8.regexp_eatDecimalEscape=function(state){state.lastIntValue=0;var ch=state.current();if(ch>=49&&ch<=57){do{state.lastIntValue=10*state.lastIntValue+(ch-48),state.advance()}while((ch=state.current())>=48&&ch<=57);return!0}return!1},pp$8.regexp_eatCharacterClassEscape=function(state){var ch=state.current();if(function isCharacterClassEscape(ch){return 100===ch||68===ch||115===ch||83===ch||119===ch||87===ch}(ch))return state.lastIntValue=-1,state.advance(),!0;if(state.switchU&&this.options.ecmaVersion>=9&&(80===ch||112===ch)){if(state.lastIntValue=-1,state.advance(),state.eat(123)&&this.regexp_eatUnicodePropertyValueExpression(state)&&state.eat(125))return!0;state.raise("Invalid property name")}return!1},pp$8.regexp_eatUnicodePropertyValueExpression=function(state){var start=state.pos;if(this.regexp_eatUnicodePropertyName(state)&&state.eat(61)){var name=state.lastStringValue;if(this.regexp_eatUnicodePropertyValue(state)){var value=state.lastStringValue;return this.regexp_validateUnicodePropertyNameAndValue(state,name,value),!0}}if(state.pos=start,this.regexp_eatLoneUnicodePropertyNameOrValue(state)){var nameOrValue=state.lastStringValue;return this.regexp_validateUnicodePropertyNameOrValue(state,nameOrValue),!0}return!1},pp$8.regexp_validateUnicodePropertyNameAndValue=function(state,name,value){has(state.unicodeProperties.nonBinary,name)||state.raise("Invalid property name"),state.unicodeProperties.nonBinary[name].test(value)||state.raise("Invalid property value")},pp$8.regexp_validateUnicodePropertyNameOrValue=function(state,nameOrValue){state.unicodeProperties.binary.test(nameOrValue)||state.raise("Invalid property name")},pp$8.regexp_eatUnicodePropertyName=function(state){var ch=0;for(state.lastStringValue="";isUnicodePropertyNameCharacter(ch=state.current());)state.lastStringValue+=codePointToString(ch),state.advance();return""!==state.lastStringValue},pp$8.regexp_eatUnicodePropertyValue=function(state){var ch=0;for(state.lastStringValue="";isUnicodePropertyValueCharacter(ch=state.current());)state.lastStringValue+=codePointToString(ch),state.advance();return""!==state.lastStringValue},pp$8.regexp_eatLoneUnicodePropertyNameOrValue=function(state){return this.regexp_eatUnicodePropertyValue(state)},pp$8.regexp_eatCharacterClass=function(state){if(state.eat(91)){if(state.eat(94),this.regexp_classRanges(state),state.eat(93))return!0;state.raise("Unterminated character class")}return!1},pp$8.regexp_classRanges=function(state){for(;this.regexp_eatClassAtom(state);){var left=state.lastIntValue;if(state.eat(45)&&this.regexp_eatClassAtom(state)){var right=state.lastIntValue;!state.switchU||-1!==left&&-1!==right||state.raise("Invalid character class"),-1!==left&&-1!==right&&left>right&&state.raise("Range out of order in character class")}}},pp$8.regexp_eatClassAtom=function(state){var start=state.pos;if(state.eat(92)){if(this.regexp_eatClassEscape(state))return!0;if(state.switchU){var ch$1=state.current();(99===ch$1||isOctalDigit(ch$1))&&state.raise("Invalid class escape"),state.raise("Invalid escape")}state.pos=start}var ch=state.current();return 93!==ch&&(state.lastIntValue=ch,state.advance(),!0)},pp$8.regexp_eatClassEscape=function(state){var start=state.pos;if(state.eat(98))return state.lastIntValue=8,!0;if(state.switchU&&state.eat(45))return state.lastIntValue=45,!0;if(!state.switchU&&state.eat(99)){if(this.regexp_eatClassControlLetter(state))return!0;state.pos=start}return this.regexp_eatCharacterClassEscape(state)||this.regexp_eatCharacterEscape(state)},pp$8.regexp_eatClassControlLetter=function(state){var ch=state.current();return!(!isDecimalDigit(ch)&&95!==ch)&&(state.lastIntValue=ch%32,state.advance(),!0)},pp$8.regexp_eatHexEscapeSequence=function(state){var start=state.pos;if(state.eat(120)){if(this.regexp_eatFixedHexDigits(state,2))return!0;state.switchU&&state.raise("Invalid escape"),state.pos=start}return!1},pp$8.regexp_eatDecimalDigits=function(state){var start=state.pos,ch=0;for(state.lastIntValue=0;isDecimalDigit(ch=state.current());)state.lastIntValue=10*state.lastIntValue+(ch-48),state.advance();return state.pos!==start},pp$8.regexp_eatHexDigits=function(state){var start=state.pos,ch=0;for(state.lastIntValue=0;isHexDigit(ch=state.current());)state.lastIntValue=16*state.lastIntValue+hexToInt(ch),state.advance();return state.pos!==start},pp$8.regexp_eatLegacyOctalEscapeSequence=function(state){if(this.regexp_eatOctalDigit(state)){var n1=state.lastIntValue;if(this.regexp_eatOctalDigit(state)){var n2=state.lastIntValue;n1<=3&&this.regexp_eatOctalDigit(state)?state.lastIntValue=64*n1+8*n2+state.lastIntValue:state.lastIntValue=8*n1+n2}else state.lastIntValue=n1;return!0}return!1},pp$8.regexp_eatOctalDigit=function(state){var ch=state.current();return isOctalDigit(ch)?(state.lastIntValue=ch-48,state.advance(),!0):(state.lastIntValue=0,!1)},pp$8.regexp_eatFixedHexDigits=function(state,length){var start=state.pos;state.lastIntValue=0;for(var i=0;i<length;++i){var ch=state.current();if(!isHexDigit(ch))return state.pos=start,!1;state.lastIntValue=16*state.lastIntValue+hexToInt(ch),state.advance()}return!0};var Token=function Token(p){this.type=p.type,this.value=p.value,this.start=p.start,this.end=p.end,p.options.locations&&(this.loc=new SourceLocation(p,p.startLoc,p.endLoc)),p.options.ranges&&(this.range=[p.start,p.end])},pp$9=Parser.prototype;function stringToBigInt(str){return"function"!=typeof BigInt?null:BigInt(str.replace(/_/g,""))}function codePointToString$1(code){return code<=65535?String.fromCharCode(code):(code-=65536,String.fromCharCode(55296+(code>>10),56320+(1023&code)))}pp$9.next=function(ignoreEscapeSequenceInKeyword){!ignoreEscapeSequenceInKeyword&&this.type.keyword&&this.containsEsc&&this.raiseRecoverable(this.start,"Escape sequence in keyword "+this.type.keyword),this.options.onToken&&this.options.onToken(new Token(this)),this.lastTokEnd=this.end,this.lastTokStart=this.start,this.lastTokEndLoc=this.endLoc,this.lastTokStartLoc=this.startLoc,this.nextToken()},pp$9.getToken=function(){return this.next(),new Token(this)},"undefined"!=typeof Symbol&&(pp$9[Symbol.iterator]=function(){var this$1=this;return{next:function(){var token=this$1.getToken();return{done:token.type===types.eof,value:token}}}}),pp$9.curContext=function(){return this.context[this.context.length-1]},pp$9.nextToken=function(){var curContext=this.curContext();return curContext&&curContext.preserveSpace||this.skipSpace(),this.start=this.pos,this.options.locations&&(this.startLoc=this.curPosition()),this.pos>=this.input.length?this.finishToken(types.eof):curContext.override?curContext.override(this):void this.readToken(this.fullCharCodeAtPos())},pp$9.readToken=function(code){return isIdentifierStart(code,this.options.ecmaVersion>=6)||92===code?this.readWord():this.getTokenFromCode(code)},pp$9.fullCharCodeAtPos=function(){var code=this.input.charCodeAt(this.pos);return code<=55295||code>=57344?code:(code<<10)+this.input.charCodeAt(this.pos+1)-56613888},pp$9.skipBlockComment=function(){var match,startLoc=this.options.onComment&&this.curPosition(),start=this.pos,end=this.input.indexOf("*/",this.pos+=2);if(-1===end&&this.raise(this.pos-2,"Unterminated comment"),this.pos=end+2,this.options.locations)for(lineBreakG.lastIndex=start;(match=lineBreakG.exec(this.input))&&match.index<this.pos;)++this.curLine,this.lineStart=match.index+match[0].length;this.options.onComment&&this.options.onComment(!0,this.input.slice(start+2,end),start,this.pos,startLoc,this.curPosition())},pp$9.skipLineComment=function(startSkip){for(var start=this.pos,startLoc=this.options.onComment&&this.curPosition(),ch=this.input.charCodeAt(this.pos+=startSkip);this.pos<this.input.length&&!isNewLine(ch);)ch=this.input.charCodeAt(++this.pos);this.options.onComment&&this.options.onComment(!1,this.input.slice(start+startSkip,this.pos),start,this.pos,startLoc,this.curPosition())},pp$9.skipSpace=function(){loop:for(;this.pos<this.input.length;){var ch=this.input.charCodeAt(this.pos);switch(ch){case 32:case 160:++this.pos;break;case 13:10===this.input.charCodeAt(this.pos+1)&&++this.pos;case 10:case 8232:case 8233:++this.pos,this.options.locations&&(++this.curLine,this.lineStart=this.pos);break;case 47:switch(this.input.charCodeAt(this.pos+1)){case 42:this.skipBlockComment();break;case 47:this.skipLineComment(2);break;default:break loop}break;default:if(!(ch>8&&ch<14||ch>=5760&&nonASCIIwhitespace.test(String.fromCharCode(ch))))break loop;++this.pos}}},pp$9.finishToken=function(type,val){this.end=this.pos,this.options.locations&&(this.endLoc=this.curPosition());var prevType=this.type;this.type=type,this.value=val,this.updateContext(prevType)},pp$9.readToken_dot=function(){var next=this.input.charCodeAt(this.pos+1);if(next>=48&&next<=57)return this.readNumber(!0);var next2=this.input.charCodeAt(this.pos+2);return this.options.ecmaVersion>=6&&46===next&&46===next2?(this.pos+=3,this.finishToken(types.ellipsis)):(++this.pos,this.finishToken(types.dot))},pp$9.readToken_slash=function(){var next=this.input.charCodeAt(this.pos+1);return this.exprAllowed?(++this.pos,this.readRegexp()):61===next?this.finishOp(types.assign,2):this.finishOp(types.slash,1)},pp$9.readToken_mult_modulo_exp=function(code){var next=this.input.charCodeAt(this.pos+1),size=1,tokentype=42===code?types.star:types.modulo;return this.options.ecmaVersion>=7&&42===code&&42===next&&(++size,tokentype=types.starstar,next=this.input.charCodeAt(this.pos+2)),61===next?this.finishOp(types.assign,size+1):this.finishOp(tokentype,size)},pp$9.readToken_pipe_amp=function(code){var next=this.input.charCodeAt(this.pos+1);if(next===code){if(this.options.ecmaVersion>=12)if(61===this.input.charCodeAt(this.pos+2))return this.finishOp(types.assign,3);return this.finishOp(124===code?types.logicalOR:types.logicalAND,2)}return 61===next?this.finishOp(types.assign,2):this.finishOp(124===code?types.bitwiseOR:types.bitwiseAND,1)},pp$9.readToken_caret=function(){return 61===this.input.charCodeAt(this.pos+1)?this.finishOp(types.assign,2):this.finishOp(types.bitwiseXOR,1)},pp$9.readToken_plus_min=function(code){var next=this.input.charCodeAt(this.pos+1);return next===code?45!==next||this.inModule||62!==this.input.charCodeAt(this.pos+2)||0!==this.lastTokEnd&&!lineBreak.test(this.input.slice(this.lastTokEnd,this.pos))?this.finishOp(types.incDec,2):(this.skipLineComment(3),this.skipSpace(),this.nextToken()):61===next?this.finishOp(types.assign,2):this.finishOp(types.plusMin,1)},pp$9.readToken_lt_gt=function(code){var next=this.input.charCodeAt(this.pos+1),size=1;return next===code?(size=62===code&&62===this.input.charCodeAt(this.pos+2)?3:2,61===this.input.charCodeAt(this.pos+size)?this.finishOp(types.assign,size+1):this.finishOp(types.bitShift,size)):33!==next||60!==code||this.inModule||45!==this.input.charCodeAt(this.pos+2)||45!==this.input.charCodeAt(this.pos+3)?(61===next&&(size=2),this.finishOp(types.relational,size)):(this.skipLineComment(4),this.skipSpace(),this.nextToken())},pp$9.readToken_eq_excl=function(code){var next=this.input.charCodeAt(this.pos+1);return 61===next?this.finishOp(types.equality,61===this.input.charCodeAt(this.pos+2)?3:2):61===code&&62===next&&this.options.ecmaVersion>=6?(this.pos+=2,this.finishToken(types.arrow)):this.finishOp(61===code?types.eq:types.prefix,1)},pp$9.readToken_question=function(){var ecmaVersion=this.options.ecmaVersion;if(ecmaVersion>=11){var next=this.input.charCodeAt(this.pos+1);if(46===next){var next2=this.input.charCodeAt(this.pos+2);if(next2<48||next2>57)return this.finishOp(types.questionDot,2)}if(63===next){if(ecmaVersion>=12)if(61===this.input.charCodeAt(this.pos+2))return this.finishOp(types.assign,3);return this.finishOp(types.coalesce,2)}}return this.finishOp(types.question,1)},pp$9.getTokenFromCode=function(code){switch(code){case 46:return this.readToken_dot();case 40:return++this.pos,this.finishToken(types.parenL);case 41:return++this.pos,this.finishToken(types.parenR);case 59:return++this.pos,this.finishToken(types.semi);case 44:return++this.pos,this.finishToken(types.comma);case 91:return++this.pos,this.finishToken(types.bracketL);case 93:return++this.pos,this.finishToken(types.bracketR);case 123:return++this.pos,this.finishToken(types.braceL);case 125:return++this.pos,this.finishToken(types.braceR);case 58:return++this.pos,this.finishToken(types.colon);case 96:if(this.options.ecmaVersion<6)break;return++this.pos,this.finishToken(types.backQuote);case 48:var next=this.input.charCodeAt(this.pos+1);if(120===next||88===next)return this.readRadixNumber(16);if(this.options.ecmaVersion>=6){if(111===next||79===next)return this.readRadixNumber(8);if(98===next||66===next)return this.readRadixNumber(2)}case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:return this.readNumber(!1);case 34:case 39:return this.readString(code);case 47:return this.readToken_slash();case 37:case 42:return this.readToken_mult_modulo_exp(code);case 124:case 38:return this.readToken_pipe_amp(code);case 94:return this.readToken_caret();case 43:case 45:return this.readToken_plus_min(code);case 60:case 62:return this.readToken_lt_gt(code);case 61:case 33:return this.readToken_eq_excl(code);case 63:return this.readToken_question();case 126:return this.finishOp(types.prefix,1)}this.raise(this.pos,"Unexpected character '"+codePointToString$1(code)+"'")},pp$9.finishOp=function(type,size){var str=this.input.slice(this.pos,this.pos+size);return this.pos+=size,this.finishToken(type,str)},pp$9.readRegexp=function(){for(var escaped,inClass,start=this.pos;;){this.pos>=this.input.length&&this.raise(start,"Unterminated regular expression");var ch=this.input.charAt(this.pos);if(lineBreak.test(ch)&&this.raise(start,"Unterminated regular expression"),escaped)escaped=!1;else{if("["===ch)inClass=!0;else if("]"===ch&&inClass)inClass=!1;else if("/"===ch&&!inClass)break;escaped="\\"===ch}++this.pos}var pattern=this.input.slice(start,this.pos);++this.pos;var flagsStart=this.pos,flags=this.readWord1();this.containsEsc&&this.unexpected(flagsStart);var state=this.regexpState||(this.regexpState=new RegExpValidationState(this));state.reset(start,pattern,flags),this.validateRegExpFlags(state),this.validateRegExpPattern(state);var value=null;try{value=new RegExp(pattern,flags)}catch(e){}return this.finishToken(types.regexp,{pattern:pattern,flags:flags,value:value})},pp$9.readInt=function(radix,len,maybeLegacyOctalNumericLiteral){for(var allowSeparators=this.options.ecmaVersion>=12&&void 0===len,isLegacyOctalNumericLiteral=maybeLegacyOctalNumericLiteral&&48===this.input.charCodeAt(this.pos),start=this.pos,total=0,lastCode=0,i=0,e=null==len?1/0:len;i<e;++i,++this.pos){var code=this.input.charCodeAt(this.pos),val=void 0;if(allowSeparators&&95===code)isLegacyOctalNumericLiteral&&this.raiseRecoverable(this.pos,"Numeric separator is not allowed in legacy octal numeric literals"),95===lastCode&&this.raiseRecoverable(this.pos,"Numeric separator must be exactly one underscore"),0===i&&this.raiseRecoverable(this.pos,"Numeric separator is not allowed at the first of digits"),lastCode=code;else{if((val=code>=97?code-97+10:code>=65?code-65+10:code>=48&&code<=57?code-48:1/0)>=radix)break;lastCode=code,total=total*radix+val}}return allowSeparators&&95===lastCode&&this.raiseRecoverable(this.pos-1,"Numeric separator is not allowed at the last of digits"),this.pos===start||null!=len&&this.pos-start!==len?null:total},pp$9.readRadixNumber=function(radix){var start=this.pos;this.pos+=2;var val=this.readInt(radix);return null==val&&this.raise(this.start+2,"Expected number in radix "+radix),this.options.ecmaVersion>=11&&110===this.input.charCodeAt(this.pos)?(val=stringToBigInt(this.input.slice(start,this.pos)),++this.pos):isIdentifierStart(this.fullCharCodeAtPos())&&this.raise(this.pos,"Identifier directly after number"),this.finishToken(types.num,val)},pp$9.readNumber=function(startsWithDot){var start=this.pos;startsWithDot||null!==this.readInt(10,void 0,!0)||this.raise(start,"Invalid number");var octal=this.pos-start>=2&&48===this.input.charCodeAt(start);octal&&this.strict&&this.raise(start,"Invalid number");var next=this.input.charCodeAt(this.pos);if(!octal&&!startsWithDot&&this.options.ecmaVersion>=11&&110===next){var val$1=stringToBigInt(this.input.slice(start,this.pos));return++this.pos,isIdentifierStart(this.fullCharCodeAtPos())&&this.raise(this.pos,"Identifier directly after number"),this.finishToken(types.num,val$1)}octal&&/[89]/.test(this.input.slice(start,this.pos))&&(octal=!1),46!==next||octal||(++this.pos,this.readInt(10),next=this.input.charCodeAt(this.pos)),69!==next&&101!==next||octal||(43!==(next=this.input.charCodeAt(++this.pos))&&45!==next||++this.pos,null===this.readInt(10)&&this.raise(start,"Invalid number")),isIdentifierStart(this.fullCharCodeAtPos())&&this.raise(this.pos,"Identifier directly after number");var val=function stringToNumber(str,isLegacyOctalNumericLiteral){return isLegacyOctalNumericLiteral?parseInt(str,8):parseFloat(str.replace(/_/g,""))}(this.input.slice(start,this.pos),octal);return this.finishToken(types.num,val)},pp$9.readCodePoint=function(){var code;if(123===this.input.charCodeAt(this.pos)){this.options.ecmaVersion<6&&this.unexpected();var codePos=++this.pos;code=this.readHexChar(this.input.indexOf("}",this.pos)-this.pos),++this.pos,code>1114111&&this.invalidStringToken(codePos,"Code point out of bounds")}else code=this.readHexChar(4);return code},pp$9.readString=function(quote){for(var out="",chunkStart=++this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated string constant");var ch=this.input.charCodeAt(this.pos);if(ch===quote)break;92===ch?(out+=this.input.slice(chunkStart,this.pos),out+=this.readEscapedChar(!1),chunkStart=this.pos):(isNewLine(ch,this.options.ecmaVersion>=10)&&this.raise(this.start,"Unterminated string constant"),++this.pos)}return out+=this.input.slice(chunkStart,this.pos++),this.finishToken(types.string,out)};var INVALID_TEMPLATE_ESCAPE_ERROR={};pp$9.tryReadTemplateToken=function(){this.inTemplateElement=!0;try{this.readTmplToken()}catch(err){if(err!==INVALID_TEMPLATE_ESCAPE_ERROR)throw err;this.readInvalidTemplateToken()}this.inTemplateElement=!1},pp$9.invalidStringToken=function(position,message){if(this.inTemplateElement&&this.options.ecmaVersion>=9)throw INVALID_TEMPLATE_ESCAPE_ERROR;this.raise(position,message)},pp$9.readTmplToken=function(){for(var out="",chunkStart=this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated template");var ch=this.input.charCodeAt(this.pos);if(96===ch||36===ch&&123===this.input.charCodeAt(this.pos+1))return this.pos!==this.start||this.type!==types.template&&this.type!==types.invalidTemplate?(out+=this.input.slice(chunkStart,this.pos),this.finishToken(types.template,out)):36===ch?(this.pos+=2,this.finishToken(types.dollarBraceL)):(++this.pos,this.finishToken(types.backQuote));if(92===ch)out+=this.input.slice(chunkStart,this.pos),out+=this.readEscapedChar(!0),chunkStart=this.pos;else if(isNewLine(ch)){switch(out+=this.input.slice(chunkStart,this.pos),++this.pos,ch){case 13:10===this.input.charCodeAt(this.pos)&&++this.pos;case 10:out+="\n";break;default:out+=String.fromCharCode(ch)}this.options.locations&&(++this.curLine,this.lineStart=this.pos),chunkStart=this.pos}else++this.pos}},pp$9.readInvalidTemplateToken=function(){for(;this.pos<this.input.length;this.pos++)switch(this.input[this.pos]){case"\\":++this.pos;break;case"$":if("{"!==this.input[this.pos+1])break;case"`":return this.finishToken(types.invalidTemplate,this.input.slice(this.start,this.pos))}this.raise(this.start,"Unterminated template")},pp$9.readEscapedChar=function(inTemplate){var ch=this.input.charCodeAt(++this.pos);switch(++this.pos,ch){case 110:return"\n";case 114:return"\r";case 120:return String.fromCharCode(this.readHexChar(2));case 117:return codePointToString$1(this.readCodePoint());case 116:return"\t";case 98:return"\b";case 118:return"\v";case 102:return"\f";case 13:10===this.input.charCodeAt(this.pos)&&++this.pos;case 10:return this.options.locations&&(this.lineStart=this.pos,++this.curLine),"";case 56:case 57:if(inTemplate){var codePos=this.pos-1;return this.invalidStringToken(codePos,"Invalid escape sequence in template string"),null}default:if(ch>=48&&ch<=55){var octalStr=this.input.substr(this.pos-1,3).match(/^[0-7]+/)[0],octal=parseInt(octalStr,8);return octal>255&&(octalStr=octalStr.slice(0,-1),octal=parseInt(octalStr,8)),this.pos+=octalStr.length-1,ch=this.input.charCodeAt(this.pos),"0"===octalStr&&56!==ch&&57!==ch||!this.strict&&!inTemplate||this.invalidStringToken(this.pos-1-octalStr.length,inTemplate?"Octal literal in template string":"Octal literal in strict mode"),String.fromCharCode(octal)}return isNewLine(ch)?"":String.fromCharCode(ch)}},pp$9.readHexChar=function(len){var codePos=this.pos,n=this.readInt(16,len);return null===n&&this.invalidStringToken(codePos,"Bad character escape sequence"),n},pp$9.readWord1=function(){this.containsEsc=!1;for(var word="",first=!0,chunkStart=this.pos,astral=this.options.ecmaVersion>=6;this.pos<this.input.length;){var ch=this.fullCharCodeAtPos();if(isIdentifierChar(ch,astral))this.pos+=ch<=65535?1:2;else{if(92!==ch)break;this.containsEsc=!0,word+=this.input.slice(chunkStart,this.pos);var escStart=this.pos;117!==this.input.charCodeAt(++this.pos)&&this.invalidStringToken(this.pos,"Expecting Unicode escape sequence \\uXXXX"),++this.pos;var esc=this.readCodePoint();(first?isIdentifierStart:isIdentifierChar)(esc,astral)||this.invalidStringToken(escStart,"Invalid Unicode escape"),word+=codePointToString$1(esc),chunkStart=this.pos}first=!1}return word+this.input.slice(chunkStart,this.pos)},pp$9.readWord=function(){var word=this.readWord1(),type=types.name;return this.keywords.test(word)&&(type=keywords$1[word]),this.finishToken(type,word)};var version="7.4.1";function parse(input,options){return Parser.parse(input,options)}function parseExpressionAt(input,pos,options){return Parser.parseExpressionAt(input,pos,options)}function tokenizer(input,options){return Parser.tokenizer(input,options)}Parser.acorn={Parser:Parser,version:version,defaultOptions:defaultOptions,Position:Position,SourceLocation:SourceLocation,getLineInfo:getLineInfo,Node:Node,TokenType:TokenType,tokTypes:types,keywordTypes:keywords$1,TokContext:TokContext,tokContexts:types$1,isIdentifierChar:isIdentifierChar,isIdentifierStart:isIdentifierStart,Token:Token,isNewLine:isNewLine,lineBreak:lineBreak,lineBreakG:lineBreakG,nonASCIIwhitespace:nonASCIIwhitespace}},"./node_modules/airbnb-js-shims/index.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/airbnb-js-shims/target/es5.js")},"./node_modules/airbnb-js-shims/target/es2015.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/es6-shim/es6-shim.js"),__webpack_require__("./node_modules/function.prototype.name/shim.js")(),__webpack_require__("./node_modules/airbnb-js-shims/target/es2016.js")},"./node_modules/airbnb-js-shims/target/es2016.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/array-includes/shim.js")(),__webpack_require__("./node_modules/airbnb-js-shims/target/es2017.js")},"./node_modules/airbnb-js-shims/target/es2017.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/object.values/shim.js")(),__webpack_require__("./node_modules/object.entries/shim.js")(),__webpack_require__("./node_modules/string.prototype.padstart/shim.js")(),__webpack_require__("./node_modules/string.prototype.padend/shim.js")(),__webpack_require__("./node_modules/object.getownpropertydescriptors/shim.js")(),__webpack_require__("./node_modules/airbnb-js-shims/target/es2018.js")},"./node_modules/airbnb-js-shims/target/es2018.js":function(module,exports,__webpack_require__){"use strict";"function"==typeof Promise&&__webpack_require__("./node_modules/promise.prototype.finally/auto.js"),__webpack_require__("./node_modules/airbnb-js-shims/target/es2019.js")},"./node_modules/airbnb-js-shims/target/es2019.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/array.prototype.flat/auto.js"),__webpack_require__("./node_modules/array.prototype.flatmap/auto.js"),__webpack_require__("./node_modules/symbol.prototype.description/auto.js"),__webpack_require__("./node_modules/object.fromentries/auto.js"),__webpack_require__("./node_modules/airbnb-js-shims/target/es2020.js")},"./node_modules/airbnb-js-shims/target/es2020.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/string.prototype.matchall/auto.js"),__webpack_require__("./node_modules/globalthis/auto.js"),__webpack_require__("./node_modules/promise.allsettled/auto.js")},"./node_modules/airbnb-js-shims/target/es5.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/es5-shim/es5-shim.js"),__webpack_require__("./node_modules/es5-shim/es5-sham.js"),__webpack_require__("./node_modules/airbnb-js-shims/target/es2015.js")},"./node_modules/ansi-to-html/lib/ansi_to_html.js":function(module,exports,__webpack_require__){"use strict";function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createForOfIteratorHelper(o){if("undefined"==typeof Symbol||null==o[Symbol.iterator]){if(Array.isArray(o)||(o=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))){var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var it,err,normalCompletion=!0,didErr=!1;return{s:function s(){it=o[Symbol.iterator]()},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var entities=__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/index.js"),defaults={fg:"#FFF",bg:"#000",newline:!1,escapeXML:!1,stream:!1,colors:function getDefaultColors(){var colors={0:"#000",1:"#A00",2:"#0A0",3:"#A50",4:"#00A",5:"#A0A",6:"#0AA",7:"#AAA",8:"#555",9:"#F55",10:"#5F5",11:"#FF5",12:"#55F",13:"#F5F",14:"#5FF",15:"#FFF"};return range(0,5).forEach((function(red){range(0,5).forEach((function(green){range(0,5).forEach((function(blue){return function setStyleColor(red,green,blue,colors){var r=red>0?40*red+55:0,g=green>0?40*green+55:0,b=blue>0?40*blue+55:0;colors[16+36*red+6*green+blue]=function toColorHexString(ref){var _step,results=[],_iterator=_createForOfIteratorHelper(ref);try{for(_iterator.s();!(_step=_iterator.n()).done;){var r=_step.value;results.push(toHexString(r))}}catch(err){_iterator.e(err)}finally{_iterator.f()}return"#"+results.join("")}([r,g,b])}(red,green,blue,colors)}))}))})),range(0,23).forEach((function(gray){var c=gray+232,l=toHexString(10*gray+8);colors[c]="#"+l+l+l})),colors}()};function toHexString(num){for(var str=num.toString(16);str.length<2;)str="0"+str;return str}function generateOutput(stack,token,data,options){var result;return"text"===token?result=function pushText(text,options){if(options.escapeXML)return entities.encodeXML(text);return text}(data,options):"display"===token?result=function handleDisplay(stack,code,options){code=parseInt(code,10);var result,codeMap={"-1":function _(){return"<br/>"},0:function _(){return stack.length&&resetStyles(stack)},1:function _(){return pushTag(stack,"b")},3:function _(){return pushTag(stack,"i")},4:function _(){return pushTag(stack,"u")},8:function _(){return pushStyle(stack,"display:none")},9:function _(){return pushTag(stack,"strike")},22:function _(){return pushStyle(stack,"font-weight:normal;text-decoration:none;font-style:normal")},23:function _(){return closeTag(stack,"i")},24:function _(){return closeTag(stack,"u")},39:function _(){return pushForegroundColor(stack,options.fg)},49:function _(){return pushBackgroundColor(stack,options.bg)},53:function _(){return pushStyle(stack,"text-decoration:overline")}};codeMap[code]?result=codeMap[code]():4<code&&code<7?result=pushTag(stack,"blink"):29<code&&code<38?result=pushForegroundColor(stack,options.colors[code-30]):39<code&&code<48?result=pushBackgroundColor(stack,options.colors[code-40]):89<code&&code<98?result=pushForegroundColor(stack,options.colors[code-90+8]):99<code&&code<108&&(result=pushBackgroundColor(stack,options.colors[code-100+8]));return result}(stack,data,options):"xterm256"===token?result=pushForegroundColor(stack,options.colors[data]):"rgb"===token&&(result=function handleRgb(stack,data){var operation=+(data=data.substring(2).slice(0,-1)).substr(0,2),rgb=data.substring(5).split(";").map((function(value){return("0"+Number(value).toString(16)).substr(-2)})).join("");return pushStyle(stack,(38===operation?"color:#":"background-color:#")+rgb)}(stack,data)),result}function resetStyles(stack){var stackClone=stack.slice(0);return stack.length=0,stackClone.reverse().map((function(tag){return"</"+tag+">"})).join("")}function range(low,high){for(var results=[],j=low;j<=high;j++)results.push(j);return results}function categoryForCode(code){var result=null;return 0===(code=parseInt(code,10))?result="all":1===code?result="bold":2<code&&code<5?result="underline":4<code&&code<7?result="blink":8===code?result="hide":9===code?result="strike":29<code&&code<38||39===code||89<code&&code<98?result="foreground-color":(39<code&&code<48||49===code||99<code&&code<108)&&(result="background-color"),result}function pushTag(stack,tag,style){return style||(style=""),stack.push(tag),"<".concat(tag).concat(style?' style="'.concat(style,'"'):"",">")}function pushStyle(stack,style){return pushTag(stack,"span",style)}function pushForegroundColor(stack,color){return pushTag(stack,"span","color:"+color)}function pushBackgroundColor(stack,color){return pushTag(stack,"span","background-color:"+color)}function closeTag(stack,style){var last;if(stack.slice(-1)[0]===style&&(last=stack.pop()),last)return"</"+style+">"}var Filter=function(){function Filter(options){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Filter),(options=options||{}).colors&&(options.colors=Object.assign({},defaults.colors,options.colors)),this.options=Object.assign({},defaults,options),this.stack=[],this.stickyStack=[]}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Filter,[{key:"toHtml",value:function toHtml(input){var _this=this;input="string"==typeof input?[input]:input;var stack=this.stack,options=this.options,buf=[];return this.stickyStack.forEach((function(element){var output=generateOutput(stack,element.token,element.data,options);output&&buf.push(output)})),function tokenize(text,options,callback){var ansiMatch=!1;function remove(){return""}function newline(m){return options.newline?callback("display",-1):callback("text",m),""}var tokens=[{pattern:/^\x08+/,sub:remove},{pattern:/^\x1b\[[012]?K/,sub:remove},{pattern:/^\x1b\[\(B/,sub:remove},{pattern:/^\x1b\[[34]8;2;\d+;\d+;\d+m/,sub:function rgb(m){return callback("rgb",m),""}},{pattern:/^\x1b\[38;5;(\d+)m/,sub:function removeXterm256(m,g1){return callback("xterm256",g1),""}},{pattern:/^\n/,sub:newline},{pattern:/^\r+\n/,sub:newline},{pattern:/^\x1b\[((?:\d{1,3};?)+|)m/,sub:function ansiMess(m,g1){ansiMatch=!0,0===g1.trim().length&&(g1="0");var _step2,_iterator2=_createForOfIteratorHelper(g1=g1.trimRight(";").split(";"));try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var g=_step2.value;callback("display",g)}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}return""}},{pattern:/^\x1b\[\d?J/,sub:remove},{pattern:/^\x1b\[\d{0,3};\d{0,3}f/,sub:remove},{pattern:/^\x1b\[?[\d;]{0,3}/,sub:remove},{pattern:/^(([^\x1b\x08\r\n])+)/,sub:function realText(m){return callback("text",m),""}}];function process(handler,i){i>3&&ansiMatch||(ansiMatch=!1,text=text.replace(handler.pattern,handler.sub))}var results1=[],length=text.length;outer:for(;length>0;){for(var i=0,o=0,len=tokens.length;o<len;i=++o)if(process(tokens[i],i),text.length!==length){length=text.length;continue outer}if(text.length===length)break;results1.push(0),length=text.length}return results1}(input.join(""),options,(function(token,data){var output=generateOutput(stack,token,data,options);output&&buf.push(output),options.stream&&(_this.stickyStack=function updateStickyStack(stickyStack,token,data){return"text"!==token&&(stickyStack=stickyStack.filter(function notCategory(category){return function(e){return(null===category||e.category!==category)&&"all"!==category}}(categoryForCode(data)))).push({token:token,data:data,category:categoryForCode(data)}),stickyStack}(_this.stickyStack,token,data))})),stack.length&&buf.push(resetStyles(stack)),buf.join("")}}]),Filter}();module.exports=Filter},"./node_modules/ansi-to-html/node_modules/entities/lib/decode.js":function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.decodeHTML=exports.decodeHTMLStrict=exports.decodeXML=void 0;var entities_json_1=__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/maps/entities.json")),legacy_json_1=__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/maps/legacy.json")),xml_json_1=__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/maps/xml.json")),decode_codepoint_1=__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/decode_codepoint.js")),strictEntityRe=/&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;function getStrictDecoder(map){var replace=getReplacer(map);return function(str){return String(str).replace(strictEntityRe,replace)}}exports.decodeXML=getStrictDecoder(xml_json_1.default),exports.decodeHTMLStrict=getStrictDecoder(entities_json_1.default);var sorter=function(a,b){return a<b?1:-1};function getReplacer(map){return function replace(str){if("#"===str.charAt(1)){var secondChar=str.charAt(2);return"X"===secondChar||"x"===secondChar?decode_codepoint_1.default(parseInt(str.substr(3),16)):decode_codepoint_1.default(parseInt(str.substr(2),10))}return map[str.slice(1,-1)]||str}}exports.decodeHTML=function(){for(var legacy=Object.keys(legacy_json_1.default).sort(sorter),keys=Object.keys(entities_json_1.default).sort(sorter),i=0,j=0;i<keys.length;i++)legacy[j]===keys[i]?(keys[i]+=";?",j++):keys[i]+=";";var re=new RegExp("&(?:"+keys.join("|")+"|#[xX][\\da-fA-F]+;?|#\\d+;?)","g"),replace=getReplacer(entities_json_1.default);function replacer(str){return";"!==str.substr(-1)&&(str+=";"),replace(str)}return function(str){return String(str).replace(re,replacer)}}()},"./node_modules/ansi-to-html/node_modules/entities/lib/decode_codepoint.js":function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var decode_json_1=__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/maps/decode.json")),fromCodePoint=String.fromCodePoint||function(codePoint){var output="";return codePoint>65535&&(codePoint-=65536,output+=String.fromCharCode(codePoint>>>10&1023|55296),codePoint=56320|1023&codePoint),output+=String.fromCharCode(codePoint)};exports.default=function decodeCodePoint(codePoint){return codePoint>=55296&&codePoint<=57343||codePoint>1114111?"�":(codePoint in decode_json_1.default&&(codePoint=decode_json_1.default[codePoint]),fromCodePoint(codePoint))}},"./node_modules/ansi-to-html/node_modules/entities/lib/encode.js":function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.escapeUTF8=exports.escape=exports.encodeNonAsciiHTML=exports.encodeHTML=exports.encodeXML=void 0;var inverseXML=getInverseObj(__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/maps/xml.json")).default),xmlReplacer=getInverseReplacer(inverseXML);exports.encodeXML=getASCIIEncoder(inverseXML);var inverseHTML=getInverseObj(__importDefault(__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/maps/entities.json")).default),htmlReplacer=getInverseReplacer(inverseHTML);function getInverseObj(obj){return Object.keys(obj).sort().reduce((function(inverse,name){return inverse[obj[name]]="&"+name+";",inverse}),{})}function getInverseReplacer(inverse){for(var single=[],multiple=[],_i=0,_a=Object.keys(inverse);_i<_a.length;_i++){var k=_a[_i];1===k.length?single.push("\\"+k):multiple.push(k)}single.sort();for(var start=0;start<single.length-1;start++){for(var end=start;end<single.length-1&&single[end].charCodeAt(1)+1===single[end+1].charCodeAt(1);)end+=1;var count=1+end-start;count<3||single.splice(start,count,single[start]+"-"+single[end])}return multiple.unshift("["+single.join("")+"]"),new RegExp(multiple.join("|"),"g")}exports.encodeHTML=function getInverse(inverse,re){return function(data){return data.replace(re,(function(name){return inverse[name]})).replace(reNonASCII,singleCharReplacer)}}(inverseHTML,htmlReplacer),exports.encodeNonAsciiHTML=getASCIIEncoder(inverseHTML);var reNonASCII=/(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,getCodePoint=null!=String.prototype.codePointAt?function(str){return str.codePointAt(0)}:function(c){return 1024*(c.charCodeAt(0)-55296)+c.charCodeAt(1)-56320+65536};function singleCharReplacer(c){return"&#x"+(c.length>1?getCodePoint(c):c.charCodeAt(0)).toString(16).toUpperCase()+";"}var reEscapeChars=new RegExp(xmlReplacer.source+"|"+reNonASCII.source,"g");function getASCIIEncoder(obj){return function(data){return data.replace(reEscapeChars,(function(c){return obj[c]||singleCharReplacer(c)}))}}exports.escape=function escape(data){return data.replace(reEscapeChars,singleCharReplacer)},exports.escapeUTF8=function escapeUTF8(data){return data.replace(xmlReplacer,singleCharReplacer)}},"./node_modules/ansi-to-html/node_modules/entities/lib/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.decodeXMLStrict=exports.decodeHTML5Strict=exports.decodeHTML4Strict=exports.decodeHTML5=exports.decodeHTML4=exports.decodeHTMLStrict=exports.decodeHTML=exports.decodeXML=exports.encodeHTML5=exports.encodeHTML4=exports.escapeUTF8=exports.escape=exports.encodeNonAsciiHTML=exports.encodeHTML=exports.encodeXML=exports.encode=exports.decodeStrict=exports.decode=void 0;var decode_1=__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/decode.js"),encode_1=__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/encode.js");exports.decode=function decode(data,level){return(!level||level<=0?decode_1.decodeXML:decode_1.decodeHTML)(data)},exports.decodeStrict=function decodeStrict(data,level){return(!level||level<=0?decode_1.decodeXML:decode_1.decodeHTMLStrict)(data)},exports.encode=function encode(data,level){return(!level||level<=0?encode_1.encodeXML:encode_1.encodeHTML)(data)};var encode_2=__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/encode.js");Object.defineProperty(exports,"encodeXML",{enumerable:!0,get:function(){return encode_2.encodeXML}}),Object.defineProperty(exports,"encodeHTML",{enumerable:!0,get:function(){return encode_2.encodeHTML}}),Object.defineProperty(exports,"encodeNonAsciiHTML",{enumerable:!0,get:function(){return encode_2.encodeNonAsciiHTML}}),Object.defineProperty(exports,"escape",{enumerable:!0,get:function(){return encode_2.escape}}),Object.defineProperty(exports,"escapeUTF8",{enumerable:!0,get:function(){return encode_2.escapeUTF8}}),Object.defineProperty(exports,"encodeHTML4",{enumerable:!0,get:function(){return encode_2.encodeHTML}}),Object.defineProperty(exports,"encodeHTML5",{enumerable:!0,get:function(){return encode_2.encodeHTML}});var decode_2=__webpack_require__("./node_modules/ansi-to-html/node_modules/entities/lib/decode.js");Object.defineProperty(exports,"decodeXML",{enumerable:!0,get:function(){return decode_2.decodeXML}}),Object.defineProperty(exports,"decodeHTML",{enumerable:!0,get:function(){return decode_2.decodeHTML}}),Object.defineProperty(exports,"decodeHTMLStrict",{enumerable:!0,get:function(){return decode_2.decodeHTMLStrict}}),Object.defineProperty(exports,"decodeHTML4",{enumerable:!0,get:function(){return decode_2.decodeHTML}}),Object.defineProperty(exports,"decodeHTML5",{enumerable:!0,get:function(){return decode_2.decodeHTML}}),Object.defineProperty(exports,"decodeHTML4Strict",{enumerable:!0,get:function(){return decode_2.decodeHTMLStrict}}),Object.defineProperty(exports,"decodeHTML5Strict",{enumerable:!0,get:function(){return decode_2.decodeHTMLStrict}}),Object.defineProperty(exports,"decodeXMLStrict",{enumerable:!0,get:function(){return decode_2.decodeXML}})},"./node_modules/ansi-to-html/node_modules/entities/lib/maps/decode.json":function(module){module.exports=JSON.parse('{"0":65533,"128":8364,"130":8218,"131":402,"132":8222,"133":8230,"134":8224,"135":8225,"136":710,"137":8240,"138":352,"139":8249,"140":338,"142":381,"145":8216,"146":8217,"147":8220,"148":8221,"149":8226,"150":8211,"151":8212,"152":732,"153":8482,"154":353,"155":8250,"156":339,"158":382,"159":376}')},"./node_modules/ansi-to-html/node_modules/entities/lib/maps/entities.json":function(module){module.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Abreve":"Ă","abreve":"ă","ac":"∾","acd":"∿","acE":"∾̳","Acirc":"Â","acirc":"â","acute":"´","Acy":"А","acy":"а","AElig":"Æ","aelig":"æ","af":"⁡","Afr":"𝔄","afr":"𝔞","Agrave":"À","agrave":"à","alefsym":"ℵ","aleph":"ℵ","Alpha":"Α","alpha":"α","Amacr":"Ā","amacr":"ā","amalg":"⨿","amp":"&","AMP":"&","andand":"⩕","And":"⩓","and":"∧","andd":"⩜","andslope":"⩘","andv":"⩚","ang":"∠","ange":"⦤","angle":"∠","angmsdaa":"⦨","angmsdab":"⦩","angmsdac":"⦪","angmsdad":"⦫","angmsdae":"⦬","angmsdaf":"⦭","angmsdag":"⦮","angmsdah":"⦯","angmsd":"∡","angrt":"∟","angrtvb":"⊾","angrtvbd":"⦝","angsph":"∢","angst":"Å","angzarr":"⍼","Aogon":"Ą","aogon":"ą","Aopf":"𝔸","aopf":"𝕒","apacir":"⩯","ap":"≈","apE":"⩰","ape":"≊","apid":"≋","apos":"\'","ApplyFunction":"⁡","approx":"≈","approxeq":"≊","Aring":"Å","aring":"å","Ascr":"𝒜","ascr":"𝒶","Assign":"≔","ast":"*","asymp":"≈","asympeq":"≍","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","awconint":"∳","awint":"⨑","backcong":"≌","backepsilon":"϶","backprime":"‵","backsim":"∽","backsimeq":"⋍","Backslash":"∖","Barv":"⫧","barvee":"⊽","barwed":"⌅","Barwed":"⌆","barwedge":"⌅","bbrk":"⎵","bbrktbrk":"⎶","bcong":"≌","Bcy":"Б","bcy":"б","bdquo":"„","becaus":"∵","because":"∵","Because":"∵","bemptyv":"⦰","bepsi":"϶","bernou":"ℬ","Bernoullis":"ℬ","Beta":"Β","beta":"β","beth":"ℶ","between":"≬","Bfr":"𝔅","bfr":"𝔟","bigcap":"⋂","bigcirc":"◯","bigcup":"⋃","bigodot":"⨀","bigoplus":"⨁","bigotimes":"⨂","bigsqcup":"⨆","bigstar":"★","bigtriangledown":"▽","bigtriangleup":"△","biguplus":"⨄","bigvee":"⋁","bigwedge":"⋀","bkarow":"⤍","blacklozenge":"⧫","blacksquare":"▪","blacktriangle":"▴","blacktriangledown":"▾","blacktriangleleft":"◂","blacktriangleright":"▸","blank":"␣","blk12":"▒","blk14":"░","blk34":"▓","block":"█","bne":"=⃥","bnequiv":"≡⃥","bNot":"⫭","bnot":"⌐","Bopf":"𝔹","bopf":"𝕓","bot":"⊥","bottom":"⊥","bowtie":"⋈","boxbox":"⧉","boxdl":"┐","boxdL":"╕","boxDl":"╖","boxDL":"╗","boxdr":"┌","boxdR":"╒","boxDr":"╓","boxDR":"╔","boxh":"─","boxH":"═","boxhd":"┬","boxHd":"╤","boxhD":"╥","boxHD":"╦","boxhu":"┴","boxHu":"╧","boxhU":"╨","boxHU":"╩","boxminus":"⊟","boxplus":"⊞","boxtimes":"⊠","boxul":"┘","boxuL":"╛","boxUl":"╜","boxUL":"╝","boxur":"└","boxuR":"╘","boxUr":"╙","boxUR":"╚","boxv":"│","boxV":"║","boxvh":"┼","boxvH":"╪","boxVh":"╫","boxVH":"╬","boxvl":"┤","boxvL":"╡","boxVl":"╢","boxVL":"╣","boxvr":"├","boxvR":"╞","boxVr":"╟","boxVR":"╠","bprime":"‵","breve":"˘","Breve":"˘","brvbar":"¦","bscr":"𝒷","Bscr":"ℬ","bsemi":"⁏","bsim":"∽","bsime":"⋍","bsolb":"⧅","bsol":"\\\\","bsolhsub":"⟈","bull":"•","bullet":"•","bump":"≎","bumpE":"⪮","bumpe":"≏","Bumpeq":"≎","bumpeq":"≏","Cacute":"Ć","cacute":"ć","capand":"⩄","capbrcup":"⩉","capcap":"⩋","cap":"∩","Cap":"⋒","capcup":"⩇","capdot":"⩀","CapitalDifferentialD":"ⅅ","caps":"∩︀","caret":"⁁","caron":"ˇ","Cayleys":"ℭ","ccaps":"⩍","Ccaron":"Č","ccaron":"č","Ccedil":"Ç","ccedil":"ç","Ccirc":"Ĉ","ccirc":"ĉ","Cconint":"∰","ccups":"⩌","ccupssm":"⩐","Cdot":"Ċ","cdot":"ċ","cedil":"¸","Cedilla":"¸","cemptyv":"⦲","cent":"¢","centerdot":"·","CenterDot":"·","cfr":"𝔠","Cfr":"ℭ","CHcy":"Ч","chcy":"ч","check":"✓","checkmark":"✓","Chi":"Χ","chi":"χ","circ":"ˆ","circeq":"≗","circlearrowleft":"↺","circlearrowright":"↻","circledast":"⊛","circledcirc":"⊚","circleddash":"⊝","CircleDot":"⊙","circledR":"®","circledS":"Ⓢ","CircleMinus":"⊖","CirclePlus":"⊕","CircleTimes":"⊗","cir":"○","cirE":"⧃","cire":"≗","cirfnint":"⨐","cirmid":"⫯","cirscir":"⧂","ClockwiseContourIntegral":"∲","CloseCurlyDoubleQuote":"”","CloseCurlyQuote":"’","clubs":"♣","clubsuit":"♣","colon":":","Colon":"∷","Colone":"⩴","colone":"≔","coloneq":"≔","comma":",","commat":"@","comp":"∁","compfn":"∘","complement":"∁","complexes":"ℂ","cong":"≅","congdot":"⩭","Congruent":"≡","conint":"∮","Conint":"∯","ContourIntegral":"∮","copf":"𝕔","Copf":"ℂ","coprod":"∐","Coproduct":"∐","copy":"©","COPY":"©","copysr":"℗","CounterClockwiseContourIntegral":"∳","crarr":"↵","cross":"✗","Cross":"⨯","Cscr":"𝒞","cscr":"𝒸","csub":"⫏","csube":"⫑","csup":"⫐","csupe":"⫒","ctdot":"⋯","cudarrl":"⤸","cudarrr":"⤵","cuepr":"⋞","cuesc":"⋟","cularr":"↶","cularrp":"⤽","cupbrcap":"⩈","cupcap":"⩆","CupCap":"≍","cup":"∪","Cup":"⋓","cupcup":"⩊","cupdot":"⊍","cupor":"⩅","cups":"∪︀","curarr":"↷","curarrm":"⤼","curlyeqprec":"⋞","curlyeqsucc":"⋟","curlyvee":"⋎","curlywedge":"⋏","curren":"¤","curvearrowleft":"↶","curvearrowright":"↷","cuvee":"⋎","cuwed":"⋏","cwconint":"∲","cwint":"∱","cylcty":"⌭","dagger":"†","Dagger":"‡","daleth":"ℸ","darr":"↓","Darr":"↡","dArr":"⇓","dash":"‐","Dashv":"⫤","dashv":"⊣","dbkarow":"⤏","dblac":"˝","Dcaron":"Ď","dcaron":"ď","Dcy":"Д","dcy":"д","ddagger":"‡","ddarr":"⇊","DD":"ⅅ","dd":"ⅆ","DDotrahd":"⤑","ddotseq":"⩷","deg":"°","Del":"∇","Delta":"Δ","delta":"δ","demptyv":"⦱","dfisht":"⥿","Dfr":"𝔇","dfr":"𝔡","dHar":"⥥","dharl":"⇃","dharr":"⇂","DiacriticalAcute":"´","DiacriticalDot":"˙","DiacriticalDoubleAcute":"˝","DiacriticalGrave":"`","DiacriticalTilde":"˜","diam":"⋄","diamond":"⋄","Diamond":"⋄","diamondsuit":"♦","diams":"♦","die":"¨","DifferentialD":"ⅆ","digamma":"ϝ","disin":"⋲","div":"÷","divide":"÷","divideontimes":"⋇","divonx":"⋇","DJcy":"Ђ","djcy":"ђ","dlcorn":"⌞","dlcrop":"⌍","dollar":"$","Dopf":"𝔻","dopf":"𝕕","Dot":"¨","dot":"˙","DotDot":"⃜","doteq":"≐","doteqdot":"≑","DotEqual":"≐","dotminus":"∸","dotplus":"∔","dotsquare":"⊡","doublebarwedge":"⌆","DoubleContourIntegral":"∯","DoubleDot":"¨","DoubleDownArrow":"⇓","DoubleLeftArrow":"⇐","DoubleLeftRightArrow":"⇔","DoubleLeftTee":"⫤","DoubleLongLeftArrow":"⟸","DoubleLongLeftRightArrow":"⟺","DoubleLongRightArrow":"⟹","DoubleRightArrow":"⇒","DoubleRightTee":"⊨","DoubleUpArrow":"⇑","DoubleUpDownArrow":"⇕","DoubleVerticalBar":"∥","DownArrowBar":"⤓","downarrow":"↓","DownArrow":"↓","Downarrow":"⇓","DownArrowUpArrow":"⇵","DownBreve":"̑","downdownarrows":"⇊","downharpoonleft":"⇃","downharpoonright":"⇂","DownLeftRightVector":"⥐","DownLeftTeeVector":"⥞","DownLeftVectorBar":"⥖","DownLeftVector":"↽","DownRightTeeVector":"⥟","DownRightVectorBar":"⥗","DownRightVector":"⇁","DownTeeArrow":"↧","DownTee":"⊤","drbkarow":"⤐","drcorn":"⌟","drcrop":"⌌","Dscr":"𝒟","dscr":"𝒹","DScy":"Ѕ","dscy":"ѕ","dsol":"⧶","Dstrok":"Đ","dstrok":"đ","dtdot":"⋱","dtri":"▿","dtrif":"▾","duarr":"⇵","duhar":"⥯","dwangle":"⦦","DZcy":"Џ","dzcy":"џ","dzigrarr":"⟿","Eacute":"É","eacute":"é","easter":"⩮","Ecaron":"Ě","ecaron":"ě","Ecirc":"Ê","ecirc":"ê","ecir":"≖","ecolon":"≕","Ecy":"Э","ecy":"э","eDDot":"⩷","Edot":"Ė","edot":"ė","eDot":"≑","ee":"ⅇ","efDot":"≒","Efr":"𝔈","efr":"𝔢","eg":"⪚","Egrave":"È","egrave":"è","egs":"⪖","egsdot":"⪘","el":"⪙","Element":"∈","elinters":"⏧","ell":"ℓ","els":"⪕","elsdot":"⪗","Emacr":"Ē","emacr":"ē","empty":"∅","emptyset":"∅","EmptySmallSquare":"◻","emptyv":"∅","EmptyVerySmallSquare":"▫","emsp13":" ","emsp14":" ","emsp":" ","ENG":"Ŋ","eng":"ŋ","ensp":" ","Eogon":"Ę","eogon":"ę","Eopf":"𝔼","eopf":"𝕖","epar":"⋕","eparsl":"⧣","eplus":"⩱","epsi":"ε","Epsilon":"Ε","epsilon":"ε","epsiv":"ϵ","eqcirc":"≖","eqcolon":"≕","eqsim":"≂","eqslantgtr":"⪖","eqslantless":"⪕","Equal":"⩵","equals":"=","EqualTilde":"≂","equest":"≟","Equilibrium":"⇌","equiv":"≡","equivDD":"⩸","eqvparsl":"⧥","erarr":"⥱","erDot":"≓","escr":"ℯ","Escr":"ℰ","esdot":"≐","Esim":"⩳","esim":"≂","Eta":"Η","eta":"η","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","euro":"€","excl":"!","exist":"∃","Exists":"∃","expectation":"ℰ","exponentiale":"ⅇ","ExponentialE":"ⅇ","fallingdotseq":"≒","Fcy":"Ф","fcy":"ф","female":"♀","ffilig":"ffi","fflig":"ff","ffllig":"ffl","Ffr":"𝔉","ffr":"𝔣","filig":"fi","FilledSmallSquare":"◼","FilledVerySmallSquare":"▪","fjlig":"fj","flat":"♭","fllig":"fl","fltns":"▱","fnof":"ƒ","Fopf":"𝔽","fopf":"𝕗","forall":"∀","ForAll":"∀","fork":"⋔","forkv":"⫙","Fouriertrf":"ℱ","fpartint":"⨍","frac12":"½","frac13":"⅓","frac14":"¼","frac15":"⅕","frac16":"⅙","frac18":"⅛","frac23":"⅔","frac25":"⅖","frac34":"¾","frac35":"⅗","frac38":"⅜","frac45":"⅘","frac56":"⅚","frac58":"⅝","frac78":"⅞","frasl":"⁄","frown":"⌢","fscr":"𝒻","Fscr":"ℱ","gacute":"ǵ","Gamma":"Γ","gamma":"γ","Gammad":"Ϝ","gammad":"ϝ","gap":"⪆","Gbreve":"Ğ","gbreve":"ğ","Gcedil":"Ģ","Gcirc":"Ĝ","gcirc":"ĝ","Gcy":"Г","gcy":"г","Gdot":"Ġ","gdot":"ġ","ge":"≥","gE":"≧","gEl":"⪌","gel":"⋛","geq":"≥","geqq":"≧","geqslant":"⩾","gescc":"⪩","ges":"⩾","gesdot":"⪀","gesdoto":"⪂","gesdotol":"⪄","gesl":"⋛︀","gesles":"⪔","Gfr":"𝔊","gfr":"𝔤","gg":"≫","Gg":"⋙","ggg":"⋙","gimel":"ℷ","GJcy":"Ѓ","gjcy":"ѓ","gla":"⪥","gl":"≷","glE":"⪒","glj":"⪤","gnap":"⪊","gnapprox":"⪊","gne":"⪈","gnE":"≩","gneq":"⪈","gneqq":"≩","gnsim":"⋧","Gopf":"𝔾","gopf":"𝕘","grave":"`","GreaterEqual":"≥","GreaterEqualLess":"⋛","GreaterFullEqual":"≧","GreaterGreater":"⪢","GreaterLess":"≷","GreaterSlantEqual":"⩾","GreaterTilde":"≳","Gscr":"𝒢","gscr":"ℊ","gsim":"≳","gsime":"⪎","gsiml":"⪐","gtcc":"⪧","gtcir":"⩺","gt":">","GT":">","Gt":"≫","gtdot":"⋗","gtlPar":"⦕","gtquest":"⩼","gtrapprox":"⪆","gtrarr":"⥸","gtrdot":"⋗","gtreqless":"⋛","gtreqqless":"⪌","gtrless":"≷","gtrsim":"≳","gvertneqq":"≩︀","gvnE":"≩︀","Hacek":"ˇ","hairsp":" ","half":"½","hamilt":"ℋ","HARDcy":"Ъ","hardcy":"ъ","harrcir":"⥈","harr":"↔","hArr":"⇔","harrw":"↭","Hat":"^","hbar":"ℏ","Hcirc":"Ĥ","hcirc":"ĥ","hearts":"♥","heartsuit":"♥","hellip":"…","hercon":"⊹","hfr":"𝔥","Hfr":"ℌ","HilbertSpace":"ℋ","hksearow":"⤥","hkswarow":"⤦","hoarr":"⇿","homtht":"∻","hookleftarrow":"↩","hookrightarrow":"↪","hopf":"𝕙","Hopf":"ℍ","horbar":"―","HorizontalLine":"─","hscr":"𝒽","Hscr":"ℋ","hslash":"ℏ","Hstrok":"Ħ","hstrok":"ħ","HumpDownHump":"≎","HumpEqual":"≏","hybull":"⁃","hyphen":"‐","Iacute":"Í","iacute":"í","ic":"⁣","Icirc":"Î","icirc":"î","Icy":"И","icy":"и","Idot":"İ","IEcy":"Е","iecy":"е","iexcl":"¡","iff":"⇔","ifr":"𝔦","Ifr":"ℑ","Igrave":"Ì","igrave":"ì","ii":"ⅈ","iiiint":"⨌","iiint":"∭","iinfin":"⧜","iiota":"℩","IJlig":"IJ","ijlig":"ij","Imacr":"Ī","imacr":"ī","image":"ℑ","ImaginaryI":"ⅈ","imagline":"ℐ","imagpart":"ℑ","imath":"ı","Im":"ℑ","imof":"⊷","imped":"Ƶ","Implies":"⇒","incare":"℅","in":"∈","infin":"∞","infintie":"⧝","inodot":"ı","intcal":"⊺","int":"∫","Int":"∬","integers":"ℤ","Integral":"∫","intercal":"⊺","Intersection":"⋂","intlarhk":"⨗","intprod":"⨼","InvisibleComma":"⁣","InvisibleTimes":"⁢","IOcy":"Ё","iocy":"ё","Iogon":"Į","iogon":"į","Iopf":"𝕀","iopf":"𝕚","Iota":"Ι","iota":"ι","iprod":"⨼","iquest":"¿","iscr":"𝒾","Iscr":"ℐ","isin":"∈","isindot":"⋵","isinE":"⋹","isins":"⋴","isinsv":"⋳","isinv":"∈","it":"⁢","Itilde":"Ĩ","itilde":"ĩ","Iukcy":"І","iukcy":"і","Iuml":"Ï","iuml":"ï","Jcirc":"Ĵ","jcirc":"ĵ","Jcy":"Й","jcy":"й","Jfr":"𝔍","jfr":"𝔧","jmath":"ȷ","Jopf":"𝕁","jopf":"𝕛","Jscr":"𝒥","jscr":"𝒿","Jsercy":"Ј","jsercy":"ј","Jukcy":"Є","jukcy":"є","Kappa":"Κ","kappa":"κ","kappav":"ϰ","Kcedil":"Ķ","kcedil":"ķ","Kcy":"К","kcy":"к","Kfr":"𝔎","kfr":"𝔨","kgreen":"ĸ","KHcy":"Х","khcy":"х","KJcy":"Ќ","kjcy":"ќ","Kopf":"𝕂","kopf":"𝕜","Kscr":"𝒦","kscr":"𝓀","lAarr":"⇚","Lacute":"Ĺ","lacute":"ĺ","laemptyv":"⦴","lagran":"ℒ","Lambda":"Λ","lambda":"λ","lang":"⟨","Lang":"⟪","langd":"⦑","langle":"⟨","lap":"⪅","Laplacetrf":"ℒ","laquo":"«","larrb":"⇤","larrbfs":"⤟","larr":"←","Larr":"↞","lArr":"⇐","larrfs":"⤝","larrhk":"↩","larrlp":"↫","larrpl":"⤹","larrsim":"⥳","larrtl":"↢","latail":"⤙","lAtail":"⤛","lat":"⪫","late":"⪭","lates":"⪭︀","lbarr":"⤌","lBarr":"⤎","lbbrk":"❲","lbrace":"{","lbrack":"[","lbrke":"⦋","lbrksld":"⦏","lbrkslu":"⦍","Lcaron":"Ľ","lcaron":"ľ","Lcedil":"Ļ","lcedil":"ļ","lceil":"⌈","lcub":"{","Lcy":"Л","lcy":"л","ldca":"⤶","ldquo":"“","ldquor":"„","ldrdhar":"⥧","ldrushar":"⥋","ldsh":"↲","le":"≤","lE":"≦","LeftAngleBracket":"⟨","LeftArrowBar":"⇤","leftarrow":"←","LeftArrow":"←","Leftarrow":"⇐","LeftArrowRightArrow":"⇆","leftarrowtail":"↢","LeftCeiling":"⌈","LeftDoubleBracket":"⟦","LeftDownTeeVector":"⥡","LeftDownVectorBar":"⥙","LeftDownVector":"⇃","LeftFloor":"⌊","leftharpoondown":"↽","leftharpoonup":"↼","leftleftarrows":"⇇","leftrightarrow":"↔","LeftRightArrow":"↔","Leftrightarrow":"⇔","leftrightarrows":"⇆","leftrightharpoons":"⇋","leftrightsquigarrow":"↭","LeftRightVector":"⥎","LeftTeeArrow":"↤","LeftTee":"⊣","LeftTeeVector":"⥚","leftthreetimes":"⋋","LeftTriangleBar":"⧏","LeftTriangle":"⊲","LeftTriangleEqual":"⊴","LeftUpDownVector":"⥑","LeftUpTeeVector":"⥠","LeftUpVectorBar":"⥘","LeftUpVector":"↿","LeftVectorBar":"⥒","LeftVector":"↼","lEg":"⪋","leg":"⋚","leq":"≤","leqq":"≦","leqslant":"⩽","lescc":"⪨","les":"⩽","lesdot":"⩿","lesdoto":"⪁","lesdotor":"⪃","lesg":"⋚︀","lesges":"⪓","lessapprox":"⪅","lessdot":"⋖","lesseqgtr":"⋚","lesseqqgtr":"⪋","LessEqualGreater":"⋚","LessFullEqual":"≦","LessGreater":"≶","lessgtr":"≶","LessLess":"⪡","lesssim":"≲","LessSlantEqual":"⩽","LessTilde":"≲","lfisht":"⥼","lfloor":"⌊","Lfr":"𝔏","lfr":"𝔩","lg":"≶","lgE":"⪑","lHar":"⥢","lhard":"↽","lharu":"↼","lharul":"⥪","lhblk":"▄","LJcy":"Љ","ljcy":"љ","llarr":"⇇","ll":"≪","Ll":"⋘","llcorner":"⌞","Lleftarrow":"⇚","llhard":"⥫","lltri":"◺","Lmidot":"Ŀ","lmidot":"ŀ","lmoustache":"⎰","lmoust":"⎰","lnap":"⪉","lnapprox":"⪉","lne":"⪇","lnE":"≨","lneq":"⪇","lneqq":"≨","lnsim":"⋦","loang":"⟬","loarr":"⇽","lobrk":"⟦","longleftarrow":"⟵","LongLeftArrow":"⟵","Longleftarrow":"⟸","longleftrightarrow":"⟷","LongLeftRightArrow":"⟷","Longleftrightarrow":"⟺","longmapsto":"⟼","longrightarrow":"⟶","LongRightArrow":"⟶","Longrightarrow":"⟹","looparrowleft":"↫","looparrowright":"↬","lopar":"⦅","Lopf":"𝕃","lopf":"𝕝","loplus":"⨭","lotimes":"⨴","lowast":"∗","lowbar":"_","LowerLeftArrow":"↙","LowerRightArrow":"↘","loz":"◊","lozenge":"◊","lozf":"⧫","lpar":"(","lparlt":"⦓","lrarr":"⇆","lrcorner":"⌟","lrhar":"⇋","lrhard":"⥭","lrm":"‎","lrtri":"⊿","lsaquo":"‹","lscr":"𝓁","Lscr":"ℒ","lsh":"↰","Lsh":"↰","lsim":"≲","lsime":"⪍","lsimg":"⪏","lsqb":"[","lsquo":"‘","lsquor":"‚","Lstrok":"Ł","lstrok":"ł","ltcc":"⪦","ltcir":"⩹","lt":"<","LT":"<","Lt":"≪","ltdot":"⋖","lthree":"⋋","ltimes":"⋉","ltlarr":"⥶","ltquest":"⩻","ltri":"◃","ltrie":"⊴","ltrif":"◂","ltrPar":"⦖","lurdshar":"⥊","luruhar":"⥦","lvertneqq":"≨︀","lvnE":"≨︀","macr":"¯","male":"♂","malt":"✠","maltese":"✠","Map":"⤅","map":"↦","mapsto":"↦","mapstodown":"↧","mapstoleft":"↤","mapstoup":"↥","marker":"▮","mcomma":"⨩","Mcy":"М","mcy":"м","mdash":"—","mDDot":"∺","measuredangle":"∡","MediumSpace":" ","Mellintrf":"ℳ","Mfr":"𝔐","mfr":"𝔪","mho":"℧","micro":"µ","midast":"*","midcir":"⫰","mid":"∣","middot":"·","minusb":"⊟","minus":"−","minusd":"∸","minusdu":"⨪","MinusPlus":"∓","mlcp":"⫛","mldr":"…","mnplus":"∓","models":"⊧","Mopf":"𝕄","mopf":"𝕞","mp":"∓","mscr":"𝓂","Mscr":"ℳ","mstpos":"∾","Mu":"Μ","mu":"μ","multimap":"⊸","mumap":"⊸","nabla":"∇","Nacute":"Ń","nacute":"ń","nang":"∠⃒","nap":"≉","napE":"⩰̸","napid":"≋̸","napos":"ʼn","napprox":"≉","natural":"♮","naturals":"ℕ","natur":"♮","nbsp":" ","nbump":"≎̸","nbumpe":"≏̸","ncap":"⩃","Ncaron":"Ň","ncaron":"ň","Ncedil":"Ņ","ncedil":"ņ","ncong":"≇","ncongdot":"⩭̸","ncup":"⩂","Ncy":"Н","ncy":"н","ndash":"–","nearhk":"⤤","nearr":"↗","neArr":"⇗","nearrow":"↗","ne":"≠","nedot":"≐̸","NegativeMediumSpace":"​","NegativeThickSpace":"​","NegativeThinSpace":"​","NegativeVeryThinSpace":"​","nequiv":"≢","nesear":"⤨","nesim":"≂̸","NestedGreaterGreater":"≫","NestedLessLess":"≪","NewLine":"\\n","nexist":"∄","nexists":"∄","Nfr":"𝔑","nfr":"𝔫","ngE":"≧̸","nge":"≱","ngeq":"≱","ngeqq":"≧̸","ngeqslant":"⩾̸","nges":"⩾̸","nGg":"⋙̸","ngsim":"≵","nGt":"≫⃒","ngt":"≯","ngtr":"≯","nGtv":"≫̸","nharr":"↮","nhArr":"⇎","nhpar":"⫲","ni":"∋","nis":"⋼","nisd":"⋺","niv":"∋","NJcy":"Њ","njcy":"њ","nlarr":"↚","nlArr":"⇍","nldr":"‥","nlE":"≦̸","nle":"≰","nleftarrow":"↚","nLeftarrow":"⇍","nleftrightarrow":"↮","nLeftrightarrow":"⇎","nleq":"≰","nleqq":"≦̸","nleqslant":"⩽̸","nles":"⩽̸","nless":"≮","nLl":"⋘̸","nlsim":"≴","nLt":"≪⃒","nlt":"≮","nltri":"⋪","nltrie":"⋬","nLtv":"≪̸","nmid":"∤","NoBreak":"⁠","NonBreakingSpace":" ","nopf":"𝕟","Nopf":"ℕ","Not":"⫬","not":"¬","NotCongruent":"≢","NotCupCap":"≭","NotDoubleVerticalBar":"∦","NotElement":"∉","NotEqual":"≠","NotEqualTilde":"≂̸","NotExists":"∄","NotGreater":"≯","NotGreaterEqual":"≱","NotGreaterFullEqual":"≧̸","NotGreaterGreater":"≫̸","NotGreaterLess":"≹","NotGreaterSlantEqual":"⩾̸","NotGreaterTilde":"≵","NotHumpDownHump":"≎̸","NotHumpEqual":"≏̸","notin":"∉","notindot":"⋵̸","notinE":"⋹̸","notinva":"∉","notinvb":"⋷","notinvc":"⋶","NotLeftTriangleBar":"⧏̸","NotLeftTriangle":"⋪","NotLeftTriangleEqual":"⋬","NotLess":"≮","NotLessEqual":"≰","NotLessGreater":"≸","NotLessLess":"≪̸","NotLessSlantEqual":"⩽̸","NotLessTilde":"≴","NotNestedGreaterGreater":"⪢̸","NotNestedLessLess":"⪡̸","notni":"∌","notniva":"∌","notnivb":"⋾","notnivc":"⋽","NotPrecedes":"⊀","NotPrecedesEqual":"⪯̸","NotPrecedesSlantEqual":"⋠","NotReverseElement":"∌","NotRightTriangleBar":"⧐̸","NotRightTriangle":"⋫","NotRightTriangleEqual":"⋭","NotSquareSubset":"⊏̸","NotSquareSubsetEqual":"⋢","NotSquareSuperset":"⊐̸","NotSquareSupersetEqual":"⋣","NotSubset":"⊂⃒","NotSubsetEqual":"⊈","NotSucceeds":"⊁","NotSucceedsEqual":"⪰̸","NotSucceedsSlantEqual":"⋡","NotSucceedsTilde":"≿̸","NotSuperset":"⊃⃒","NotSupersetEqual":"⊉","NotTilde":"≁","NotTildeEqual":"≄","NotTildeFullEqual":"≇","NotTildeTilde":"≉","NotVerticalBar":"∤","nparallel":"∦","npar":"∦","nparsl":"⫽⃥","npart":"∂̸","npolint":"⨔","npr":"⊀","nprcue":"⋠","nprec":"⊀","npreceq":"⪯̸","npre":"⪯̸","nrarrc":"⤳̸","nrarr":"↛","nrArr":"⇏","nrarrw":"↝̸","nrightarrow":"↛","nRightarrow":"⇏","nrtri":"⋫","nrtrie":"⋭","nsc":"⊁","nsccue":"⋡","nsce":"⪰̸","Nscr":"𝒩","nscr":"𝓃","nshortmid":"∤","nshortparallel":"∦","nsim":"≁","nsime":"≄","nsimeq":"≄","nsmid":"∤","nspar":"∦","nsqsube":"⋢","nsqsupe":"⋣","nsub":"⊄","nsubE":"⫅̸","nsube":"⊈","nsubset":"⊂⃒","nsubseteq":"⊈","nsubseteqq":"⫅̸","nsucc":"⊁","nsucceq":"⪰̸","nsup":"⊅","nsupE":"⫆̸","nsupe":"⊉","nsupset":"⊃⃒","nsupseteq":"⊉","nsupseteqq":"⫆̸","ntgl":"≹","Ntilde":"Ñ","ntilde":"ñ","ntlg":"≸","ntriangleleft":"⋪","ntrianglelefteq":"⋬","ntriangleright":"⋫","ntrianglerighteq":"⋭","Nu":"Ν","nu":"ν","num":"#","numero":"№","numsp":" ","nvap":"≍⃒","nvdash":"⊬","nvDash":"⊭","nVdash":"⊮","nVDash":"⊯","nvge":"≥⃒","nvgt":">⃒","nvHarr":"⤄","nvinfin":"⧞","nvlArr":"⤂","nvle":"≤⃒","nvlt":"<⃒","nvltrie":"⊴⃒","nvrArr":"⤃","nvrtrie":"⊵⃒","nvsim":"∼⃒","nwarhk":"⤣","nwarr":"↖","nwArr":"⇖","nwarrow":"↖","nwnear":"⤧","Oacute":"Ó","oacute":"ó","oast":"⊛","Ocirc":"Ô","ocirc":"ô","ocir":"⊚","Ocy":"О","ocy":"о","odash":"⊝","Odblac":"Ő","odblac":"ő","odiv":"⨸","odot":"⊙","odsold":"⦼","OElig":"Œ","oelig":"œ","ofcir":"⦿","Ofr":"𝔒","ofr":"𝔬","ogon":"˛","Ograve":"Ò","ograve":"ò","ogt":"⧁","ohbar":"⦵","ohm":"Ω","oint":"∮","olarr":"↺","olcir":"⦾","olcross":"⦻","oline":"‾","olt":"⧀","Omacr":"Ō","omacr":"ō","Omega":"Ω","omega":"ω","Omicron":"Ο","omicron":"ο","omid":"⦶","ominus":"⊖","Oopf":"𝕆","oopf":"𝕠","opar":"⦷","OpenCurlyDoubleQuote":"“","OpenCurlyQuote":"‘","operp":"⦹","oplus":"⊕","orarr":"↻","Or":"⩔","or":"∨","ord":"⩝","order":"ℴ","orderof":"ℴ","ordf":"ª","ordm":"º","origof":"⊶","oror":"⩖","orslope":"⩗","orv":"⩛","oS":"Ⓢ","Oscr":"𝒪","oscr":"ℴ","Oslash":"Ø","oslash":"ø","osol":"⊘","Otilde":"Õ","otilde":"õ","otimesas":"⨶","Otimes":"⨷","otimes":"⊗","Ouml":"Ö","ouml":"ö","ovbar":"⌽","OverBar":"‾","OverBrace":"⏞","OverBracket":"⎴","OverParenthesis":"⏜","para":"¶","parallel":"∥","par":"∥","parsim":"⫳","parsl":"⫽","part":"∂","PartialD":"∂","Pcy":"П","pcy":"п","percnt":"%","period":".","permil":"‰","perp":"⊥","pertenk":"‱","Pfr":"𝔓","pfr":"𝔭","Phi":"Φ","phi":"φ","phiv":"ϕ","phmmat":"ℳ","phone":"☎","Pi":"Π","pi":"π","pitchfork":"⋔","piv":"ϖ","planck":"ℏ","planckh":"ℎ","plankv":"ℏ","plusacir":"⨣","plusb":"⊞","pluscir":"⨢","plus":"+","plusdo":"∔","plusdu":"⨥","pluse":"⩲","PlusMinus":"±","plusmn":"±","plussim":"⨦","plustwo":"⨧","pm":"±","Poincareplane":"ℌ","pointint":"⨕","popf":"𝕡","Popf":"ℙ","pound":"£","prap":"⪷","Pr":"⪻","pr":"≺","prcue":"≼","precapprox":"⪷","prec":"≺","preccurlyeq":"≼","Precedes":"≺","PrecedesEqual":"⪯","PrecedesSlantEqual":"≼","PrecedesTilde":"≾","preceq":"⪯","precnapprox":"⪹","precneqq":"⪵","precnsim":"⋨","pre":"⪯","prE":"⪳","precsim":"≾","prime":"′","Prime":"″","primes":"ℙ","prnap":"⪹","prnE":"⪵","prnsim":"⋨","prod":"∏","Product":"∏","profalar":"⌮","profline":"⌒","profsurf":"⌓","prop":"∝","Proportional":"∝","Proportion":"∷","propto":"∝","prsim":"≾","prurel":"⊰","Pscr":"𝒫","pscr":"𝓅","Psi":"Ψ","psi":"ψ","puncsp":" ","Qfr":"𝔔","qfr":"𝔮","qint":"⨌","qopf":"𝕢","Qopf":"ℚ","qprime":"⁗","Qscr":"𝒬","qscr":"𝓆","quaternions":"ℍ","quatint":"⨖","quest":"?","questeq":"≟","quot":"\\"","QUOT":"\\"","rAarr":"⇛","race":"∽̱","Racute":"Ŕ","racute":"ŕ","radic":"√","raemptyv":"⦳","rang":"⟩","Rang":"⟫","rangd":"⦒","range":"⦥","rangle":"⟩","raquo":"»","rarrap":"⥵","rarrb":"⇥","rarrbfs":"⤠","rarrc":"⤳","rarr":"→","Rarr":"↠","rArr":"⇒","rarrfs":"⤞","rarrhk":"↪","rarrlp":"↬","rarrpl":"⥅","rarrsim":"⥴","Rarrtl":"⤖","rarrtl":"↣","rarrw":"↝","ratail":"⤚","rAtail":"⤜","ratio":"∶","rationals":"ℚ","rbarr":"⤍","rBarr":"⤏","RBarr":"⤐","rbbrk":"❳","rbrace":"}","rbrack":"]","rbrke":"⦌","rbrksld":"⦎","rbrkslu":"⦐","Rcaron":"Ř","rcaron":"ř","Rcedil":"Ŗ","rcedil":"ŗ","rceil":"⌉","rcub":"}","Rcy":"Р","rcy":"р","rdca":"⤷","rdldhar":"⥩","rdquo":"”","rdquor":"”","rdsh":"↳","real":"ℜ","realine":"ℛ","realpart":"ℜ","reals":"ℝ","Re":"ℜ","rect":"▭","reg":"®","REG":"®","ReverseElement":"∋","ReverseEquilibrium":"⇋","ReverseUpEquilibrium":"⥯","rfisht":"⥽","rfloor":"⌋","rfr":"𝔯","Rfr":"ℜ","rHar":"⥤","rhard":"⇁","rharu":"⇀","rharul":"⥬","Rho":"Ρ","rho":"ρ","rhov":"ϱ","RightAngleBracket":"⟩","RightArrowBar":"⇥","rightarrow":"→","RightArrow":"→","Rightarrow":"⇒","RightArrowLeftArrow":"⇄","rightarrowtail":"↣","RightCeiling":"⌉","RightDoubleBracket":"⟧","RightDownTeeVector":"⥝","RightDownVectorBar":"⥕","RightDownVector":"⇂","RightFloor":"⌋","rightharpoondown":"⇁","rightharpoonup":"⇀","rightleftarrows":"⇄","rightleftharpoons":"⇌","rightrightarrows":"⇉","rightsquigarrow":"↝","RightTeeArrow":"↦","RightTee":"⊢","RightTeeVector":"⥛","rightthreetimes":"⋌","RightTriangleBar":"⧐","RightTriangle":"⊳","RightTriangleEqual":"⊵","RightUpDownVector":"⥏","RightUpTeeVector":"⥜","RightUpVectorBar":"⥔","RightUpVector":"↾","RightVectorBar":"⥓","RightVector":"⇀","ring":"˚","risingdotseq":"≓","rlarr":"⇄","rlhar":"⇌","rlm":"‏","rmoustache":"⎱","rmoust":"⎱","rnmid":"⫮","roang":"⟭","roarr":"⇾","robrk":"⟧","ropar":"⦆","ropf":"𝕣","Ropf":"ℝ","roplus":"⨮","rotimes":"⨵","RoundImplies":"⥰","rpar":")","rpargt":"⦔","rppolint":"⨒","rrarr":"⇉","Rrightarrow":"⇛","rsaquo":"›","rscr":"𝓇","Rscr":"ℛ","rsh":"↱","Rsh":"↱","rsqb":"]","rsquo":"’","rsquor":"’","rthree":"⋌","rtimes":"⋊","rtri":"▹","rtrie":"⊵","rtrif":"▸","rtriltri":"⧎","RuleDelayed":"⧴","ruluhar":"⥨","rx":"℞","Sacute":"Ś","sacute":"ś","sbquo":"‚","scap":"⪸","Scaron":"Š","scaron":"š","Sc":"⪼","sc":"≻","sccue":"≽","sce":"⪰","scE":"⪴","Scedil":"Ş","scedil":"ş","Scirc":"Ŝ","scirc":"ŝ","scnap":"⪺","scnE":"⪶","scnsim":"⋩","scpolint":"⨓","scsim":"≿","Scy":"С","scy":"с","sdotb":"⊡","sdot":"⋅","sdote":"⩦","searhk":"⤥","searr":"↘","seArr":"⇘","searrow":"↘","sect":"§","semi":";","seswar":"⤩","setminus":"∖","setmn":"∖","sext":"✶","Sfr":"𝔖","sfr":"𝔰","sfrown":"⌢","sharp":"♯","SHCHcy":"Щ","shchcy":"щ","SHcy":"Ш","shcy":"ш","ShortDownArrow":"↓","ShortLeftArrow":"←","shortmid":"∣","shortparallel":"∥","ShortRightArrow":"→","ShortUpArrow":"↑","shy":"­","Sigma":"Σ","sigma":"σ","sigmaf":"ς","sigmav":"ς","sim":"∼","simdot":"⩪","sime":"≃","simeq":"≃","simg":"⪞","simgE":"⪠","siml":"⪝","simlE":"⪟","simne":"≆","simplus":"⨤","simrarr":"⥲","slarr":"←","SmallCircle":"∘","smallsetminus":"∖","smashp":"⨳","smeparsl":"⧤","smid":"∣","smile":"⌣","smt":"⪪","smte":"⪬","smtes":"⪬︀","SOFTcy":"Ь","softcy":"ь","solbar":"⌿","solb":"⧄","sol":"/","Sopf":"𝕊","sopf":"𝕤","spades":"♠","spadesuit":"♠","spar":"∥","sqcap":"⊓","sqcaps":"⊓︀","sqcup":"⊔","sqcups":"⊔︀","Sqrt":"√","sqsub":"⊏","sqsube":"⊑","sqsubset":"⊏","sqsubseteq":"⊑","sqsup":"⊐","sqsupe":"⊒","sqsupset":"⊐","sqsupseteq":"⊒","square":"□","Square":"□","SquareIntersection":"⊓","SquareSubset":"⊏","SquareSubsetEqual":"⊑","SquareSuperset":"⊐","SquareSupersetEqual":"⊒","SquareUnion":"⊔","squarf":"▪","squ":"□","squf":"▪","srarr":"→","Sscr":"𝒮","sscr":"𝓈","ssetmn":"∖","ssmile":"⌣","sstarf":"⋆","Star":"⋆","star":"☆","starf":"★","straightepsilon":"ϵ","straightphi":"ϕ","strns":"¯","sub":"⊂","Sub":"⋐","subdot":"⪽","subE":"⫅","sube":"⊆","subedot":"⫃","submult":"⫁","subnE":"⫋","subne":"⊊","subplus":"⪿","subrarr":"⥹","subset":"⊂","Subset":"⋐","subseteq":"⊆","subseteqq":"⫅","SubsetEqual":"⊆","subsetneq":"⊊","subsetneqq":"⫋","subsim":"⫇","subsub":"⫕","subsup":"⫓","succapprox":"⪸","succ":"≻","succcurlyeq":"≽","Succeeds":"≻","SucceedsEqual":"⪰","SucceedsSlantEqual":"≽","SucceedsTilde":"≿","succeq":"⪰","succnapprox":"⪺","succneqq":"⪶","succnsim":"⋩","succsim":"≿","SuchThat":"∋","sum":"∑","Sum":"∑","sung":"♪","sup1":"¹","sup2":"²","sup3":"³","sup":"⊃","Sup":"⋑","supdot":"⪾","supdsub":"⫘","supE":"⫆","supe":"⊇","supedot":"⫄","Superset":"⊃","SupersetEqual":"⊇","suphsol":"⟉","suphsub":"⫗","suplarr":"⥻","supmult":"⫂","supnE":"⫌","supne":"⊋","supplus":"⫀","supset":"⊃","Supset":"⋑","supseteq":"⊇","supseteqq":"⫆","supsetneq":"⊋","supsetneqq":"⫌","supsim":"⫈","supsub":"⫔","supsup":"⫖","swarhk":"⤦","swarr":"↙","swArr":"⇙","swarrow":"↙","swnwar":"⤪","szlig":"ß","Tab":"\\t","target":"⌖","Tau":"Τ","tau":"τ","tbrk":"⎴","Tcaron":"Ť","tcaron":"ť","Tcedil":"Ţ","tcedil":"ţ","Tcy":"Т","tcy":"т","tdot":"⃛","telrec":"⌕","Tfr":"𝔗","tfr":"𝔱","there4":"∴","therefore":"∴","Therefore":"∴","Theta":"Θ","theta":"θ","thetasym":"ϑ","thetav":"ϑ","thickapprox":"≈","thicksim":"∼","ThickSpace":"  ","ThinSpace":" ","thinsp":" ","thkap":"≈","thksim":"∼","THORN":"Þ","thorn":"þ","tilde":"˜","Tilde":"∼","TildeEqual":"≃","TildeFullEqual":"≅","TildeTilde":"≈","timesbar":"⨱","timesb":"⊠","times":"×","timesd":"⨰","tint":"∭","toea":"⤨","topbot":"⌶","topcir":"⫱","top":"⊤","Topf":"𝕋","topf":"𝕥","topfork":"⫚","tosa":"⤩","tprime":"‴","trade":"™","TRADE":"™","triangle":"▵","triangledown":"▿","triangleleft":"◃","trianglelefteq":"⊴","triangleq":"≜","triangleright":"▹","trianglerighteq":"⊵","tridot":"◬","trie":"≜","triminus":"⨺","TripleDot":"⃛","triplus":"⨹","trisb":"⧍","tritime":"⨻","trpezium":"⏢","Tscr":"𝒯","tscr":"𝓉","TScy":"Ц","tscy":"ц","TSHcy":"Ћ","tshcy":"ћ","Tstrok":"Ŧ","tstrok":"ŧ","twixt":"≬","twoheadleftarrow":"↞","twoheadrightarrow":"↠","Uacute":"Ú","uacute":"ú","uarr":"↑","Uarr":"↟","uArr":"⇑","Uarrocir":"⥉","Ubrcy":"Ў","ubrcy":"ў","Ubreve":"Ŭ","ubreve":"ŭ","Ucirc":"Û","ucirc":"û","Ucy":"У","ucy":"у","udarr":"⇅","Udblac":"Ű","udblac":"ű","udhar":"⥮","ufisht":"⥾","Ufr":"𝔘","ufr":"𝔲","Ugrave":"Ù","ugrave":"ù","uHar":"⥣","uharl":"↿","uharr":"↾","uhblk":"▀","ulcorn":"⌜","ulcorner":"⌜","ulcrop":"⌏","ultri":"◸","Umacr":"Ū","umacr":"ū","uml":"¨","UnderBar":"_","UnderBrace":"⏟","UnderBracket":"⎵","UnderParenthesis":"⏝","Union":"⋃","UnionPlus":"⊎","Uogon":"Ų","uogon":"ų","Uopf":"𝕌","uopf":"𝕦","UpArrowBar":"⤒","uparrow":"↑","UpArrow":"↑","Uparrow":"⇑","UpArrowDownArrow":"⇅","updownarrow":"↕","UpDownArrow":"↕","Updownarrow":"⇕","UpEquilibrium":"⥮","upharpoonleft":"↿","upharpoonright":"↾","uplus":"⊎","UpperLeftArrow":"↖","UpperRightArrow":"↗","upsi":"υ","Upsi":"ϒ","upsih":"ϒ","Upsilon":"Υ","upsilon":"υ","UpTeeArrow":"↥","UpTee":"⊥","upuparrows":"⇈","urcorn":"⌝","urcorner":"⌝","urcrop":"⌎","Uring":"Ů","uring":"ů","urtri":"◹","Uscr":"𝒰","uscr":"𝓊","utdot":"⋰","Utilde":"Ũ","utilde":"ũ","utri":"▵","utrif":"▴","uuarr":"⇈","Uuml":"Ü","uuml":"ü","uwangle":"⦧","vangrt":"⦜","varepsilon":"ϵ","varkappa":"ϰ","varnothing":"∅","varphi":"ϕ","varpi":"ϖ","varpropto":"∝","varr":"↕","vArr":"⇕","varrho":"ϱ","varsigma":"ς","varsubsetneq":"⊊︀","varsubsetneqq":"⫋︀","varsupsetneq":"⊋︀","varsupsetneqq":"⫌︀","vartheta":"ϑ","vartriangleleft":"⊲","vartriangleright":"⊳","vBar":"⫨","Vbar":"⫫","vBarv":"⫩","Vcy":"В","vcy":"в","vdash":"⊢","vDash":"⊨","Vdash":"⊩","VDash":"⊫","Vdashl":"⫦","veebar":"⊻","vee":"∨","Vee":"⋁","veeeq":"≚","vellip":"⋮","verbar":"|","Verbar":"‖","vert":"|","Vert":"‖","VerticalBar":"∣","VerticalLine":"|","VerticalSeparator":"❘","VerticalTilde":"≀","VeryThinSpace":" ","Vfr":"𝔙","vfr":"𝔳","vltri":"⊲","vnsub":"⊂⃒","vnsup":"⊃⃒","Vopf":"𝕍","vopf":"𝕧","vprop":"∝","vrtri":"⊳","Vscr":"𝒱","vscr":"𝓋","vsubnE":"⫋︀","vsubne":"⊊︀","vsupnE":"⫌︀","vsupne":"⊋︀","Vvdash":"⊪","vzigzag":"⦚","Wcirc":"Ŵ","wcirc":"ŵ","wedbar":"⩟","wedge":"∧","Wedge":"⋀","wedgeq":"≙","weierp":"℘","Wfr":"𝔚","wfr":"𝔴","Wopf":"𝕎","wopf":"𝕨","wp":"℘","wr":"≀","wreath":"≀","Wscr":"𝒲","wscr":"𝓌","xcap":"⋂","xcirc":"◯","xcup":"⋃","xdtri":"▽","Xfr":"𝔛","xfr":"𝔵","xharr":"⟷","xhArr":"⟺","Xi":"Ξ","xi":"ξ","xlarr":"⟵","xlArr":"⟸","xmap":"⟼","xnis":"⋻","xodot":"⨀","Xopf":"𝕏","xopf":"𝕩","xoplus":"⨁","xotime":"⨂","xrarr":"⟶","xrArr":"⟹","Xscr":"𝒳","xscr":"𝓍","xsqcup":"⨆","xuplus":"⨄","xutri":"△","xvee":"⋁","xwedge":"⋀","Yacute":"Ý","yacute":"ý","YAcy":"Я","yacy":"я","Ycirc":"Ŷ","ycirc":"ŷ","Ycy":"Ы","ycy":"ы","yen":"¥","Yfr":"𝔜","yfr":"𝔶","YIcy":"Ї","yicy":"ї","Yopf":"𝕐","yopf":"𝕪","Yscr":"𝒴","yscr":"𝓎","YUcy":"Ю","yucy":"ю","yuml":"ÿ","Yuml":"Ÿ","Zacute":"Ź","zacute":"ź","Zcaron":"Ž","zcaron":"ž","Zcy":"З","zcy":"з","Zdot":"Ż","zdot":"ż","zeetrf":"ℨ","ZeroWidthSpace":"​","Zeta":"Ζ","zeta":"ζ","zfr":"𝔷","Zfr":"ℨ","ZHcy":"Ж","zhcy":"ж","zigrarr":"⇝","zopf":"𝕫","Zopf":"ℤ","Zscr":"𝒵","zscr":"𝓏","zwj":"‍","zwnj":"‌"}')},"./node_modules/ansi-to-html/node_modules/entities/lib/maps/legacy.json":function(module){module.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Acirc":"Â","acirc":"â","acute":"´","AElig":"Æ","aelig":"æ","Agrave":"À","agrave":"à","amp":"&","AMP":"&","Aring":"Å","aring":"å","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","brvbar":"¦","Ccedil":"Ç","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","COPY":"©","curren":"¤","deg":"°","divide":"÷","Eacute":"É","eacute":"é","Ecirc":"Ê","ecirc":"ê","Egrave":"È","egrave":"è","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","GT":">","Iacute":"Í","iacute":"í","Icirc":"Î","icirc":"î","iexcl":"¡","Igrave":"Ì","igrave":"ì","iquest":"¿","Iuml":"Ï","iuml":"ï","laquo":"«","lt":"<","LT":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","Ntilde":"Ñ","ntilde":"ñ","Oacute":"Ó","oacute":"ó","Ocirc":"Ô","ocirc":"ô","Ograve":"Ò","ograve":"ò","ordf":"ª","ordm":"º","Oslash":"Ø","oslash":"ø","Otilde":"Õ","otilde":"õ","Ouml":"Ö","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","QUOT":"\\"","raquo":"»","reg":"®","REG":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","THORN":"Þ","thorn":"þ","times":"×","Uacute":"Ú","uacute":"ú","Ucirc":"Û","ucirc":"û","Ugrave":"Ù","ugrave":"ù","uml":"¨","Uuml":"Ü","uuml":"ü","Yacute":"Ý","yacute":"ý","yen":"¥","yuml":"ÿ"}')},"./node_modules/ansi-to-html/node_modules/entities/lib/maps/xml.json":function(module){module.exports=JSON.parse('{"amp":"&","apos":"\'","gt":">","lt":"<","quot":"\\""}')},"./node_modules/aria-hidden/dist/es2015/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return hideOthers}));var getDefaultParent=function(originalTarget){return"undefined"==typeof document?null:(Array.isArray(originalTarget)?originalTarget[0]:originalTarget).ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,applyAttributeToOthers=function(originalTarget,parentNode,markerName,controlAttribute){var targets=Array.isArray(originalTarget)?originalTarget:[originalTarget];markerMap[markerName]||(markerMap[markerName]=new WeakMap);var markerCounter=markerMap[markerName],hiddenNodes=[],elementsToKeep=new Set,elementsToStop=new Set(targets),keep=function(el){el&&!elementsToKeep.has(el)&&(elementsToKeep.add(el),keep(el.parentNode))};targets.forEach(keep);var deep=function(parent){parent&&!elementsToStop.has(parent)&&Array.prototype.forEach.call(parent.children,(function(node){if(elementsToKeep.has(node))deep(node);else{var attr=node.getAttribute(controlAttribute),alreadyHidden=null!==attr&&"false"!==attr,counterValue=(counterMap.get(node)||0)+1,markerValue=(markerCounter.get(node)||0)+1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),hiddenNodes.push(node),1===counterValue&&alreadyHidden&&uncontrolledNodes.set(node,!0),1===markerValue&&node.setAttribute(markerName,"true"),alreadyHidden||node.setAttribute(controlAttribute,"true")}}))};return deep(parentNode),elementsToKeep.clear(),lockCount++,function(){hiddenNodes.forEach((function(node){var counterValue=counterMap.get(node)-1,markerValue=markerCounter.get(node)-1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),counterValue||(uncontrolledNodes.has(node)||node.removeAttribute(controlAttribute),uncontrolledNodes.delete(node)),markerValue||node.removeAttribute(markerName)})),--lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={})}},hideOthers=function(originalTarget,parentNode,markerName){void 0===markerName&&(markerName="data-aria-hidden");var targets=Array.from(Array.isArray(originalTarget)?originalTarget:[originalTarget]),activeParentNode=parentNode||getDefaultParent(originalTarget);return activeParentNode?(targets.push.apply(targets,Array.from(activeParentNode.querySelectorAll("[aria-live]"))),applyAttributeToOthers(targets,activeParentNode,markerName,"aria-hidden")):function(){return null}}},"./node_modules/ariakit-utils/esm/array.js":function(module,__webpack_exports__,__webpack_require__){"use strict";function toArray(arg){return Array.isArray(arg)?arg:void 0!==arg?[arg]:[]}function addItemToArray(array,item,index){return void 0===index&&(index=-1),index in array?[...array.slice(0,index),item,...array.slice(index)]:[...array,item]}function flatten2DArray(array){const flattened=[];for(const row of array)flattened.push(...row);return flattened}function reverseArray(array){return array.slice().reverse()}__webpack_require__.d(__webpack_exports__,"a",(function(){return addItemToArray})),__webpack_require__.d(__webpack_exports__,"b",(function(){return flatten2DArray})),__webpack_require__.d(__webpack_exports__,"c",(function(){return reverseArray})),__webpack_require__.d(__webpack_exports__,"d",(function(){return toArray}))},"./node_modules/ariakit-utils/esm/dom.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return canUseDOM})),__webpack_require__.d(__webpack_exports__,"b",(function(){return closest})),__webpack_require__.d(__webpack_exports__,"c",(function(){return contains})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getActiveElement})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getDocument})),__webpack_require__.d(__webpack_exports__,"f",(function(){return getPopupRole})),__webpack_require__.d(__webpack_exports__,"g",(function(){return getScrollingElement})),__webpack_require__.d(__webpack_exports__,"h",(function(){return isButton})),__webpack_require__.d(__webpack_exports__,"i",(function(){return isFrame})),__webpack_require__.d(__webpack_exports__,"j",(function(){return isTextField})),__webpack_require__.d(__webpack_exports__,"k",(function(){return isVisible})),__webpack_require__.d(__webpack_exports__,"l",(function(){return matches}));const canUseDOM=function checkIsBrowser(){var _window$document;return"undefined"!=typeof window&&!(null==(_window$document=window.document)||!_window$document.createElement)}();function getDocument(node){return node?node.ownerDocument||node:document}function getActiveElement(node,activeDescendant){void 0===activeDescendant&&(activeDescendant=!1);const{activeElement:activeElement}=getDocument(node);if(null==activeElement||!activeElement.nodeName)return null;if(isFrame(activeElement)&&activeElement.contentDocument)return getActiveElement(activeElement.contentDocument.body,activeDescendant);if(activeDescendant){const id=activeElement.getAttribute("aria-activedescendant");if(id){const element=getDocument(activeElement).getElementById(id);if(element)return element}}return activeElement}function contains(parent,child){return parent===child||parent.contains(child)}function isFrame(element){return"IFRAME"===element.tagName}function isButton(element){const tagName=element.tagName.toLowerCase();return"button"===tagName||!("input"!==tagName||!element.type)&&-1!==buttonInputTypes.indexOf(element.type)}const buttonInputTypes=["button","color","file","image","reset","submit"];function matches(element,selectors){return"matches"in element?element.matches(selectors):"msMatchesSelector"in element?element.msMatchesSelector(selectors):element.webkitMatchesSelector(selectors)}function isVisible(element){const htmlElement=element;return htmlElement.offsetWidth>0||htmlElement.offsetHeight>0||element.getClientRects().length>0}function closest(element,selectors){if("closest"in element)return element.closest(selectors);do{if(matches(element,selectors))return element;element=element.parentElement||element.parentNode}while(null!==element&&1===element.nodeType);return null}function isTextField(element){try{const isTextInput=element instanceof HTMLInputElement&&null!==element.selectionStart,isTextArea="TEXTAREA"===element.tagName;return isTextInput||isTextArea||!1}catch(error){return!1}}function getPopupRole(element,fallback){const role=null==element?void 0:element.getAttribute("role");return role&&-1!==allowedPopupRoles.indexOf(role)?role:fallback}const allowedPopupRoles=["dialog","menu","listbox","tree","grid"];function getScrollingElement(element){if(!element)return null;if(element.clientHeight&&element.scrollHeight>element.clientHeight){const{overflowY:overflowY}=getComputedStyle(element);if("visible"!==overflowY&&"hidden"!==overflowY)return element}return getScrollingElement(element.parentElement)||document.scrollingElement||document.body}},"./node_modules/ariakit-utils/esm/events.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return addGlobalEventListener})),__webpack_require__.d(__webpack_exports__,"b",(function(){return fireBlurEvent})),__webpack_require__.d(__webpack_exports__,"c",(function(){return fireClickEvent})),__webpack_require__.d(__webpack_exports__,"d",(function(){return fireKeyboardEvent})),__webpack_require__.d(__webpack_exports__,"e",(function(){return isFocusEventOutside})),__webpack_require__.d(__webpack_exports__,"f",(function(){return isPortalEvent})),__webpack_require__.d(__webpack_exports__,"g",(function(){return isSelfTarget})),__webpack_require__.d(__webpack_exports__,"h",(function(){return queueBeforeEvent}));var _dom_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js");function isPortalEvent(event){return!Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.c)(event.currentTarget,event.target)}function isSelfTarget(event){return event.target===event.currentTarget}function fireBlurEvent(element,eventInit){const event=new FocusEvent("blur",eventInit),defaultAllowed=element.dispatchEvent(event),bubbleInit={...eventInit,bubbles:!0};return element.dispatchEvent(new FocusEvent("focusout",bubbleInit)),defaultAllowed}function fireKeyboardEvent(element,type,eventInit){const event=new KeyboardEvent(type,eventInit);return element.dispatchEvent(event)}function fireClickEvent(element,eventInit){const event="undefined"!=typeof PointerEvent?new PointerEvent("click",eventInit):new MouseEvent("click",eventInit);return element.dispatchEvent(event)}function isFocusEventOutside(event,container){const containerElement=container||event.currentTarget,relatedTarget=event.relatedTarget;return!relatedTarget||!Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.c)(containerElement,relatedTarget)}function queueBeforeEvent(element,type,callback){const raf=requestAnimationFrame((()=>{element.removeEventListener(type,callImmediately,!0),callback()})),callImmediately=()=>{cancelAnimationFrame(raf),callback()};return element.addEventListener(type,callImmediately,{once:!0,capture:!0}),raf}function addGlobalEventListener(type,listener,options,scope){void 0===scope&&(scope=window);try{scope.document.addEventListener(type,listener,options)}catch(e){}const listeners=[];for(let i=0;i<scope.frames.length;i+=1){const frameWindow=scope.frames[i];frameWindow&&listeners.push(addGlobalEventListener(type,listener,options,frameWindow))}return()=>{try{scope.document.removeEventListener(type,listener,options)}catch(e){}listeners.forEach((listener=>listener()))}}},"./node_modules/ariakit-utils/esm/focus.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return disableFocusIn})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ensureFocus})),__webpack_require__.d(__webpack_exports__,"c",(function(){return focusIfNeeded})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getAllTabbableIn})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getFirstTabbableIn})),__webpack_require__.d(__webpack_exports__,"f",(function(){return getLastTabbableIn})),__webpack_require__.d(__webpack_exports__,"g",(function(){return getNextTabbable})),__webpack_require__.d(__webpack_exports__,"h",(function(){return getPreviousTabbable})),__webpack_require__.d(__webpack_exports__,"i",(function(){return hasFocusWithin})),__webpack_require__.d(__webpack_exports__,"j",(function(){return isFocusable})),__webpack_require__.d(__webpack_exports__,"k",(function(){return restoreFocusIn}));var _dom_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js");const selector="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false'])";function isFocusable(element){return Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.l)(element,selector)&&Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.k)(element)}function isTabbable(element){return isFocusable(element)&&!function hasNegativeTabIndex(element){return parseInt(element.getAttribute("tabindex")||"0",10)<0}(element)}function getAllFocusableIn(container,includeContainer){const elements=Array.from(container.querySelectorAll(selector));includeContainer&&elements.unshift(container);const focusableElements=elements.filter(isFocusable);return focusableElements.forEach(((element,i)=>{if(Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.i)(element)&&element.contentDocument){const frameBody=element.contentDocument.body;focusableElements.splice(i,1,...getAllFocusableIn(frameBody))}})),focusableElements}function getAllTabbableIn(container,includeContainer,fallbackToFocusable){const elements=Array.from(container.querySelectorAll(selector)),tabbableElements=elements.filter(isTabbable);return includeContainer&&isTabbable(container)&&tabbableElements.unshift(container),tabbableElements.forEach(((element,i)=>{if(Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.i)(element)&&element.contentDocument){const allFrameTabbable=getAllTabbableIn(element.contentDocument.body,!1,fallbackToFocusable);tabbableElements.splice(i,1,...allFrameTabbable)}})),!tabbableElements.length&&fallbackToFocusable?elements:tabbableElements}function getFirstTabbableIn(container,includeContainer,fallbackToFocusable){const[first]=getAllTabbableIn(container,includeContainer,fallbackToFocusable);return first||null}function getLastTabbableIn(container,includeContainer,fallbackToFocusable){const allTabbable=getAllTabbableIn(container,includeContainer,fallbackToFocusable);return allTabbable[allTabbable.length-1]||null}function getNextTabbable(fallbackToFirst,fallbackToFocusable){return function getNextTabbableIn(container,includeContainer,fallbackToFirst,fallbackToFocusable){const activeElement=Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.d)(container),allFocusable=getAllFocusableIn(container,includeContainer),activeIndex=allFocusable.indexOf(activeElement),nextFocusableElements=allFocusable.slice(activeIndex+1);return nextFocusableElements.find(isTabbable)||(fallbackToFirst?allFocusable.find(isTabbable):null)||(fallbackToFocusable?nextFocusableElements[0]:null)||null}(document.body,!1,fallbackToFirst,fallbackToFocusable)}function getPreviousTabbable(fallbackToFirst,fallbackToFocusable){return function getPreviousTabbableIn(container,includeContainer,fallbackToLast,fallbackToFocusable){const activeElement=Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.d)(container),allFocusable=getAllFocusableIn(container,includeContainer).reverse(),activeIndex=allFocusable.indexOf(activeElement),previousFocusableElements=allFocusable.slice(activeIndex+1);return previousFocusableElements.find(isTabbable)||(fallbackToLast?allFocusable.find(isTabbable):null)||(fallbackToFocusable?previousFocusableElements[0]:null)||null}(document.body,!1,fallbackToFirst,fallbackToFocusable)}function hasFocus(element){const activeElement=Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.d)(element);if(!activeElement)return!1;if(activeElement===element)return!0;const activeDescendant=activeElement.getAttribute("aria-activedescendant");return!!activeDescendant&&activeDescendant===element.id}function hasFocusWithin(element){const activeElement=Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.d)(element);if(!activeElement)return!1;if(Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__.c)(element,activeElement))return!0;const activeDescendant=activeElement.getAttribute("aria-activedescendant");return!!activeDescendant&&("id"in element&&(activeDescendant===element.id||!!element.querySelector("#"+CSS.escape(activeDescendant))))}function focusIfNeeded(element){!hasFocusWithin(element)&&isFocusable(element)&&element.focus()}function disableFocus(element){var _element$getAttribute;const currentTabindex=null!=(_element$getAttribute=element.getAttribute("tabindex"))?_element$getAttribute:"";element.setAttribute("data-tabindex",currentTabindex),element.setAttribute("tabindex","-1")}function disableFocusIn(container,includeContainer){getAllTabbableIn(container,includeContainer).forEach(disableFocus)}function restoreFocusIn(container){const elements=container.querySelectorAll("[data-tabindex]"),restoreTabIndex=element=>{const tabindex=element.getAttribute("data-tabindex");element.removeAttribute("data-tabindex"),tabindex?element.setAttribute("tabindex",tabindex):element.removeAttribute("tabindex")};container.hasAttribute("data-tabindex")&&restoreTabIndex(container),elements.forEach(restoreTabIndex)}function ensureFocus(element,_temp){let{preventScroll:preventScroll,isActive:isActive=hasFocus}=void 0===_temp?{}:_temp;return isActive(element)?-1:(element.focus({preventScroll:preventScroll}),isActive(element)?-1:requestAnimationFrame((()=>{isActive(element)||element.focus({preventScroll:preventScroll})})))}},"./node_modules/ariakit-utils/esm/hooks.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useBooleanEvent})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useControlledState})),__webpack_require__.d(__webpack_exports__,"c",(function(){return useEvent})),__webpack_require__.d(__webpack_exports__,"d",(function(){return useForceUpdate})),__webpack_require__.d(__webpack_exports__,"e",(function(){return useForkRef})),__webpack_require__.d(__webpack_exports__,"f",(function(){return useId})),__webpack_require__.d(__webpack_exports__,"g",(function(){return useInitialValue})),__webpack_require__.d(__webpack_exports__,"h",(function(){return useLazyValue})),__webpack_require__.d(__webpack_exports__,"i",(function(){return useLiveRef})),__webpack_require__.d(__webpack_exports__,"j",(function(){return usePreviousValue})),__webpack_require__.d(__webpack_exports__,"k",(function(){return useSafeLayoutEffect})),__webpack_require__.d(__webpack_exports__,"l",(function(){return useTagName})),__webpack_require__.d(__webpack_exports__,"m",(function(){return useWrapElement}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_dom_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),_misc_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js");const useReactId="function"==typeof react__WEBPACK_IMPORTED_MODULE_0__.useId?react__WEBPACK_IMPORTED_MODULE_0__.useId:void 0,useSafeLayoutEffect=("function"==typeof react__WEBPACK_IMPORTED_MODULE_0__.useDeferredValue&&react__WEBPACK_IMPORTED_MODULE_0__.useDeferredValue,_dom_js__WEBPACK_IMPORTED_MODULE_1__.a?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect);function useInitialValue(value){const[initialValue]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(value);return initialValue}function useLazyValue(init){const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)();return void 0===ref.current&&(ref.current=init()),ref.current}function useLiveRef(value){const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);return useSafeLayoutEffect((()=>{ref.current=value})),ref}function usePreviousValue(value){const[previousValue,setPreviousValue]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(value);return value!==previousValue&&setPreviousValue(value),previousValue}function useEvent(callback){const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)((()=>{throw new Error("Cannot call an event handler while rendering.")}));return useSafeLayoutEffect((()=>{ref.current=callback})),Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return null==ref.current?void 0:ref.current(...args)}),[])}function useForkRef(){for(var _len2=arguments.length,refs=new Array(_len2),_key2=0;_key2<_len2;_key2++)refs[_key2]=arguments[_key2];return Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(refs.some(Boolean))return value=>{refs.forEach((ref=>{Object(_misc_js__WEBPACK_IMPORTED_MODULE_2__.g)(ref,value)}))}}),refs)}function useId(defaultId){if(useReactId){const reactId=useReactId();return defaultId||reactId}const[id,setId]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultId);return useSafeLayoutEffect((()=>{if(defaultId||id)return;const random=Math.random().toString(36).substr(2,6);setId("id-"+random)}),[defaultId,id]),defaultId||id}function useTagName(ref,type){const[tagName,setTagName]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)((()=>stringOrUndefined(type)));return useSafeLayoutEffect((()=>{var _ref$current2;setTagName((null==ref||null==(_ref$current2=ref.current)?void 0:_ref$current2.tagName.toLowerCase())||stringOrUndefined(type))}),[ref,type]),tagName}function stringOrUndefined(type){if("string"==typeof type)return type}function useControlledState(defaultState,state,setState){const[localState,setLocalState]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultState),nextState=void 0!==state?state:localState,stateRef=useLiveRef(state),setStateRef=useLiveRef(setState),nextStateRef=useLiveRef(nextState),setNextState=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((prevValue=>{const setStateProp=setStateRef.current;if(setStateProp)if(isSetNextState(setStateProp))setStateProp(prevValue);else{const nextValue=Object(_misc_js__WEBPACK_IMPORTED_MODULE_2__.a)(prevValue,nextStateRef.current);nextStateRef.current=nextValue,setStateProp(nextValue)}void 0===stateRef.current&&setLocalState(prevValue)}),[]);return function defineSetNextState(arg){isSetNextState(arg)||Object.defineProperty(arg,SET_NEXT_STATE,{value:!0})}(setNextState),[nextState,setNextState]}const SET_NEXT_STATE=Symbol("setNextState");function isSetNextState(arg){return!0===arg[SET_NEXT_STATE]}function useForceUpdate(){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useReducer)((()=>[]),[])}function useBooleanEvent(booleanOrCallback){return useEvent("function"==typeof booleanOrCallback?booleanOrCallback:()=>booleanOrCallback)}function useWrapElement(props,callback,deps){void 0===deps&&(deps=[]);const wrapElement=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((element=>(props.wrapElement&&(element=props.wrapElement(element)),callback(element))),[...deps,props.wrapElement]);return{...props,wrapElement:wrapElement}}},"./node_modules/ariakit-utils/esm/misc.js":function(module,__webpack_exports__,__webpack_require__){"use strict";function noop(){}function shallowEqual(a,b){if(a===b)return!0;if(!a)return!1;if(!b)return!1;if("object"!=typeof a)return!1;if("object"!=typeof b)return!1;const aKeys=Object.keys(a),bKeys=Object.keys(b),{length:length}=aKeys;if(bKeys.length!==length)return!1;for(const key of aKeys)if(a[key]!==b[key])return!1;return!0}function applyState(argument,currentValue){if(function isUpdater(argument){return"function"==typeof argument}(argument)){return argument(function isLazyValue(value){return"function"==typeof value}(currentValue)?currentValue():currentValue)}return argument}function setRef(ref,value){"function"==typeof ref?ref(value):ref&&(ref.current=value)}function hasOwnProperty(object,prop){return Object.prototype.hasOwnProperty.call(object,prop)}function chain(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(){for(const fn of fns)"function"==typeof fn&&fn(...arguments)}}function normalizeString(str){return str.normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function queueMicrotask(callback){if(window.queueMicrotask)return window.queueMicrotask(callback);Promise.resolve().then(callback)}__webpack_require__.d(__webpack_exports__,"a",(function(){return applyState})),__webpack_require__.d(__webpack_exports__,"b",(function(){return chain})),__webpack_require__.d(__webpack_exports__,"c",(function(){return hasOwnProperty})),__webpack_require__.d(__webpack_exports__,"d",(function(){return noop})),__webpack_require__.d(__webpack_exports__,"e",(function(){return normalizeString})),__webpack_require__.d(__webpack_exports__,"f",(function(){return queueMicrotask})),__webpack_require__.d(__webpack_exports__,"g",(function(){return setRef})),__webpack_require__.d(__webpack_exports__,"h",(function(){return shallowEqual}))},"./node_modules/ariakit-utils/esm/platform.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isApple})),__webpack_require__.d(__webpack_exports__,"b",(function(){return isFirefox})),__webpack_require__.d(__webpack_exports__,"c",(function(){return isMac})),__webpack_require__.d(__webpack_exports__,"d",(function(){return isSafari}));var _dom_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js");function isApple(){return!!_dom_js__WEBPACK_IMPORTED_MODULE_0__.a&&/mac|iphone|ipad|ipod/i.test(navigator.platform)}function isSafari(){return _dom_js__WEBPACK_IMPORTED_MODULE_0__.a&&isApple()&&/apple/i.test(navigator.vendor)}function isFirefox(){return _dom_js__WEBPACK_IMPORTED_MODULE_0__.a&&/firefox\//i.test(navigator.userAgent)}function isMac(){return _dom_js__WEBPACK_IMPORTED_MODULE_0__.a&&navigator.platform.startsWith("Mac")&&!function isTouchDevice(){return _dom_js__WEBPACK_IMPORTED_MODULE_0__.a&&!!navigator.maxTouchPoints}()}},"./node_modules/ariakit-utils/esm/store.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return createMemoComponent})),__webpack_require__.d(__webpack_exports__,"b",(function(){return createStoreContext})),__webpack_require__.d(__webpack_exports__,"c",(function(){return useStore})),__webpack_require__.d(__webpack_exports__,"d",(function(){return useStoreProvider})),__webpack_require__.d(__webpack_exports__,"e",(function(){return useStorePublisher}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_array_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/array.js"),_hooks_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),_misc_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),_system_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");const GET_STATE=Symbol("getState"),SUBSCRIBE=Symbol("subscribe"),TIMESTAMP=Symbol("timestamp"),INITIAL_CONTEXT=Symbol("initialContext");function hasSubscribe(state){return!!state&&!!state[SUBSCRIBE]}function defineGetState(state,currentState){void 0===currentState&&(currentState=state),Object.defineProperty(state,GET_STATE,{value:()=>currentState,writable:!0})}function hasInitialContext(stateOrContext){return stateOrContext&&INITIAL_CONTEXT in stateOrContext}function getInitialContext(context){if(!hasInitialContext(context))return;return context[INITIAL_CONTEXT]}function createStoreContext(){const context=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);return function defineInitialContext(context){const initialContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);return Object.defineProperty(context,INITIAL_CONTEXT,{value:initialContext}),initialContext}(context),context}function createMemoComponent(render,propsAreEqual){void 0===propsAreEqual&&(propsAreEqual=_misc_js__WEBPACK_IMPORTED_MODULE_3__.h);const Role=Object(_system_js__WEBPACK_IMPORTED_MODULE_4__.a)(render);return Object(react__WEBPACK_IMPORTED_MODULE_0__.memo)(Role,((prev,next)=>{const{state:prevState,...prevProps}=prev,{state:nextState,...nextProps}=next;return nextState&&hasSubscribe(nextState)?propsAreEqual(prevProps,nextProps):propsAreEqual(prev,next)}))}function useStoreProvider(_ref,context){let{state:state,...props}=_ref;const initialValue=Object(_hooks_js__WEBPACK_IMPORTED_MODULE_2__.g)(state),value=state&&hasSubscribe(state)?initialValue:state;defineGetState(value,state);const initialContext=getInitialContext(context);return props=Object(_hooks_js__WEBPACK_IMPORTED_MODULE_2__.m)(props,(element=>(value&&initialContext&&(element=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(initialContext.Provider,{value:value,children:element})),state&&(element=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(context.Provider,{value:state,children:element})),element)),[value,initialContext,state,context]),props}function useStorePublisher(state){const listeners=Object(_hooks_js__WEBPACK_IMPORTED_MODULE_2__.h)((()=>new Set));Object(_hooks_js__WEBPACK_IMPORTED_MODULE_2__.k)((()=>{!function patchState(state){Object.defineProperty(state,TIMESTAMP,{value:Date.now(),writable:!0})}(state);for(const listener of listeners)listener(state)}),[state]);const subscribe=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((listener=>(listeners.add(listener),()=>listeners.delete(listener))),[]);return function defineSubscribe(state,subscribe){SUBSCRIBE in state||Object.defineProperty(state,SUBSCRIBE,{value:subscribe})}(state,subscribe),defineGetState(state),function defineTimestamp(state){TIMESTAMP in state||Object.defineProperty(state,TIMESTAMP,{value:Date.now(),writable:!0})}(state),state}function useStore(stateOrContext,filter){const contextState=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(function getContext(stateOrContext,filter){if(!hasInitialContext(stateOrContext))return EmptyContext;if(filter)return getInitialContext(stateOrContext);return stateOrContext}(stateOrContext,filter)),externalState=hasInitialContext(stateOrContext)?contextState:stateOrContext,[internalState,setState]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)((()=>function getState(state){if(!state)return state;const fn=state[GET_STATE];return fn?fn():state}(externalState))),state=hasSubscribe(externalState)&&hasSubscribe(internalState)?function getLatest(a,b){return b?a?TIMESTAMP in b?TIMESTAMP in a&&a[TIMESTAMP]>=b[TIMESTAMP]?a:b:a:b:a}(internalState,externalState):externalState,subscribe=function getSubscribe(state){if(state)return state[SUBSCRIBE]}(externalState),prevStateRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),deps=Object(_array_js__WEBPACK_IMPORTED_MODULE_1__.d)(filter),noFilter=!filter;return Object(_hooks_js__WEBPACK_IMPORTED_MODULE_2__.k)((()=>{if(subscribe&&setState){if(noFilter)return subscribe(setState);if(deps.length)return subscribe((nextState=>{const prevState=prevStateRef.current;prevStateRef.current=nextState;deps.some((dep=>{if("function"==typeof dep){const result=dep(nextState);return"boolean"==typeof result?result||prevState&&dep(prevState):prevState?result!==dep(prevState):result}const key=dep;return(null==prevState?void 0:prevState[key])!==nextState[key]}))&&setState(nextState)}))}}),[subscribe,setState,noFilter,...deps]),state}const EmptyContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0)},"./node_modules/ariakit-utils/esm/system.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return createComponent})),__webpack_require__.d(__webpack_exports__,"b",(function(){return createElement})),__webpack_require__.d(__webpack_exports__,"c",(function(){return createHook}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_misc_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function createComponent(render){const Role=(props,ref)=>render({ref:ref,...props});return Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Role)}function createElement(Type,props){const{as:As,wrapElement:wrapElement,...rest}=props;let element;if(As&&"string"!=typeof As)element=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(As,{...rest});else if(function isRenderProp(children){return"function"==typeof children}(props.children)){const{children:children,...otherProps}=rest;element=props.children(otherProps)}else element=As?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(As,{...rest}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Type,{...rest});return wrapElement?wrapElement(element):element}function createHook(useProps){return function(props){void 0===props&&(props={});const htmlProps=useProps(props),copy={};for(const prop in htmlProps)Object(_misc_js__WEBPACK_IMPORTED_MODULE_1__.c)(htmlProps,prop)&&void 0!==htmlProps[prop]&&(copy[prop]=htmlProps[prop]);return copy}}},"./node_modules/ariakit/esm/__utils-07f4a93f.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MenuContext})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuBarContext})),__webpack_require__.d(__webpack_exports__,"c",(function(){return hasExpandedMenuButton}));__webpack_require__("./node_modules/react/index.js");var ariakit_utils_store__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js");const MenuBarContext=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_1__.b)(),MenuContext=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_1__.b)();function hasExpandedMenuButton(items,currentElement){return!(null==items||!items.filter((item=>item.ref.current!==currentElement)).some((item=>{var _item$ref$current;return"true"===(null==(_item$ref$current=item.ref.current)?void 0:_item$ref$current.getAttribute("aria-expanded"))})))}},"./node_modules/ariakit/esm/__utils-30a60887.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TooltipContext})),__webpack_require__.d(__webpack_exports__,"b",(function(){return createGlobalTooltipState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function createGlobalTooltipState(){return{activeRef:null,listeners:new Set,subscribe(listener){return this.listeners.add(listener),()=>{this.listeners.delete(listener)}},show(ref){this.activeRef=ref,this.listeners.forEach((listener=>listener(ref)))},hide(ref){this.activeRef===ref&&(this.activeRef=null,this.listeners.forEach((listener=>listener(null))))}}}const TooltipContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0)},"./node_modules/ariakit/esm/__utils-3e6151ed.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PopoverContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const PopoverContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0)},"./node_modules/ariakit/esm/__utils-73a31bac.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TabContext}));var ariakit_utils_store__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js");const TabContext=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_0__.b)()},"./node_modules/ariakit/esm/__utils-7da92179.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CompositeContext})),__webpack_require__.d(__webpack_exports__,"b",(function(){return findFirstEnabledItem})),__webpack_require__.d(__webpack_exports__,"c",(function(){return getActiveId})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getItemsInRow})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getEnabledItems})),__webpack_require__.d(__webpack_exports__,"f",(function(){return flipItems})),__webpack_require__.d(__webpack_exports__,"g",(function(){return findEnabledItemById})),__webpack_require__.d(__webpack_exports__,"h",(function(){return groupItemsByRows})),__webpack_require__.d(__webpack_exports__,"i",(function(){return getOppositeOrientation})),__webpack_require__.d(__webpack_exports__,"j",(function(){return CompositeRowContext})),__webpack_require__.d(__webpack_exports__,"k",(function(){return getContextId})),__webpack_require__.d(__webpack_exports__,"l",(function(){return CompositeItemContext})),__webpack_require__.d(__webpack_exports__,"m",(function(){return normalizeRows})),__webpack_require__.d(__webpack_exports__,"n",(function(){return verticalizeItems}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),__webpack_require__("./node_modules/ariakit-utils/esm/store.js"));const NULL_ITEM={id:null,ref:{current:null}};function getMaxRowLength(array){let maxLength=0;for(const{length:length}of array)length>maxLength&&(maxLength=length);return maxLength}function getEnabledItems(items,excludeId){return items.filter((item=>excludeId?!item.disabled&&item.id!==excludeId:!item.disabled))}function findFirstEnabledItem(items,excludeId){return items.find((item=>excludeId?!item.disabled&&item.id!==excludeId:!item.disabled))}function normalizeRows(rows,activeId,focusShift){const maxLength=getMaxRowLength(rows);for(const row of rows)for(let i=0;i<maxLength;i+=1){const item=row[i];if(!item||focusShift&&item.disabled){const previousItem=0===i&&focusShift?findFirstEnabledItem(row):row[i-1];row[i]=previousItem&&activeId!==previousItem.id&&focusShift?previousItem:{id:"__EMPTY_ITEM__",disabled:!0,ref:{current:null},rowId:null==previousItem?void 0:previousItem.rowId}}}return rows}function findEnabledItemById(items,id){if(id)return items.find((item=>item.id===id&&!item.disabled))}function getActiveId(items,activeId,passedId){var _findFirstEnabledItem;return void 0!==passedId?passedId:void 0!==activeId?activeId:null==(_findFirstEnabledItem=findFirstEnabledItem(items))?void 0:_findFirstEnabledItem.id}function getItemsInRow(items,rowId){return items.filter((item=>item.rowId===rowId))}function getOppositeOrientation(orientation){return"vertical"===orientation?"horizontal":"horizontal"===orientation?"vertical":void 0}function groupItemsByRows(items){const rows=[];for(const item of items){const row=rows.find((currentRow=>{var _currentRow$;return(null==(_currentRow$=currentRow[0])?void 0:_currentRow$.rowId)===item.rowId}));row?row.push(item):rows.push([item])}return rows}function flipItems(items,activeId,shouldInsertNullItem){void 0===shouldInsertNullItem&&(shouldInsertNullItem=!1);const index=items.findIndex((item=>item.id===activeId));return[...items.slice(index+1),...shouldInsertNullItem?[NULL_ITEM]:[],...items.slice(0,index)]}function verticalizeItems(items){const rows=groupItemsByRows(items),maxLength=getMaxRowLength(rows),verticalized=[];for(let i=0;i<maxLength;i+=1)for(const row of rows){const item=row[i];item&&verticalized.push({...item,rowId:item.rowId?""+i:void 0})}return verticalized}function getContextId(state,context){return null!=context&&context.baseRef&&context.baseRef===(null==state?void 0:state.baseRef)?context.id:void 0}const CompositeContext=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__.b)(),CompositeRowContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0),CompositeItemContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0)},"./node_modules/ariakit/esm/collection/collection-item.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useCollectionItem}));var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),store=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js");const CollectionItemContext=Object(react.createContext)(void 0);function identity(value){return value}const useCollectionItem=Object(system.c)((_ref=>{var _state;let{state:state,shouldRegisterItem:shouldRegisterItem=!0,getItem:getItem=identity,...props}=_ref;state=Object(store.c)(state,["registerItem"]);const contextRegisterItem=Object(react.useContext)(CollectionItemContext),registerItem=(null==(_state=state)?void 0:_state.registerItem)||contextRegisterItem,ref=Object(react.useRef)(null);return Object(hooks.k)((()=>{if(shouldRegisterItem)return null==registerItem?void 0:registerItem(getItem({ref:ref}))}),[shouldRegisterItem,getItem,registerItem]),props={...props,ref:Object(hooks.e)(ref,props.ref)},props}));Object(system.a)((props=>{const htmlProps=useCollectionItem(props);return Object(system.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/collection/collection-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useCollectionState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/array.js"),ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js");function isElementPreceding(a,b){return Boolean(b.compareDocumentPosition(a)&Node.DOCUMENT_POSITION_PRECEDING)}function setItemsBasedOnDOMPosition(items,setItems){const sortedItems=function sortBasedOnDOMPosition(items){const pairs=items.map(((item,index)=>[index,item]));let isOrderDifferent=!1;return pairs.sort(((_ref,_ref2)=>{let[indexA,a]=_ref,[indexB,b]=_ref2;const elementA=a.ref.current,elementB=b.ref.current;return elementA===elementB?0:elementA&&elementB?isElementPreceding(elementA,elementB)?(indexA>indexB&&(isOrderDifferent=!0),-1):(indexA<indexB&&(isOrderDifferent=!0),1):0})),isOrderDifferent?pairs.map((_ref3=>{let[_,item]=_ref3;return item})):items}(items);items!==sortedItems&&setItems(sortedItems)}function useSortBasedOnDOMPosition(items,setItems){if("function"!=typeof IntersectionObserver)return void function useTimeoutObserver(items,setItems){Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const timeout=setTimeout((()=>setItemsBasedOnDOMPosition(items,setItems)));return()=>clearTimeout(timeout)}))}(items,setItems);const previousItems=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const root=function getCommonParent(items){var _firstItem$ref$curren;const firstItem=items[0],lastItem=items[items.length-1];let parentElement=null==firstItem||null==(_firstItem$ref$curren=firstItem.ref.current)?void 0:_firstItem$ref$curren.parentElement;for(;parentElement;){const parent=parentElement;if(lastItem&&parent.contains(lastItem.ref.current))return parentElement;parentElement=parentElement.parentElement}return Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_2__.e)(parentElement).body}(items),observer=new IntersectionObserver((()=>{const hasPreviousItems=!!previousItems.current.length;previousItems.current=items,hasPreviousItems&&setItemsBasedOnDOMPosition(items,setItems)}),{root:root});return items.forEach((item=>{item.ref.current&&observer.observe(item.ref.current)})),()=>observer.disconnect()}),[items,setItems])}function useCollectionState(props){void 0===props&&(props={});const[items,setItems]=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.b)([],props.items,props.setItems);useSortBasedOnDOMPosition(items,setItems);const registerItem=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((item=>{setItems((prevItems=>{const index=function findDOMIndex(items,item){const itemElement=item.ref.current;if(!itemElement)return-1;let length=items.length;if(!length)return-1;for(;length--;){const currentItem=items[length];if(null!=currentItem&&currentItem.ref.current&&isElementPreceding(currentItem.ref.current,itemElement))return length+1}return-1}(prevItems,item);return Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.a)(prevItems,item,index)}));return()=>{setItems((prevItems=>{const nextItems=prevItems.filter((_ref4=>{let{ref:ref}=_ref4;return ref!==item.ref}));return prevItems.length===nextItems.length?prevItems:nextItems}))}}),[]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({items:items,setItems:setItems,registerItem:registerItem})),[items,setItems,registerItem])}},"./node_modules/ariakit/esm/command/command.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useCommand}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_focusable_focusable_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit/esm/focusable/focusable.js");function isNativeClick(event){if(!event.isTrusted)return!1;const element=event.currentTarget;return Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.h)(element)||"INPUT"===element.tagName||"TEXTAREA"===element.tagName||"A"===element.tagName||"SELECT"===element.tagName}const useCommand=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_4__.c)((_ref=>{let{clickOnEnter:clickOnEnter=!0,clickOnSpace:clickOnSpace=!0,...props}=_ref;const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),tagName=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.l)(ref,props.as),[isNativeButton,setIsNativeButton]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)((()=>!!tagName&&Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.h)({tagName:tagName,type:props.type})));Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{ref.current&&setIsNativeButton(Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.h)(ref.current))}),[]);const[active,setActive]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),activeRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),isDuplicate="data-command"in props,onKeyDownProp=props.onKeyDown,onKeyDown=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{null==onKeyDownProp||onKeyDownProp(event);const element=event.currentTarget;if(event.defaultPrevented)return;if(isDuplicate)return;if(props.disabled)return;if(event.metaKey)return;if(!Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event))return;if(Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.j)(element))return;if(element.isContentEditable)return;const isEnter=clickOnEnter&&"Enter"===event.key,isSpace=clickOnSpace&&" "===event.key,shouldPreventEnter="Enter"===event.key&&!clickOnEnter,shouldPreventSpace=" "===event.key&&!clickOnSpace;if(shouldPreventEnter||shouldPreventSpace)event.preventDefault();else if(isEnter||isSpace){const nativeClick=isNativeClick(event);if(isEnter){if(!nativeClick){event.preventDefault();const{view:view,...eventInit}=event;Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.h)(element,"keyup",(()=>Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.c)(element,eventInit)))}}else isSpace&&(activeRef.current=!0,nativeClick||(event.preventDefault(),setActive(!0)))}})),onKeyUpProp=props.onKeyUp,onKeyUp=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{if(null==onKeyUpProp||onKeyUpProp(event),event.defaultPrevented)return;if(isDuplicate)return;if(props.disabled)return;if(event.metaKey)return;const isSpace=clickOnSpace&&" "===event.key;if(activeRef.current&&isSpace&&(activeRef.current=!1,!isNativeClick(event))){setActive(!1);const element=event.currentTarget,{view:view,...eventInit}=event;requestAnimationFrame((()=>Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.c)(element,eventInit)))}}));return props={"data-command":"","data-active":active?"":void 0,type:isNativeButton?"button":void 0,...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.e)(ref,props.ref),onKeyDown:onKeyDown,onKeyUp:onKeyUp},props=Object(_focusable_focusable_js__WEBPACK_IMPORTED_MODULE_5__.a)(props),props}));Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_4__.a)((props=>(props=useCommand(props),Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_4__.b)("button",props))))},"./node_modules/ariakit/esm/composite/composite-item.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useCompositeItem}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_platform__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit-utils/esm/platform.js"),ariakit_utils_store__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_collection_collection_item_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/collection/collection-item.js"),_command_command_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/command/command.js"),_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/__utils-7da92179.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function getItemOffset(itemElement,pageUp){void 0===pageUp&&(pageUp=!1);const{top:top}=itemElement.getBoundingClientRect();return pageUp?top+itemElement.clientHeight:top}function findNextPageItemId(element,items,next,pageUp){if(void 0===pageUp&&(pageUp=!1),!items)return;if(!next)return;const scrollingElement=Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.g)(element);if(!scrollingElement)return;const nextPageOffset=function getNextPageOffset(scrollingElement,pageUp){void 0===pageUp&&(pageUp=!1);const height=scrollingElement.clientHeight,{top:top}=scrollingElement.getBoundingClientRect(),pageSize=1.5*Math.max(.875*height,height-40),pageOffset=pageUp?height-pageSize+top:pageSize+top;return"HTML"===scrollingElement.tagName?pageOffset+scrollingElement.scrollTop:pageOffset}(scrollingElement,pageUp);let id,prevDifference;for(let i=0;i<items.length;i+=1){const previousId=id;if(id=next(i),!id)break;if(id===previousId)continue;const item=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_9__.g)(items,id),itemElement=null==item?void 0:item.ref.current;if(!itemElement)continue;const difference=getItemOffset(itemElement,pageUp)-nextPageOffset,absDifference=Math.abs(difference);if(pageUp&&difference<=0||!pageUp&&difference>=0){void 0!==prevDifference&&prevDifference<absDifference&&(id=previousId);break}prevDifference=absDifference}return id}const useCompositeItem=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_6__.c)((_ref=>{var _state6,_state23,_state24,_state26,_state27;let{state:state,rowId:rowIdProp,preventScrollOnKeyDown:preventScrollOnKeyDown=!1,getItem:getItemProp,...props}=_ref;const id=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.f)(props.id);state=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_5__.c)(state||_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_9__.a,[Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((s=>s.activeId===id),[id]),"baseRef","items","virtualFocus","registerItem","setActiveId","orientation","up","next","down","previous","first","last","move"]);const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),row=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_9__.j),rowId=null!=rowIdProp?rowIdProp:Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_9__.k)(state,row),trulyDisabled=props.disabled&&!props.accessibleWhenDisabled,getItem=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((item=>{const nextItem={...item,id:id,rowId:rowId,disabled:!!trulyDisabled};return getItemProp?getItemProp(nextItem):nextItem}),[id,rowId,trulyDisabled,getItemProp]),onFocusProp=props.onFocus,hasFocusedComposite=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),onFocus=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{var _state,_state2,_state4,_state3;if(null==onFocusProp||onFocusProp(event),event.defaultPrevented)return;if(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.f)(event))return;if(!id)return;if(null!=(_state=state)&&_state.items&&function targetIsAnotherItem(event,items){if(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event))return!1;const target=event.target,{compositeItemId:compositeItemId}=target.dataset;for(const item of items)if(item.ref.current!==event.currentTarget&&(item.ref.current===target||compositeItemId===item.id))return!0;return!1}(event,state.items))return;(null==(_state2=state)?void 0:_state2.activeId)!==id&&(null==(_state3=state)||_state3.setActiveId(id));if(null==(_state4=state)||!_state4.virtualFocus)return;if(!Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event))return;if(function isEditableElement(element){return!!element.isContentEditable||!!Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.j)(element)||"INPUT"===element.tagName&&!Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.h)(element)}(event.currentTarget))return;const composite=state.baseRef.current;composite&&(Object(ariakit_utils_platform__WEBPACK_IMPORTED_MODULE_4__.d)()&&event.currentTarget.scrollIntoView({block:"nearest",inline:"nearest"}),hasFocusedComposite.current=!0,composite.focus())})),onBlurCaptureProp=props.onBlurCapture,onBlurCapture=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{var _state5;null==onBlurCaptureProp||onBlurCaptureProp(event),event.defaultPrevented||null!=(_state5=state)&&_state5.virtualFocus&&hasFocusedComposite.current&&(hasFocusedComposite.current=!1,event.preventDefault(),event.stopPropagation())})),onKeyDownProp=props.onKeyDown,preventScrollOnKeyDownProp=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.a)(preventScrollOnKeyDown),item=function useItem(items,id){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(id)return null==items?void 0:items.find((item=>item.id===id))}),[items,id])}(null==(_state6=state)?void 0:_state6.items,id),isGrid=!(null==item||!item.rowId),onKeyDown=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{var _state7,_state8,_state9,_state10,_state11,_state12;if(null==onKeyDownProp||onKeyDownProp(event),event.defaultPrevented)return;if(!Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event))return;const isVertical="horizontal"!==(null==(_state7=state)?void 0:_state7.orientation),isHorizontal="vertical"!==(null==(_state8=state)?void 0:_state8.orientation),action={ArrowUp:(isGrid||isVertical)&&(null==(_state9=state)?void 0:_state9.up),ArrowRight:(isGrid||isHorizontal)&&(null==(_state10=state)?void 0:_state10.next),ArrowDown:(isGrid||isVertical)&&(null==(_state11=state)?void 0:_state11.down),ArrowLeft:(isGrid||isHorizontal)&&(null==(_state12=state)?void 0:_state12.previous),Home:()=>{var _state14,_state13;return!isGrid||event.ctrlKey?null==(_state13=state)?void 0:_state13.first():null==(_state14=state)?void 0:_state14.previous(-1)},End:()=>{var _state16,_state15;return!isGrid||event.ctrlKey?null==(_state15=state)?void 0:_state15.last():null==(_state16=state)?void 0:_state16.next(-1)},PageUp:()=>{var _state17,_state18;return findNextPageItemId(event.currentTarget,null==(_state17=state)?void 0:_state17.items,null==(_state18=state)?void 0:_state18.up,!0)},PageDown:()=>{var _state19,_state20;return findNextPageItemId(event.currentTarget,null==(_state19=state)?void 0:_state19.items,null==(_state20=state)?void 0:_state20.down)}}[event.key];if(action){const nextId=action();var _state21;(preventScrollOnKeyDownProp(event)||void 0!==nextId)&&(event.preventDefault(),null==(_state21=state)||_state21.move(nextId))}else;})),providerValue=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{var _state22;return{id:id,baseRef:null==(_state22=state)?void 0:_state22.baseRef}}),[id,null==(_state23=state)?void 0:_state23.baseRef]);props=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.m)(props,(element=>Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_9__.l.Provider,{value:providerValue,children:element})),[providerValue]);const isActiveItem=(null==(_state24=state)?void 0:_state24.activeId)===id,role=function useRole(ref,props){const[role,setRole]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(props.role);return Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.k)((()=>{const element=ref.current;element&&setRole(element.getAttribute("role")||props.role)}),[props.role]),role}(ref,props);let ariaSelected;var _state25;isActiveItem&&(!function requiresAriaSelected(role){return"option"===role||"treeitem"===role}(role)?null!=(_state25=state)&&_state25.virtualFocus&&function supportsAriaSelected(role){return"option"===role||"tab"===role||"treeitem"===role||"gridcell"===role||"row"===role||"columnheader"===role||"rowheader"===role}(role)&&(ariaSelected=!0):ariaSelected=!0);const shouldTabIndex=!(null!=(_state26=state)&&_state26.virtualFocus)&&isActiveItem||!(null!=(_state27=state)&&_state27.items.length);return props={id:id,"aria-selected":ariaSelected,"data-active-item":isActiveItem?"":void 0,...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.e)(ref,props.ref),tabIndex:shouldTabIndex?props.tabIndex:-1,onFocus:onFocus,onBlurCapture:onBlurCapture,onKeyDown:onKeyDown},props=Object(_command_command_js__WEBPACK_IMPORTED_MODULE_8__.a)(props),props=Object(_collection_collection_item_js__WEBPACK_IMPORTED_MODULE_7__.a)({state:state,...props,getItem:getItem,shouldRegisterItem:!!id&&props.shouldRegisterItem}),props}));Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_5__.a)((props=>{const htmlProps=useCompositeItem(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_6__.b)("button",htmlProps)}))},"./node_modules/ariakit/esm/composite/composite-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useCompositeState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/array.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_store__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),_collection_collection_state_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit/esm/collection/collection-state.js"),_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit/esm/__utils-7da92179.js");function useCompositeState(_temp){var _props$includesBaseEl;let{orientation:orientation="both",rtl:rtl=!1,virtualFocus:virtualFocus=!1,focusLoop:focusLoop=!1,focusWrap:focusWrap=!1,focusShift:focusShift=!1,...props}=void 0===_temp?{}:_temp;const collection=Object(_collection_collection_state_js__WEBPACK_IMPORTED_MODULE_4__.a)(props),baseRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),[moves,setMoves]=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.b)(0,props.moves,props.setMoves),[_activeId,setActiveId]=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.b)(props.defaultActiveId,props.activeId,props.setActiveId),activeId=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.c)(collection.items,_activeId)),[collection.items,_activeId]),initialActiveId=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.g)(activeId),includesBaseElement=null!=(_props$includesBaseEl=props.includesBaseElement)?_props$includesBaseEl:null===initialActiveId,activeIdRef=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.i)(activeId),move=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id=>{void 0!==id&&(setMoves((prevMoves=>prevMoves+1)),setActiveId(id))}),[]),first=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{const firstItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(collection.items);return null==firstItem?void 0:firstItem.id}),[collection.items]),last=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{const firstItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.c)(collection.items));return null==firstItem?void 0:firstItem.id}),[collection.items]),getNextId=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((items,orientation,hasNullItem,skip)=>{const allItems=rtl&&"vertical"!==orientation?Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.c)(items):items;var _findFirstEnabledItem;if(null==activeIdRef.current)return null==(_findFirstEnabledItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(allItems))?void 0:_findFirstEnabledItem.id;const activeItem=allItems.find((item=>item.id===activeIdRef.current));var _findFirstEnabledItem2;if(!activeItem)return null==(_findFirstEnabledItem2=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(allItems))?void 0:_findFirstEnabledItem2.id;const isGrid=!!activeItem.rowId,activeIndex=allItems.indexOf(activeItem),nextItems=allItems.slice(activeIndex+1),nextItemsInRow=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.d)(nextItems,activeItem.rowId);if(void 0!==skip){const nextEnabledItemsInRow=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.e)(nextItemsInRow,activeIdRef.current),nextItem=nextEnabledItemsInRow.slice(skip)[0]||nextEnabledItemsInRow[nextEnabledItemsInRow.length-1];return null==nextItem?void 0:nextItem.id}const oppositeOrientation=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.i)(isGrid?orientation||"horizontal":orientation),canLoop=focusLoop&&focusLoop!==oppositeOrientation,canWrap=isGrid&&focusWrap&&focusWrap!==oppositeOrientation;if(hasNullItem=hasNullItem||!isGrid&&canLoop&&includesBaseElement,canLoop){const loopItems=canWrap&&!hasNullItem?allItems:Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.d)(allItems,activeItem.rowId),sortedItems=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.f)(loopItems,activeIdRef.current,hasNullItem),nextItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(sortedItems,activeIdRef.current);return null==nextItem?void 0:nextItem.id}if(canWrap){const nextItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(hasNullItem?nextItemsInRow:nextItems,activeIdRef.current);return hasNullItem?(null==nextItem?void 0:nextItem.id)||null:null==nextItem?void 0:nextItem.id}const nextItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(nextItemsInRow,activeIdRef.current);return!nextItem&&hasNullItem?null:null==nextItem?void 0:nextItem.id}),[focusLoop,focusWrap,includesBaseElement]),next=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((skip=>getNextId(collection.items,orientation,!1,skip)),[getNextId,collection.items,orientation]),previous=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((skip=>{var _findFirstEnabledItem3;const hasNullItem=!!(null==(_findFirstEnabledItem3=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.b)(collection.items))||!_findFirstEnabledItem3.rowId)&&includesBaseElement;return getNextId(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.c)(collection.items),orientation,hasNullItem,skip)}),[collection.items,getNextId,orientation,includesBaseElement]),down=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((skip=>{const shouldShift=focusShift&&!skip,verticalItems=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.n)(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.b)(Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.m)(Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.h)(collection.items),activeIdRef.current,shouldShift)));return getNextId(verticalItems,"vertical",focusLoop&&"horizontal"!==focusLoop&&includesBaseElement,skip)}),[collection.items,getNextId,focusShift,focusLoop]),up=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((skip=>{const shouldShift=focusShift&&!skip,verticalItems=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.n)(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.c)(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.b)(Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.m)(Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_5__.h)(collection.items),activeIdRef.current,shouldShift))));return getNextId(verticalItems,"vertical",includesBaseElement,skip)}),[collection.items,getNextId,focusShift]),state=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({...collection,baseRef:baseRef,orientation:orientation,rtl:rtl,virtualFocus:virtualFocus,focusLoop:focusLoop,focusWrap:focusWrap,focusShift:focusShift,moves:moves,setMoves:setMoves,includesBaseElement:includesBaseElement,activeId:activeId,setActiveId:setActiveId,move:move,next:next,previous:previous,up:up,down:down,first:first,last:last})),[collection,baseRef,orientation,rtl,virtualFocus,focusLoop,focusWrap,focusShift,moves,setMoves,includesBaseElement,activeId,setActiveId,move,next,previous,up,down,first,last]);return Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_3__.e)(state)}},"./node_modules/ariakit/esm/composite/composite-typeahead.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useCompositeTypeahead}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_misc__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/ariakit/esm/__utils-7da92179.js");let chars="";function clearChars(){chars=""}function itemTextStartsWith(item,text){var _item$ref$current;const itemText=null==(_item$ref$current=item.ref.current)?void 0:_item$ref$current.textContent;return!!itemText&&Object(ariakit_utils_misc__WEBPACK_IMPORTED_MODULE_4__.e)(itemText).toLowerCase().startsWith(text.toLowerCase())}const useCompositeTypeahead=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__.c)((_ref=>{let{state:state,typeahead:typeahead=!0,...props}=_ref;const context=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_6__.a);state=state||context;const onKeyDownCaptureProp=props.onKeyDownCapture,cleanupTimeoutRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0),onKeyDownCapture=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{var _state,_state2;if(null==onKeyDownCaptureProp||onKeyDownCaptureProp(event),event.defaultPrevented)return;if(!typeahead)return;if(null==(_state=state)||!_state.items)return;if(!function isValidTypeaheadEvent(event){const target=event.target;return(!target||!Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.j)(target))&&(!(" "!==event.key||!chars.length)||1===event.key.length&&!event.ctrlKey&&!event.altKey&&!event.metaKey&&/^[\p{Letter}\p{Number}]$/u.test(event.key))}(event))return clearChars();let items=function getEnabledItems(items){return items.filter((item=>!item.disabled))}(state.items);if(!function isSelfTargetOrItem(event,items){if(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event))return!0;const target=event.target;return!!target&&items.some((item=>item.ref.current===target))}(event,items))return clearChars();event.preventDefault(),window.clearTimeout(cleanupTimeoutRef.current),cleanupTimeoutRef.current=window.setTimeout((()=>{chars=""}),500);const char=event.key.toLowerCase();chars+=char,items=function getSameInitialItems(items,char,activeId){if(!activeId)return items;const activeItem=items.find((item=>item.id===activeId));return activeItem&&itemTextStartsWith(activeItem,char)?chars!==char&&itemTextStartsWith(activeItem,chars)?items:(chars=char,Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_6__.f)(items.filter((item=>itemTextStartsWith(item,chars))),activeId).filter((item=>item.id!==activeId))):items}(items,char,null==(_state2=state)?void 0:_state2.activeId);const item=items.find((item=>itemTextStartsWith(item,chars)));item?state.move(item.id):clearChars()}));return props={...props,onKeyDownCapture:onKeyDownCapture},props}));Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__.a)((props=>{const htmlProps=useCompositeTypeahead(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/composite/composite.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useComposite}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/array.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_store__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_focusable_focusable_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/ariakit/esm/focusable/focusable.js"),_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/__utils-7da92179.js");function useKeyboardEventProxy(activeItem,onKeyboardEvent){return Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{if(null==onKeyboardEvent||onKeyboardEvent(event),!event.defaultPrevented&&function canProxyKeyboardEvent(event){return!!Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)&&!event.metaKey&&"Tab"!==event.key&&!event.isPropagationStopped()}(event)){const activeElement=null==activeItem?void 0:activeItem.ref.current;if(!activeElement)return;const{view:view,...eventInit}=event;Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.d)(activeElement,event.type,eventInit)||event.preventDefault(),event.currentTarget.contains(activeElement)&&event.stopPropagation()}}))}function isItem(items,element){return!!element&&items.some((item=>item.ref.current===element))}const useComposite=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__.c)((_ref=>{let{state:state,composite:composite=!0,focusOnMove:focusOnMove=composite,...props}=_ref;const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),virtualFocus=composite&&state.virtualFocus,activeItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_7__.g)(state.items,state.activeId),activeItemRef=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.i)(activeItem),previousElementRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),isSelfActive=null===state.activeId,isSelfAciveRef=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.i)(isSelfActive),scheduleFocus=function useScheduleFocus(activeItem){const[scheduled,setScheduled]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),schedule=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setScheduled(!0)),[]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const activeElement=null==activeItem?void 0:activeItem.ref.current;scheduled&&activeElement&&(setScheduled(!1),activeElement.focus())}),[activeItem,scheduled]),schedule}(activeItem);Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.k)((()=>{var _activeItemRef$curren;if(!focusOnMove)return;if(!state.moves)return;(null==(_activeItemRef$curren=activeItemRef.current)?void 0:_activeItemRef$curren.ref.current)&&scheduleFocus()}),[focusOnMove,state.moves]),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!composite)return;if(!state.moves)return;if(!isSelfAciveRef.current)return;const element=ref.current,previousElement=previousElementRef.current;previousElement&&Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.b)(previousElement,{relatedTarget:element}),null==element||element.focus(),previousElementRef.current=null}),[composite,state.moves]);const onKeyDownCapture=useKeyboardEventProxy(activeItem,props.onKeyDownCapture),onKeyUpCapture=useKeyboardEventProxy(activeItem,props.onKeyUpCapture),onFocusCaptureProp=props.onFocusCapture,onFocusCapture=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{if(null==onFocusCaptureProp||onFocusCaptureProp(event),event.defaultPrevented)return;if(!virtualFocus)return;const previousActiveElement=event.relatedTarget,previousActiveElementWasItem=isItem(state.items,previousActiveElement);Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)&&previousActiveElementWasItem&&(event.stopPropagation(),previousElementRef.current=previousActiveElement)})),onFocusProp=props.onFocus,onFocus=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{var _activeItemRef$curren2;(null==onFocusProp||onFocusProp(event),event.defaultPrevented)||composite&&(virtualFocus?Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)&&(null!=(_activeItemRef$curren2=activeItemRef.current)&&_activeItemRef$curren2.ref.current?activeItemRef.current.ref.current.focus():scheduleFocus()):Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)&&state.setActiveId(null))})),onBlurCaptureProp=props.onBlurCapture,onBlurCapture=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{if(null==onBlurCaptureProp||onBlurCaptureProp(event),event.defaultPrevented)return;if(!virtualFocus)return;const activeElement=(null==activeItem?void 0:activeItem.ref.current)||null,nextActiveElement=event.relatedTarget,nextActiveElementIsItem=isItem(state.items,nextActiveElement);if(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)&&nextActiveElementIsItem){if(nextActiveElement===activeElement){const previousElement=previousElementRef.current;previousElement&&previousElement!==nextActiveElement&&Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.b)(previousElement,event)}else activeElement&&Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.b)(activeElement,event);event.stopPropagation()}else{!isItem(state.items,event.target)&&activeElement&&Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.b)(activeElement,event)}})),onKeyDownProp=props.onKeyDown,onKeyDown=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.c)((event=>{var _findFirstEnabledItem;if(null==onKeyDownProp||onKeyDownProp(event),event.defaultPrevented)return;if(!Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event))return;if(activeItemRef.current)return;const isVertical="horizontal"!==state.orientation,isHorizontal="vertical"!==state.orientation,isGrid=!(null==(_findFirstEnabledItem=Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_7__.b)(state.items))||!_findFirstEnabledItem.rowId),action={ArrowUp:(isGrid||isVertical)&&(()=>{if(isGrid){const item=state.items&&function findFirstEnabledItemInTheLastRow(items){return Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_7__.b)(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.b)(Object(ariakit_utils_array__WEBPACK_IMPORTED_MODULE_1__.c)(Object(_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_7__.h)(items))))}(state.items);return null==item?void 0:item.id}return state.last()}),ArrowRight:(isGrid||isHorizontal)&&state.first,ArrowDown:(isGrid||isVertical)&&state.first,ArrowLeft:(isGrid||isHorizontal)&&state.last,Home:state.first,End:state.last,PageUp:state.first,PageDown:state.last}[event.key];if(action){const id=action();void 0!==id&&(event.preventDefault(),state.move(id))}}));props=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_4__.d)({state:state,...props},_utils_7da92179_js__WEBPACK_IMPORTED_MODULE_7__.a);const activeId=(null==activeItem?void 0:activeItem.id)||void 0;props={"aria-activedescendant":virtualFocus?activeId:void 0,...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_3__.e)(ref,composite?state.baseRef:void 0,props.ref),onKeyDownCapture:onKeyDownCapture,onKeyUpCapture:onKeyUpCapture,onFocusCapture:onFocusCapture,onFocus:onFocus,onBlurCapture:onBlurCapture,onKeyDown:onKeyDown};const focusable=composite&&(virtualFocus||null===state.activeId);return props=Object(_focusable_focusable_js__WEBPACK_IMPORTED_MODULE_6__.a)({focusable:focusable,...props}),props}));Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__.a)((props=>{const htmlProps=useComposite(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_5__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/dialog/dialog-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useDialogState}));var _disclosure_disclosure_state_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit/esm/disclosure/disclosure-state.js");function useDialogState(props){void 0===props&&(props={});return Object(_disclosure_disclosure_state_js__WEBPACK_IMPORTED_MODULE_0__.a)(props)}},"./node_modules/ariakit/esm/dialog/dialog.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Dialog})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useDialog}));var react=__webpack_require__("./node_modules/react/index.js"),dom=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),events=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),esm_focus=__webpack_require__("./node_modules/ariakit-utils/esm/focus.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),misc=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),platform=__webpack_require__("./node_modules/ariakit-utils/esm/platform.js"),system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),disclosure_content=__webpack_require__("./node_modules/ariakit/esm/disclosure/disclosure-content.js"),focusable_focusable=__webpack_require__("./node_modules/ariakit/esm/focusable/focusable.js");const HeadingContext=Object(react.createContext)(0);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function HeadingLevel(_ref){let{level:level,children:children}=_ref;const contextLevel=Object(react.useContext)(HeadingContext),nextLevel=Math.max(Math.min(level||contextLevel+1,6),1);return Object(jsx_runtime.jsx)(HeadingContext.Provider,{value:nextLevel,children:children})}var portal_portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js");const DialogContext=Object(react.createContext)(void 0),DialogHeadingContext=Object(react.createContext)(void 0),DialogDescriptionContext=Object(react.createContext)(void 0);function usePreviousMouseDownRef(enabled){const previousMouseDownRef=Object(react.useRef)();return Object(react.useEffect)((()=>{if(!enabled)return;return Object(events.a)("mousedown",(event=>{previousMouseDownRef.current=event.target}))}),[enabled]),previousMouseDownRef}function DialogBackdrop(_ref){var _state$contentElement;let{state:state,backdrop:backdrop,backdropProps:backdropProps,hideOnInteractOutside:hideOnInteractOutside=!0,hideOnEscape:hideOnEscape=!0,children:children}=_ref;const ref=Object(react.useRef)(null);state=Object(react.useMemo)((()=>({...state,setContentElement:misc.d})),[state]),Object(hooks.k)((()=>{const backdrop=ref.current,dialog=state.contentElement;backdrop&&dialog&&(backdrop.style.zIndex=getComputedStyle(dialog).zIndex)}),[state.contentElement]);const onClickProp=null==backdropProps?void 0:backdropProps.onClick,hideOnInteractOutsideProp=Object(hooks.a)(hideOnInteractOutside),previousMouseDownRef=usePreviousMouseDownRef(state.mounted),onClick=Object(hooks.c)((event=>{null==onClickProp||onClickProp(event),event.defaultPrevented||Object(events.g)(event)&&previousMouseDownRef.current===event.currentTarget&&hideOnInteractOutsideProp(event)&&(event.stopPropagation(),state.hide())})),onKeyDownProp=null==backdropProps?void 0:backdropProps.onKeyDown,hideOnEscapeProp=Object(hooks.a)(hideOnEscape),onKeyDown=Object(hooks.c)((event=>{null==onKeyDownProp||onKeyDownProp(event),event.defaultPrevented||"Escape"===event.key&&Object(events.g)(event)&&hideOnEscapeProp(event)&&state.hide()})),props=Object(disclosure_content.a)({state:state,id:void 0,role:"presentation",tabIndex:-1,...backdropProps,ref:Object(hooks.e)(null==backdropProps?void 0:backdropProps.ref,ref),onClick:onClick,onKeyDown:onKeyDown,style:{position:"fixed",top:0,right:0,bottom:0,left:0,...null==backdropProps?void 0:backdropProps.style}}),Component="boolean"!=typeof backdrop&&backdrop||"div";return Object(jsx_runtime.jsx)(Component,{...props,"data-backdrop":null==(_state$contentElement=state.contentElement)?void 0:_state$contentElement.id,children:children})}const ignoreTags=["SCRIPT","STYLE"];function isValidElement(element,ignoredElements){return!ignoreTags.includes(element.tagName)&&!ignoredElements.some((enabledElement=>enabledElement&&Object(dom.c)(element,enabledElement)))}function walkTreeOutside(elements,callback){for(let element of elements){const document=Object(dom.e)(element);for(;null!=(_element=element)&&_element.parentElement&&element!==document.body;){var _element;for(const child of element.parentElement.children)isValidElement(child,elements)&&callback(child);element=element.parentElement}}}function disableElement$1(element){const previousAriaHidden=element.getAttribute("aria-hidden")||"";element.setAttribute("aria-hidden","true");return()=>{previousAriaHidden?element.setAttribute("aria-hidden",previousAriaHidden):element.removeAttribute("aria-hidden")}}function disableAccessibilityTreeOutside(){const cleanups=[];for(var _len=arguments.length,elements=new Array(_len),_key=0;_key<_len;_key++)elements[_key]=arguments[_key];walkTreeOutside(elements,(element=>{cleanups.unshift(disableElement$1(element))}));const restoreAccessibilityTree=()=>{cleanups.forEach((fn=>fn()))};return restoreAccessibilityTree}function disableElement(element){if(!("style"in element))return misc.d;const previousPointerEvents=element.style.pointerEvents;element.style.pointerEvents="none";return()=>{element.style.pointerEvents=null!=previousPointerEvents?previousPointerEvents:""}}function useEventOutside(_ref){let{type:type,listener:listener,dialogRef:dialogRef,nestedDialogs:nestedDialogs,disclosureRef:disclosureRef,enabled:enabled,capture:capture}=_ref;const callListener=Object(hooks.c)(listener),nestedDialogsRef=Object(hooks.i)(nestedDialogs);Object(react.useEffect)((()=>{if(!enabled)return;return Object(events.a)(type,(event=>{const container=dialogRef.current,disclosure=null==disclosureRef?void 0:disclosureRef.current,target=event.target;container&&function isInDocument(target){return"HTML"===target.tagName||Object(dom.c)(Object(dom.e)(target).body,target)}(target)&&(Object(dom.c)(container,target)||disclosure&&function isDisclosure(disclosure,target){if(Object(dom.c)(disclosure,target))return!0;const activeId=target.getAttribute("aria-activedescendant");if(activeId){const activeElement=Object(dom.e)(disclosure).getElementById(activeId);if(activeElement)return Object(dom.c)(disclosure,activeElement)}return!1}(disclosure,target)||target.hasAttribute("data-focus-trap")||nestedDialogsRef.current.some(function dialogContains(target){return dialogRef=>{var _dialogRef$current;const dialog=dialogRef.current;return!(!dialog||!Object(dom.c)(dialog,target)&&target.getAttribute("data-backdrop")!==(null==(_dialogRef$current=dialogRef.current)?void 0:_dialogRef$current.id))}}(target))||callListener(event))}),capture)}),[enabled,dialogRef,disclosureRef,callListener,capture])}function shouldHideOnInteractOutside(hideOnInteractOutside,event){return"function"==typeof hideOnInteractOutside?hideOnInteractOutside(event):!!hideOnInteractOutside}const NestedDialogsContext=Object(react.createContext)({});function usePreventBodyScroll(enabled){Object(hooks.k)((()=>{if(!enabled)return;const{documentElement:documentElement,body:body}=document,scrollbarWidth=window.innerWidth-documentElement.clientWidth,scrollX=window.pageXOffset,scrollY=window.pageYOffset,documentLeft=documentElement.getBoundingClientRect().left,scrollbarX=Math.round(documentLeft)+documentElement.scrollLeft,restoreStyle=function assignStyle(element,style){if(!element)return()=>{};const previousStyle=element.style.cssText;return Object.assign(element.style,style),()=>{element.style.cssText=previousStyle}}(body,{position:"fixed",overflow:"hidden",top:"-"+scrollY+"px",left:"-"+scrollX+"px",right:"0",[scrollbarX?"paddingLeft":"paddingRight"]:scrollbarWidth+"px"}),previousScrollbarWidth=documentElement.style.getPropertyValue("--scrollbar-width");return documentElement.style.setProperty("--scrollbar-width",scrollbarWidth+"px"),()=>{restoreStyle(),window.scrollTo(scrollX,scrollY),previousScrollbarWidth?documentElement.style.setProperty("--scrollbar-width",previousScrollbarWidth):documentElement.style.removeProperty("--scrollbar-width")}}),[enabled])}const isSafariOrFirefoxOnAppleDevice=Object(platform.a)()&&(Object(platform.d)()||Object(platform.b)());function isInDialog(element){return dialogRef=>dialogRef.current&&Object(dom.c)(dialogRef.current,element)}const useDialog=Object(system.c)((_ref=>{let{state:state,focusable:focusable=!0,modal:modal=!0,portal:portal=!!modal,backdrop:backdrop=!!modal,backdropProps:backdropProps,hideOnEscape:hideOnEscape=!0,hideOnInteractOutside:hideOnInteractOutside=!0,preventBodyScroll:preventBodyScroll=!!modal,autoFocusOnShow:autoFocusOnShow=!0,autoFocusOnHide:autoFocusOnHide=!0,initialFocusRef:initialFocusRef,finalFocusRef:finalFocusRef,...props}=_ref;const ref=Object(react.useRef)(null),visibleRef=Object(react.useRef)(state.visible),[portalNode,setPortalNode]=Object(react.useState)(null),portalRef=Object(hooks.e)(setPortalNode,props.portalRef),domReady=!portal||portalNode,preserveTabOrder=props.preserveTabOrder&&!modal&&state.mounted;Object(hooks.k)((()=>{if(!state.mounted)return;const dialog=ref.current,activeElement=Object(dom.d)(dialog,!0);activeElement&&"BODY"!==activeElement.tagName&&(state.disclosureRef.current=activeElement)}),[state.mounted]);const nested=function useNestedDialogs(dialogRef,_ref){let{state:state,modal:modal}=_ref;const context=Object(react.useContext)(NestedDialogsContext),[nestedDialogs,setNestedDialogs]=Object(react.useState)([]),[visibleModals,setVisibleModals]=Object(react.useState)([]),addDialog=Object(react.useCallback)((ref=>{const removeFromContext=null==context.addDialog?void 0:context.addDialog(ref);return setNestedDialogs((dialogs=>[...dialogs,ref])),()=>{null==removeFromContext||removeFromContext(),setNestedDialogs((dialogs=>dialogs.filter((dialog=>dialog!==ref))))}}),[context.addDialog]),showModal=Object(react.useCallback)((ref=>{const hideModal=null==context.showModal?void 0:context.showModal(ref);return setVisibleModals((modals=>[...modals,ref])),()=>{null==hideModal||hideModal(),setVisibleModals((modals=>modals.filter((modal=>modal!==ref))))}}),[context.showModal]);Object(hooks.k)((()=>null==context.addDialog?void 0:context.addDialog(dialogRef)),[context.addDialog,dialogRef]),Object(hooks.k)((()=>{if(modal&&state.visible)return null==context.showModal?void 0:context.showModal(dialogRef)}),[modal,state.visible,context.showModal,dialogRef]),Object(hooks.k)((()=>{!1===context.visible&&state.visible&&state.hide()}),[context.visible,state.visible,state.hide]);const providerValue=Object(react.useMemo)((()=>({visible:state.visible,addDialog:addDialog,showModal:showModal})),[state.visible,addDialog,showModal]);return{nestedDialogs:nestedDialogs,visibleModals:visibleModals,wrapElement:Object(react.useCallback)((element=>Object(jsx_runtime.jsx)(NestedDialogsContext.Provider,{value:providerValue,children:element})),[providerValue])}}(ref,{state:state,modal:modal}),{nestedDialogs:nestedDialogs,visibleModals:visibleModals,wrapElement:wrapElement}=nested,nestedDialogsRef=Object(hooks.i)(nestedDialogs);usePreventBodyScroll(preventBodyScroll&&state.mounted),function useHideOnUnmount(dialogRef,state){Object(react.useEffect)((()=>{if(dialogRef.current)return()=>{dialogRef.current||state.hide()}}),[dialogRef,state.hide])}(ref,state),function useFocusOnChildUnmount(dialogRef,state){Object(react.useEffect)((()=>{if(!state.visible)return;const dialog=dialogRef.current;if(!dialog)return;const observer=new MutationObserver((_ref=>{let[mutation]=_ref;if(!mutation)return;if(mutation.target!==dialog)return;const document=Object(dom.e)(dialog);Object(dom.d)(dialog)===document.body&&dialog.focus()}));return observer.observe(dialog,{childList:!0,subtree:!0}),()=>observer.disconnect()}),[state.visible,dialogRef])}(ref,state),function useHideOnInteractOutside(dialogRef,nestedDialogs,_ref2){let{state:state,modal:modal,hideOnInteractOutside:hideOnInteractOutside,enabled:enabled=state.visible}=_ref2;const previousMouseDownRef=usePreviousMouseDownRef(enabled),props={disclosureRef:state.disclosureRef,enabled:enabled,dialogRef:dialogRef,nestedDialogs:nestedDialogs,capture:!0};useEventOutside({...props,type:"mousedown",listener:event=>{const dialog=dialogRef.current;dialog&&modal&&!shouldHideOnInteractOutside(hideOnInteractOutside,event)&&(Object(esm_focus.b)(dialog),event.preventDefault(),event.stopPropagation())}}),useEventOutside({...props,type:"click",listener:event=>{if(!shouldHideOnInteractOutside(hideOnInteractOutside,event)){if(!modal)return;return event.preventDefault(),void event.stopPropagation()}previousMouseDownRef.current===event.target&&state.hide()}}),useEventOutside({...props,type:"focusin",listener:event=>{const dialog=dialogRef.current;if(dialog){if(!shouldHideOnInteractOutside(hideOnInteractOutside,event)){if(!modal)return;return Object(esm_focus.b)(dialog),event.preventDefault(),void event.stopPropagation()}event.target!==Object(dom.e)(dialog)&&state.hide()}}}),useEventOutside({...props,type:"contextmenu",listener:event=>{const dialog=dialogRef.current;if(dialog){if(!shouldHideOnInteractOutside(hideOnInteractOutside,event)){if(!modal)return;return Object(esm_focus.b)(dialog),event.preventDefault(),void event.stopPropagation()}state.hide()}}})}(ref,nestedDialogs,{state:state,modal:modal,hideOnInteractOutside:hideOnInteractOutside,enabled:state.visible}),isSafariOrFirefoxOnAppleDevice&&Object(react.useEffect)((()=>{if(!state.mounted)return;const disclosure=state.disclosureRef.current;if(!disclosure)return;if(!Object(dom.h)(disclosure))return;const onMouseDown=()=>{Object(events.h)(disclosure,"mouseup",(()=>Object(esm_focus.c)(disclosure)))};return disclosure.addEventListener("mousedown",onMouseDown),()=>{disclosure.removeEventListener("mousedown",onMouseDown)}}),[state.mounted,state.disclosureRef]),Object(react.useEffect)((()=>{if(!state.mounted)return;if(!domReady)return;const dialog=ref.current;if(dialog&&(modal||portal&&preserveTabOrder&&Object(platform.d)())){if(dialog.querySelector("[data-dialog-dismiss]"))return;return function prependHiddenDismiss(container,onClick){const button=Object(dom.e)(container).createElement("button");return button.type="button",button.tabIndex=-1,button.textContent="Dismiss popup",button.style.border="0px",button.style.clip="rect(0 0 0 0)",button.style.height="1px",button.style.margin="-1px",button.style.overflow="hidden",button.style.padding="0px",button.style.position="absolute",button.style.whiteSpace="nowrap",button.style.width="1px",button.addEventListener("click",onClick),container.prepend(button),()=>{button.removeEventListener("click",onClick),button.remove()}}(dialog,state.hide)}}),[state.mounted,domReady,modal,portal,preserveTabOrder,state.hide]),Object(hooks.k)((()=>{if(state.animating)return;if(!state.visible)return;const element=portal?portalNode:ref.current;return modal?Object(misc.b)(disableAccessibilityTreeOutside(element),backdrop?null:function disablePointerEventsOutside(){const cleanups=[];for(var _len=arguments.length,elements=new Array(_len),_key=0;_key<_len;_key++)elements[_key]=arguments[_key];walkTreeOutside(elements,(element=>{cleanups.unshift(disableElement(element))}));return()=>{cleanups.forEach((fn=>fn()))}}(element)):portal&&preserveTabOrder&&Object(platform.d)()?disableAccessibilityTreeOutside(element):void 0}),[state.animating,state.visible,portal,portalNode,modal,backdrop,preserveTabOrder]),Object(react.useEffect)((()=>{var _nestedDialogsRef$cur;if(state.animating)return;if(!state.visible)return;if(!autoFocusOnShow)return;if(!domReady)return;if(null==(_nestedDialogsRef$cur=nestedDialogsRef.current)?void 0:_nestedDialogsRef$cur.some((child=>child.current&&!child.current.hidden)))return;const dialog=ref.current;if(!dialog)return;const element=(null==initialFocusRef?void 0:initialFocusRef.current)||Object(esm_focus.e)(dialog,!0,portal&&preserveTabOrder)||dialog;Object(esm_focus.b)(element)}),[state.animating,state.visible,autoFocusOnShow,domReady,initialFocusRef,portal,preserveTabOrder]),Object(react.useEffect)((()=>{const dialog=ref.current,previouslyVisible=visibleRef.current;if(visibleRef.current=state.visible,!previouslyVisible)return;if(!autoFocusOnHide)return;if(!dialog)return;const focusOnHide=()=>{const dialogs=nestedDialogsRef.current;if(function isAlreadyFocusingAnotherElement(dialog,nestedDialogs){const activeElement=Object(dom.d)();return!(!activeElement||Object(dom.c)(dialog,activeElement)||function isBackdrop(dialog,element){const id=dialog.id;if(id)return element.getAttribute("data-backdrop")===id}(dialog,activeElement)||null!=nestedDialogs&&nestedDialogs.some(isInDialog(activeElement))||!Object(esm_focus.j)(activeElement))}(dialog,dialogs))return;const element=(null==finalFocusRef?void 0:finalFocusRef.current)||state.disclosureRef.current;if(element){if(element.id){const document=Object(dom.e)(element),selector='[aria-activedescendant="'+element.id+'"]',composite=document.querySelector(selector);if(composite)return void Object(esm_focus.b)(composite)}Object(esm_focus.b)(element)}};return state.visible?focusOnHide:focusOnHide()}),[autoFocusOnHide,state.visible,finalFocusRef,state.disclosureRef]);const hideOnEscapeProp=Object(hooks.a)(hideOnEscape);Object(react.useEffect)((()=>{if(!domReady)return;if(!state.mounted)return;return Object(events.a)("keydown",(event=>{const dialog=ref.current;if(!dialog)return;const target=event.target,disclosure=state.disclosureRef.current;if("Escape"!==event.key)return;if(event.defaultPrevented)return;if(!target)return;(()=>{if(Object(dom.c)(dialog,target)){return!nestedDialogsRef.current.some(isInDialog(target))}return!(!disclosure||!Object(dom.c)(disclosure,target))})()&&hideOnEscapeProp(event)&&state.hide()}))}),[domReady,state.mounted,state.disclosureRef,hideOnEscapeProp,state.hide]),props=Object(hooks.m)(props,wrapElement,[wrapElement]),props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)(HeadingLevel,{level:modal?1:void 0,children:element})),[modal]),props=Object(hooks.m)(props,(element=>{const renderFocusTrap=getTabbable=>state.visible&&modal&&!visibleModals.length?Object(jsx_runtime.jsx)("span",{tabIndex:0,style:{position:"fixed",top:0,left:0},"aria-hidden":!0,"data-focus-trap":"",onFocus:()=>{const dialog=ref.current;if(!dialog)return;const tabbable=getTabbable(dialog,!0);tabbable?tabbable.focus():dialog.focus()}}):null;return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[renderFocusTrap(esm_focus.f),element,renderFocusTrap(esm_focus.e)]})}),[state.visible,modal,visibleModals]),props=Object(hooks.m)(props,(element=>backdrop?Object(jsx_runtime.jsx)(DialogBackdrop,{state:state,backdrop:backdrop,backdropProps:backdropProps,hideOnInteractOutside:hideOnInteractOutside,hideOnEscape:hideOnEscape,children:element}):element),[state,backdrop,backdropProps,hideOnInteractOutside,hideOnEscape]);const[headingId,setHeadingId]=Object(react.useState)(),[descriptionId,setDescriptionId]=Object(react.useState)();return props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)(DialogContext.Provider,{value:state,children:Object(jsx_runtime.jsx)(DialogHeadingContext.Provider,{value:setHeadingId,children:Object(jsx_runtime.jsx)(DialogDescriptionContext.Provider,{value:setDescriptionId,children:element})})})),[state]),props={"data-dialog":"",role:"dialog",tabIndex:focusable?-1:void 0,"aria-labelledby":headingId,"aria-describedby":descriptionId,...props,ref:Object(hooks.e)(ref,props.ref)},props=Object(disclosure_content.a)({state:state,...props}),props=Object(focusable_focusable.a)({...props,focusable:focusable}),props=Object(portal_portal.b)({portal:portal,...props,portalRef:portalRef,preserveTabOrder:preserveTabOrder}),props})),Dialog=Object(system.a)((props=>{const htmlProps=useDialog(props);return Object(system.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/disclosure/disclosure-content.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useDisclosureContent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js");const useDisclosureContent=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.c)((_ref=>{let{state:state,...props}=_ref;const id=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.f)(props.id),[transition,setTransition]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),raf=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(state.animated)return raf.current=requestAnimationFrame((()=>{raf.current=requestAnimationFrame((()=>{state.visible?setTransition("enter"):state.animating?setTransition("leave"):setTransition(null)}))})),()=>cancelAnimationFrame(raf.current);setTransition(null)}),[state.animated,state.visible,state.animating]);const onEnd=event=>{event.defaultPrevented||Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_1__.g)(event)&&state.animating&&!0===state.animated&&state.stopAnimation()},onTransitionEndProp=props.onTransitionEnd,onTransitionEnd=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.c)((event=>{null==onTransitionEndProp||onTransitionEndProp(event),onEnd(event)})),onAnimationEndProp=props.onAnimationEnd,onAnimationEnd=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.c)((event=>{null==onAnimationEndProp||onAnimationEndProp(event),onEnd(event)})),style=state.mounted||!1===props.hidden?props.style:{...props.style,display:"none"};return props={id:id,"data-enter":"enter"===transition?"":void 0,"data-leave":"leave"===transition?"":void 0,hidden:!state.mounted,...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.e)(id?state.setContentElement:null,props.ref),onTransitionEnd:onTransitionEnd,onAnimationEnd:onAnimationEnd,style:style},props}));Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.a)((props=>{const htmlProps=useDisclosureContent(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/disclosure/disclosure-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useDisclosureState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js");function useDisclosureState(_temp){var _props$defaultVisible;let{animated:animated=!1,...props}=void 0===_temp?{}:_temp;const disclosureRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),[visible,setVisible]=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.b)(null!=(_props$defaultVisible=props.defaultVisible)&&_props$defaultVisible,props.visible,props.setVisible),[contentElement,setContentElement]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),[animating,setAnimating]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),prevVisible=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.j)(visible),mounted=visible||animating;animated&&!animating&&prevVisible!==visible&&setAnimating(!0),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if("number"==typeof animated&&animating){const timeout=setTimeout((()=>setAnimating(!1)),animated);return()=>clearTimeout(timeout)}}),[animated,animating,visible]);const show=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setVisible(!0)),[setVisible]),hide=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setVisible(!1)),[setVisible]),toggle=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setVisible((v=>!v))),[setVisible]),stopAnimation=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setAnimating(!1)),[]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({disclosureRef:disclosureRef,visible:visible,mounted:mounted,animated:animated,animating:animating,contentElement:contentElement,setContentElement:setContentElement,setVisible:setVisible,show:show,hide:hide,toggle:toggle,stopAnimation:stopAnimation})),[visible,mounted,animated,animating,contentElement,setContentElement,setVisible,show,hide,toggle,stopAnimation])}},"./node_modules/ariakit/esm/focusable/focusable.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useFocusable}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_focus__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/focus.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_misc__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),ariakit_utils_platform__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/ariakit-utils/esm/platform.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js");const isSafariOrFirefoxOnAppleDevice=Object(ariakit_utils_platform__WEBPACK_IMPORTED_MODULE_6__.a)()&&(Object(ariakit_utils_platform__WEBPACK_IMPORTED_MODULE_6__.d)()||Object(ariakit_utils_platform__WEBPACK_IMPORTED_MODULE_6__.b)()),alwaysFocusVisibleInputTypes=["text","search","url","tel","email","password","number","date","month","week","time","datetime","datetime-local"];function isNativeCheckboxOrRadio(element){return!("input"!==element.tagName.toLowerCase()||!element.type)&&("radio"===element.type||"checkbox"===element.type)}function getTabIndex(focusable,trulyDisabled,nativeTabbable,supportsDisabled,tabIndexProp){return focusable?trulyDisabled?nativeTabbable&&!supportsDisabled?-1:void 0:nativeTabbable?tabIndexProp:tabIndexProp||0:tabIndexProp}function useDisableEvent(onEvent,disabled){return Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.c)((event=>{null==onEvent||onEvent(event),event.defaultPrevented||disabled&&(event.stopPropagation(),event.preventDefault())}))}let isKeyboardModality=!0;function onGlobalMouseDown(event){const target=event.target;target&&"hasAttribute"in target&&(target.hasAttribute("data-focus-visible")||(isKeyboardModality=!1))}function onGlobalKeyDown(event){event.metaKey||event.ctrlKey||(isKeyboardModality=!0)}const useFocusable=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_7__.c)((_ref=>{let{focusable:focusable=!0,accessibleWhenDisabled:accessibleWhenDisabled,autoFocus:autoFocus,onFocusVisible:onFocusVisible,...props}=_ref;const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{focusable&&(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.a)("mousedown",onGlobalMouseDown,!0),Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.a)("keydown",onGlobalKeyDown,!0))}),[focusable]),isSafariOrFirefoxOnAppleDevice&&Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!focusable)return;const element=ref.current;if(!element)return;if(!isNativeCheckboxOrRadio(element))return;const labels=function getLabels(element){return"labels"in element?element.labels:null}(element);if(!labels)return;const onMouseUp=()=>Object(ariakit_utils_misc__WEBPACK_IMPORTED_MODULE_5__.f)((()=>element.focus()));return labels.forEach((label=>label.addEventListener("mouseup",onMouseUp))),()=>{labels.forEach((label=>label.removeEventListener("mouseup",onMouseUp)))}}),[focusable]);const disabled=focusable&&props.disabled,trulyDisabled=!!disabled&&!accessibleWhenDisabled,[focusVisible,setFocusVisible]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{focusable&&trulyDisabled&&focusVisible&&setFocusVisible(!1)}),[focusable,trulyDisabled,focusVisible]),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!focusable)return;if(!focusVisible)return;const element=ref.current;if(!element)return;if("undefined"==typeof IntersectionObserver)return;const observer=new IntersectionObserver((()=>{Object(ariakit_utils_focus__WEBPACK_IMPORTED_MODULE_3__.j)(element)||setFocusVisible(!1)}));return observer.observe(element),()=>observer.disconnect()}),[focusable,focusVisible]);const onKeyPressCapture=useDisableEvent(props.onKeyPressCapture,disabled),onMouseDownCapture=useDisableEvent(props.onMouseDownCapture,disabled),onClickCapture=useDisableEvent(props.onClickCapture,disabled),onMouseDownProp=props.onMouseDown,onMouseDown=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.c)((event=>{if(null==onMouseDownProp||onMouseDownProp(event),event.defaultPrevented)return;if(!focusable)return;const element=event.currentTarget;isSafariOrFirefoxOnAppleDevice&&(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.f)(event)||(Object(ariakit_utils_dom__WEBPACK_IMPORTED_MODULE_1__.h)(element)||isNativeCheckboxOrRadio(element))&&Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.h)(element,"mouseup",(()=>Object(ariakit_utils_focus__WEBPACK_IMPORTED_MODULE_3__.c)(element))))})),onFocusVisibleProp=onFocusVisible,onFocusVisibleEvent=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.c)((event=>{null==onFocusVisibleProp||onFocusVisibleProp(event),event.defaultPrevented||focusable&&setFocusVisible(!0)})),onKeyDownCaptureProp=props.onKeyDownCapture,onKeyDownCapture=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.c)((event=>{null==onKeyDownCaptureProp||onKeyDownCaptureProp(event),focusable&&(event.metaKey||event.altKey||event.ctrlKey||Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)&&(focusVisible||event.defaultPrevented||onFocusVisibleEvent(event)))})),onFocusCaptureProp=props.onFocusCapture,onFocusCapture=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.c)((event=>{null==onFocusCaptureProp||onFocusCaptureProp(event),event.defaultPrevented||focusable&&(Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.g)(event)?isKeyboardModality||function isAlwaysFocusVisible(element){const{tagName:tagName,readOnly:readOnly,type:type}=element;return"TEXTAREA"===tagName&&!readOnly||"SELECT"===tagName&&!readOnly||("INPUT"!==tagName||readOnly?!!element.isContentEditable:alwaysFocusVisibleInputTypes.includes(type))}(event.target)?onFocusVisibleEvent(event):!function isAlwaysFocusVisibleDelayed(element){return"combobox"===element.getAttribute("role")}(event.target)?setFocusVisible(!1):Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.h)(event.target,"focusout",(()=>onFocusVisibleEvent(event))):setFocusVisible(!1))})),onBlurProp=props.onBlur,onBlur=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.c)((event=>{null==onBlurProp||onBlurProp(event),focusable&&Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_2__.e)(event)&&setFocusVisible(!1)}));Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.k)((()=>{var _ref$current;focusable&&(autoFocus&&(null==(_ref$current=ref.current)||_ref$current.focus()))}),[focusable,autoFocus]);const tagName=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.l)(ref,props.as),nativeTabbable=focusable&&function isNativeTabbable(tagName){return!tagName||"button"===tagName||"input"===tagName||"select"===tagName||"textarea"===tagName||"a"===tagName}(tagName),supportsDisabled=focusable&&function supportsDisabledAttribute(tagName){return!tagName||"button"===tagName||"input"===tagName||"select"===tagName||"textarea"===tagName}(tagName),style=trulyDisabled?{pointerEvents:"none",...props.style}:props.style;return props={"data-focus-visible":focusable&&focusVisible?"":void 0,"aria-disabled":!!disabled||void 0,...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.e)(ref,props.ref),style:style,tabIndex:getTabIndex(focusable,trulyDisabled,nativeTabbable,supportsDisabled,props.tabIndex),disabled:!(!supportsDisabled||!trulyDisabled)||void 0,contentEditable:disabled?void 0:props.contentEditable,onKeyPressCapture:onKeyPressCapture,onClickCapture:onClickCapture,onMouseDownCapture:onMouseDownCapture,onMouseDown:onMouseDown,onKeyDownCapture:onKeyDownCapture,onFocusCapture:onFocusCapture,onBlur:onBlur},props}));Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_7__.a)((props=>(props=useFocusable(props),Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_7__.b)("div",props))))},"./node_modules/ariakit/esm/menu/menu-button.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MenuButton}));var react=__webpack_require__("./node_modules/react/index.js"),dom=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),store=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),composite_typeahead=__webpack_require__("./node_modules/ariakit/esm/composite/composite-typeahead.js"),events=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),focusable_focusable=__webpack_require__("./node_modules/ariakit/esm/focusable/focusable.js");const useHovercardAnchor=Object(system.c)((_ref=>{let{state:state,showOnHover:showOnHover=!0,...props}=_ref;const disabled=props.disabled||!0===props["aria-disabled"]||"true"===props["aria-disabled"],showTimeoutRef=Object(react.useRef)(0);Object(react.useEffect)((()=>()=>window.clearTimeout(showTimeoutRef.current)),[]),Object(react.useEffect)((()=>Object(events.a)("mouseleave",(event=>{const element=state.anchorRef.current;element&&event.target===element&&(window.clearTimeout(showTimeoutRef.current),showTimeoutRef.current=0)}),!0)),[state.anchorRef]);const onMouseMoveProp=props.onMouseMove,showOnHoverProp=Object(hooks.a)(showOnHover),onMouseMove=Object(hooks.c)((event=>{state.anchorRef.current=event.currentTarget,null==onMouseMoveProp||onMouseMoveProp(event),disabled||event.defaultPrevented||showTimeoutRef.current||function hasMouseMovement(event){return event.movementX||event.movementY||!1}(event)&&showOnHoverProp(event)&&(showTimeoutRef.current=window.setTimeout((()=>{showTimeoutRef.current=0,state.show()}),state.showTimeout))}));return props={...props,ref:Object(hooks.e)(state.anchorRef,props.ref),onMouseMove:onMouseMove},props=Object(focusable_focusable.a)(props),props}));Object(system.a)((props=>{const htmlProps=useHovercardAnchor(props);return Object(system.b)("a",htmlProps)}));var command=__webpack_require__("./node_modules/ariakit/esm/command/command.js");const useButton=Object(system.c)((props=>{const ref=Object(react.useRef)(null),tagName=Object(hooks.l)(ref,props.as||"button"),[isNativeButton,setIsNativeButton]=Object(react.useState)((()=>!!tagName&&Object(dom.h)({tagName:tagName,type:props.type})));return Object(react.useEffect)((()=>{ref.current&&setIsNativeButton(Object(dom.h)(ref.current))}),[]),props={role:isNativeButton||"a"===tagName?void 0:"button",...props,ref:Object(hooks.e)(ref,props.ref)},props=Object(command.a)(props)})),useDisclosure=(Object(system.a)((props=>{const htmlProps=useButton(props);return Object(system.b)("button",htmlProps)})),Object(system.c)((_ref=>{var _state$contentElement;let{state:state,toggleOnClick:toggleOnClick=!0,...props}=_ref;const ref=Object(react.useRef)(null),[expanded,setExpanded]=Object(react.useState)(!1);Object(hooks.k)((()=>{const currentDisclosure=state.disclosureRef.current;currentDisclosure&&currentDisclosure.isConnected||(state.disclosureRef.current=ref.current);const isCurrentDisclosure=state.disclosureRef.current===ref.current;setExpanded(state.visible&&isCurrentDisclosure)}),[state.disclosureRef,state.visible]);const onMouseDownProp=props.onMouseDown,onMouseDown=Object(hooks.c)((event=>{state.disclosureRef.current=event.currentTarget,null==onMouseDownProp||onMouseDownProp(event)})),onClickProp=props.onClick,toggleOnClickProp=Object(hooks.a)(toggleOnClick),isDuplicate="data-disclosure"in props,onClick=Object(hooks.c)((event=>{state.disclosureRef.current=event.currentTarget,null==onClickProp||onClickProp(event),event.defaultPrevented||isDuplicate||toggleOnClickProp(event)&&state.toggle()}));return props={"data-disclosure":"","aria-expanded":expanded,"aria-controls":null==(_state$contentElement=state.contentElement)?void 0:_state$contentElement.id,...props,ref:Object(hooks.e)(ref,props.ref),onMouseDown:onMouseDown,onClick:onClick},props=useButton(props),props}))),useDialogDisclosure=(Object(system.a)((props=>{const htmlProps=useDisclosure(props);return Object(system.b)("button",htmlProps)})),Object(system.c)((_ref=>{let{state:state,...props}=_ref;return props=useDisclosure({state:state,...props}),props})));Object(system.a)((props=>{const htmlProps=useDialogDisclosure(props);return Object(system.b)("button",htmlProps)}));var _utils_3e6151ed=__webpack_require__("./node_modules/ariakit/esm/__utils-3e6151ed.js"),popover_anchor=__webpack_require__("./node_modules/ariakit/esm/popover/popover-anchor.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const usePopoverDisclosure=Object(system.c)((_ref=>{let{state:state,...props}=_ref;const onClickProp=props.onClick,onClick=Object(hooks.c)((event=>{state.anchorRef.current=event.currentTarget,null==onClickProp||onClickProp(event)}));return props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)(_utils_3e6151ed.a.Provider,{value:state,children:element})),[state]),props={...props,onClick:onClick},props=Object(popover_anchor.a)({state:state,...props}),props=useDialogDisclosure({state:state,...props}),props}));Object(system.a)((props=>{const htmlProps=usePopoverDisclosure(props);return Object(system.b)("button",htmlProps)}));var _utils_07f4a93f=__webpack_require__("./node_modules/ariakit/esm/__utils-07f4a93f.js");const useMenuButton=Object(system.c)((_ref=>{let{state:state,focusable:focusable,accessibleWhenDisabled:accessibleWhenDisabled,showOnHover:showOnHover,...props}=_ref;const ref=Object(react.useRef)(null),parentMenu=Object(store.c)(_utils_07f4a93f.a,["items","move"]),parentMenuBar=Object(store.c)(_utils_07f4a93f.b,["items","move"]),hasParentMenu=!!parentMenu,parentIsMenuBar=!!parentMenuBar&&!hasParentMenu,disabled=props.disabled||!0===props["aria-disabled"]||"true"===props["aria-disabled"];Object(react.useEffect)((()=>{state.disclosureRef.current=ref.current}));const onFocusProp=props.onFocus,onFocus=Object(hooks.c)((event=>{null==onFocusProp||onFocusProp(event),disabled||event.defaultPrevented||(state.setAutoFocusOnShow(!1),state.setActiveId(null),parentMenuBar&&parentIsMenuBar&&Object(_utils_07f4a93f.c)(parentMenuBar.items,event.currentTarget)&&state.show())})),dir=state.placement.split("-")[0],onKeyDownProp=props.onKeyDown,onKeyDown=Object(hooks.c)((event=>{if(null==onKeyDownProp||onKeyDownProp(event),disabled)return;if(event.defaultPrevented)return;const initialFocus=function getInitialFocus(event,dir){return{ArrowDown:("bottom"===dir||"top"===dir)&&"first",ArrowUp:("bottom"===dir||"top"===dir)&&"last",ArrowRight:"right"===dir&&"first",ArrowLeft:"left"===dir&&"first"}[event.key]}(event,dir);initialFocus&&(event.preventDefault(),state.show(),state.setAutoFocusOnShow(!0),state.setInitialFocus(initialFocus))})),onClickProp=props.onClick,onClick=Object(hooks.c)((event=>{if(null==onClickProp||onClickProp(event),event.defaultPrevented)return;const isKeyboardClick=!event.detail;state.mounted&&!isKeyboardClick||(hasParentMenu&&!isKeyboardClick||state.setAutoFocusOnShow(!0),state.setInitialFocus(isKeyboardClick?"first":"container")),hasParentMenu&&state.show()}));hasParentMenu&&(props={as:"div",...props});return props={id:Object(hooks.f)(props.id),role:hasParentMenu||parentIsMenuBar?"menuitem":void 0,"aria-haspopup":Object(dom.f)(state.contentElement,"menu"),...props,ref:Object(hooks.e)(ref,props.ref),onFocus:onFocus,onKeyDown:onKeyDown,onClick:onClick},props=useHovercardAnchor({state:state,focusable:focusable,accessibleWhenDisabled:accessibleWhenDisabled,...props,showOnHover:event=>"function"==typeof showOnHover?showOnHover(event):null!=showOnHover?showOnHover:!!hasParentMenu||parentIsMenuBar&&Object(_utils_07f4a93f.c)(parentMenuBar.items)}),props=usePopoverDisclosure({state:state,toggleOnClick:!hasParentMenu,focusable:focusable,accessibleWhenDisabled:accessibleWhenDisabled,...props}),props=Object(composite_typeahead.a)({state:state,typeahead:parentIsMenuBar,...props}),props})),MenuButton=Object(system.a)((props=>{const htmlProps=useMenuButton(props);return Object(system.b)("button",htmlProps)}))},"./node_modules/ariakit/esm/menu/menu-group.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MenuGroup}));var system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js");const GroupLabelContext=Object(react.createContext)(void 0);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const useGroup=Object(system.c)((props=>{const[labelId,setLabelId]=Object(react.useState)();return props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)(GroupLabelContext.Provider,{value:setLabelId,children:element})),[]),props={role:"group","aria-labelledby":labelId,...props}})),useCompositeGroup=(Object(system.a)((props=>{const htmlProps=useGroup(props);return Object(system.b)("div",htmlProps)})),Object(system.c)((_ref=>{let{state:state,...props}=_ref;return props=useGroup(props),props}))),useMenuGroup=(Object(system.a)((props=>{const htmlProps=useCompositeGroup(props);return Object(system.b)("div",htmlProps)})),Object(system.c)((props=>props=useCompositeGroup(props)))),MenuGroup=Object(system.a)((props=>{const htmlProps=useMenuGroup(props);return Object(system.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/menu/menu-item.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useMenuItem}));var hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),store=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),react=__webpack_require__("./node_modules/react/index.js"),dom=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),events=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),esm_focus=__webpack_require__("./node_modules/ariakit-utils/esm/focus.js"),_utils_7da92179=__webpack_require__("./node_modules/ariakit/esm/__utils-7da92179.js");let mouseMoving=!1,previousScreenX=0,previousScreenY=0;function hasMouseMovement(event){var _event$movementX,_event$movementY;const movementX=null!=(_event$movementX=event.movementX)?_event$movementX:event.screenX-previousScreenX,movementY=null!=(_event$movementY=event.movementY)?_event$movementY:event.screenY-previousScreenY;return previousScreenX=event.screenX,previousScreenY=event.screenY,movementX||movementY||!1}function setMouseMoving(event){hasMouseMovement(event)&&(mouseMoving=!0)}function resetMouseMoving(){mouseMoving=!1}function getMouseDestination(event){const relatedTarget=event.relatedTarget;return(null==relatedTarget?void 0:relatedTarget.nodeType)===Node.ELEMENT_NODE?relatedTarget:null}const useCompositeHover=Object(system.c)((_ref=>{let{state:state,focusOnHover:focusOnHover=!0,...props}=_ref;state=Object(store.c)(state||_utils_7da92179.a,["setActiveId","baseRef"]),Object(react.useEffect)((()=>{Object(events.a)("mousemove",setMouseMoving,!0),Object(events.a)("mousedown",resetMouseMoving,!0),Object(events.a)("mouseup",resetMouseMoving,!0),Object(events.a)("keydown",resetMouseMoving,!0),Object(events.a)("scroll",resetMouseMoving,!0)}),[]);const onMouseMoveProp=props.onMouseMove,focusOnHoverProp=Object(hooks.a)(focusOnHover),onMouseMove=Object(hooks.c)((event=>{var _state2;if(null==onMouseMoveProp||onMouseMoveProp(event),!event.defaultPrevented&&hasMouseMovement(event)&&focusOnHoverProp(event)){var _state,_state$baseRef$curren;if(!Object(esm_focus.i)(event.currentTarget))null==(_state=state)||null==(_state$baseRef$curren=_state.baseRef.current)||_state$baseRef$curren.focus();null==(_state2=state)||_state2.setActiveId(event.currentTarget.id)}})),onMouseLeaveProp=props.onMouseLeave,onMouseLeave=Object(hooks.c)((event=>{var _state3,_state4,_state4$baseRef$curre;null==onMouseLeaveProp||onMouseLeaveProp(event),event.defaultPrevented||mouseMoving&&(function hoveringInside(event){const nextElement=getMouseDestination(event);return!!nextElement&&Object(dom.c)(event.currentTarget,nextElement)}(event)||function movingToAnotherItem(event){const dest=getMouseDestination(event);return!!dest&&!!Object(dom.b)(dest,"[data-composite-hover]")}(event)||focusOnHoverProp(event)&&(null==(_state3=state)||_state3.setActiveId(null),null==(_state4=state)||null==(_state4$baseRef$curre=_state4.baseRef.current)||_state4$baseRef$curre.focus()))}));return props={"data-composite-hover":"",...props,onMouseMove:onMouseMove,onMouseLeave:onMouseLeave},props}));Object(store.a)((props=>{const htmlProps=useCompositeHover(props);return Object(system.b)("div",htmlProps)}));var composite_item=__webpack_require__("./node_modules/ariakit/esm/composite/composite-item.js"),_utils_07f4a93f=__webpack_require__("./node_modules/ariakit/esm/__utils-07f4a93f.js");const useMenuItem=Object(system.c)((_ref=>{let{state:state,hideOnClick:hideOnClick=!0,preventScrollOnKeyDown:preventScrollOnKeyDown=!0,focusOnHover:focusOnHover,...props}=_ref;const menuBarState=Object(store.c)(state||_utils_07f4a93f.b,["items"]);state=Object(store.c)(state||_utils_07f4a93f.a,["move","hideAll"])||menuBarState;const onClickProp=props.onClick,hideOnClickProp=Object(hooks.a)(hideOnClick),hideMenu=state&&"hideAll"in state?state.hideAll:void 0,isWithinMenu=!!hideMenu,onClick=Object(hooks.c)((event=>{if(null==onClickProp||onClickProp(event),event.defaultPrevented)return;if(!hideMenu)return;"menu"!==event.currentTarget.getAttribute("aria-haspopup")&&hideOnClickProp(event)&&hideMenu()}));return props={role:"menuitem",...props,onClick:onClick},props=Object(composite_item.a)({state:state,preventScrollOnKeyDown:preventScrollOnKeyDown,...props}),props=useCompositeHover({state:state,...props,focusOnHover:event=>{var _state;return"function"==typeof focusOnHover?focusOnHover(event):null!=focusOnHover?focusOnHover:"mouseleave"===event.type?isWithinMenu:isWithinMenu?(event.currentTarget.hasAttribute("aria-expanded")&&event.currentTarget.focus(),!0):!!Object(_utils_07f4a93f.c)(null==(_state=state)?void 0:_state.items,event.currentTarget)&&(event.currentTarget.focus(),!0)}}),props})),MenuItem=Object(store.a)((props=>{const htmlProps=useMenuItem(props);return Object(system.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/menu/menu-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useMenuState}));var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),misc=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),store=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),composite_state=__webpack_require__("./node_modules/ariakit/esm/composite/composite-state.js"),popover_state=__webpack_require__("./node_modules/ariakit/esm/popover/popover-state.js");var _utils_07f4a93f=__webpack_require__("./node_modules/ariakit/esm/__utils-07f4a93f.js");function useMenuState(_temp){var _timeout;let{orientation:orientation="vertical",timeout:timeout,hideTimeout:hideTimeout=0,...props}=void 0===_temp?{}:_temp;const[initialFocus,setInitialFocus]=Object(react.useState)("container"),[values,setValues]=Object(hooks.b)(props.defaultValues||{},props.values,props.setValues),parentMenu=Object(store.c)(_utils_07f4a93f.a,["orientation","hideAll"]),parentMenuBar=Object(store.c)(_utils_07f4a93f.b,["orientation"]),contextOrientation=(null==parentMenu?void 0:parentMenu.orientation)||(null==parentMenuBar?void 0:parentMenuBar.orientation),parentIsMenuBar=!!parentMenuBar&&!parentMenu,placement=props.placement||("vertical"===contextOrientation?"right-start":"bottom-start");timeout=(null!=(_timeout=timeout)?_timeout:parentIsMenuBar)?0:150;const composite=Object(composite_state.a)({orientation:orientation,...props}),hovercard=function useHovercardState(_temp){let{timeout:timeout=500,placement:placement="bottom",showTimeout:showTimeout=timeout,hideTimeout:hideTimeout=timeout,...props}=void 0===_temp?{}:_temp;const[autoFocusOnShow,setAutoFocusOnShow]=Object(react.useState)(!1),popover=Object(popover_state.a)({placement:placement,...props});return Object(react.useMemo)((()=>({...popover,timeout:timeout,showTimeout:showTimeout,hideTimeout:hideTimeout,autoFocusOnShow:autoFocusOnShow,setAutoFocusOnShow:setAutoFocusOnShow})),[popover,timeout,showTimeout,hideTimeout,autoFocusOnShow,setAutoFocusOnShow])}({timeout:timeout,hideTimeout:hideTimeout,...props,placement:placement});Object(react.useEffect)((()=>{hovercard.mounted||composite.setActiveId(null)}),[hovercard.mounted,composite.setActiveId]);const setValue=Object(react.useCallback)(((name,value)=>{"__proto__"!==name&&"constructor"!==name&&setValues((prevValues=>{const prevValue=prevValues[name],nextValue=Object(misc.a)(value,prevValue);return nextValue===prevValue?prevValues:{...prevValues,[name]:void 0===nextValue?!!nextValue:nextValue}}))}),[setValues]),hideAll=Object(react.useCallback)((()=>{hovercard.hide(),null==parentMenu||parentMenu.hideAll()}),[hovercard.hide,null==parentMenu?void 0:parentMenu.hideAll]),state=Object(react.useMemo)((()=>({...composite,...hovercard,initialFocus:initialFocus,setInitialFocus:setInitialFocus,values:values,setValues:setValues,setValue:setValue,hideAll:hideAll})),[composite,hovercard,initialFocus,setInitialFocus,values,setValues,setValue,hideAll]);return Object(store.e)(state)}},"./node_modules/ariakit/esm/menu/menu.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu}));var react=__webpack_require__("./node_modules/react/index.js"),esm_focus=__webpack_require__("./node_modules/ariakit-utils/esm/focus.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),store=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),dom=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),events=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),misc=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),_utils_3e6151ed=__webpack_require__("./node_modules/ariakit/esm/__utils-3e6151ed.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const usePopover=Object(system.c)((_ref=>{let{state:state,modal:modal=!1,portal:portal=!!modal,preserveTabOrder:preserveTabOrder=!0,autoFocusOnShow:autoFocusOnShow=!0,wrapperProps:wrapperProps,...props}=_ref;const popoverRef=state.popoverRef;Object(hooks.k)((()=>{const wrapper=popoverRef.current,popover=state.contentElement;wrapper&&popover&&(wrapper.style.zIndex=getComputedStyle(popover).zIndex)}),[popoverRef,state.contentElement]);const[canAutoFocusOnShow,setCanAutoFocusOnShow]=Object(react.useState)(!1);return Object(react.useEffect)((()=>{setCanAutoFocusOnShow(state.mounted&&!!state.contentElement)}),[state.mounted,state.contentElement]),props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)("div",{role:"presentation",...wrapperProps,style:{position:"fixed",...null==wrapperProps?void 0:wrapperProps.style},ref:popoverRef,children:element})),[popoverRef,wrapperProps]),props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)(_utils_3e6151ed.a.Provider,{value:state,children:element})),[state]),props={...props,style:{position:"relative",...props.style}},props=Object(dialog.b)({state:state,modal:modal,preserveTabOrder:preserveTabOrder,portal:portal,autoFocusOnShow:canAutoFocusOnShow&&autoFocusOnShow,...props}),props}));Object(system.a)((props=>{const htmlProps=usePopover(props);return Object(system.b)("div",htmlProps)}));function getEventPoint(event){return[event.clientX,event.clientY]}function isPointInPolygon(point,polygon){const[x,y]=point;let isInside=!1;const length=polygon.length;for(let i=0,j=length-1;i<length;j=i++){const[xi,yi]=polygon[i]||[0,0],[xj,yj]=polygon[j]||[0,0];yi>=y!=yj>=y&&x<=(xj-xi)*(y-yi)/(yj-yi)+xi&&(isInside=!isInside)}return isInside}function getElementPolygon(element,placement){const{top:top,right:right,bottom:bottom,left:left}=element.getBoundingClientRect(),[basePlacement]=placement.split("-");switch(basePlacement){case"top":return[[left,bottom],[left,top],[right,top],[right,bottom]];case"right":return[[left,top],[right,top],[right,bottom],[left,bottom]];case"bottom":return[[left,top],[left,bottom],[right,bottom],[right,top]];default:return[[right,top],[left,top],[left,bottom],[right,bottom]]}}function isMovingOnHovercard(target,card,anchor,nested){return!!Object(esm_focus.i)(card)||!!target&&(!!Object(dom.c)(card,target)||(!(!anchor||!Object(dom.c)(anchor,target))||!(null==nested||!nested.some((card=>isMovingOnHovercard(target,card,anchor))))))}const NestedHovercardContext=Object(react.createContext)(null),useHovercard=Object(system.c)((_ref3=>{let{state:state,modal:modal=!1,portal:portal=!!modal,hideOnEscape:hideOnEscape=!0,hideOnControl:hideOnControl=!1,hideOnHoverOutside:hideOnHoverOutside=!0,disablePointerEventsOnApproach:disablePointerEventsOnApproach=!!hideOnHoverOutside,...props}=_ref3;const ref=Object(react.useRef)(null),[nestedHovercards,setNestedHovercards]=Object(react.useState)([]),hideTimeoutRef=Object(react.useRef)(0),enterPointRef=Object(react.useRef)(null),[portalNode,setPortalNode]=Object(react.useState)(null),portalRef=Object(hooks.e)(setPortalNode,props.portalRef),domReady=!portal||portalNode,hideOnEscapeProp=Object(hooks.a)(hideOnEscape),hideOnControlProp=Object(hooks.a)(hideOnControl);Object(react.useEffect)((()=>{if(state.visible)return Object(events.a)("keydown",(event=>{if(event.defaultPrevented)return;const isEscape="Escape"===event.key&&hideOnEscapeProp(event),isControl="Control"===event.key&&hideOnControlProp(event);(isEscape||isControl)&&state.hide()}))}),[state.visible,hideOnEscapeProp,hideOnControlProp,state.hide]);const mayHideOnHoverOutside=!!hideOnHoverOutside,hideOnHoverOutsideProp=Object(hooks.a)(hideOnHoverOutside),mayDisablePointerEvents=!!disablePointerEventsOnApproach,disablePointerEventsProp=Object(hooks.a)(disablePointerEventsOnApproach);Object(react.useEffect)((()=>{if(!domReady)return;if(!state.mounted)return;if(!mayHideOnHoverOutside&&!mayDisablePointerEvents)return;const element=ref.current;if(!element)return;return Object(events.a)("mousemove",(event=>{const enterPoint=enterPointRef.current,target=event.target,anchor=state.anchorRef.current;if(isMovingOnHovercard(target,element,anchor,nestedHovercards))return enterPointRef.current=target&&anchor&&Object(dom.c)(anchor,target)?getEventPoint(event):null,window.clearTimeout(hideTimeoutRef.current),void(hideTimeoutRef.current=0);if(!hideTimeoutRef.current){if(enterPoint){const currentPoint=getEventPoint(event),placement=state.currentPlacement;if(isPointInPolygon(currentPoint,[enterPoint,...getElementPolygon(element,placement)])){if(enterPointRef.current=currentPoint,!disablePointerEventsProp(event))return;return event.preventDefault(),void event.stopPropagation()}}hideOnHoverOutsideProp(event)&&(hideTimeoutRef.current=window.setTimeout(state.hide,state.hideTimeout))}}),!0)}),[domReady,state.mounted,mayHideOnHoverOutside,mayDisablePointerEvents,state.anchorRef,nestedHovercards,state.currentPlacement,disablePointerEventsProp,hideOnHoverOutsideProp,state.hide,state.hideTimeout]),Object(react.useEffect)((()=>{if(!domReady)return;if(!state.mounted)return;if(!mayDisablePointerEvents)return;const disableEvent=event=>{const element=ref.current;if(!element)return;const enterPoint=enterPointRef.current;if(!enterPoint)return;const polygon=[enterPoint,...getElementPolygon(element,state.currentPlacement)];if(isPointInPolygon(getEventPoint(event),polygon)){if(!disablePointerEventsProp(event))return;event.preventDefault(),event.stopPropagation()}};return Object(misc.b)(Object(events.a)("mouseenter",disableEvent,!0),Object(events.a)("mouseover",disableEvent,!0),Object(events.a)("mouseout",disableEvent,!0),Object(events.a)("mouseleave",disableEvent,!0))}),[domReady,state.mounted,mayDisablePointerEvents,state.currentPlacement,disablePointerEventsProp]);const registerOnParent=Object(react.useContext)(NestedHovercardContext);Object(hooks.k)((()=>{if(modal)return;if(!portal)return;if(!state.mounted)return;if(!domReady)return;const element=ref.current;return element?null==registerOnParent?void 0:registerOnParent(element):void 0}),[modal,portal,state.mounted,domReady]);const registerNestedHovercard=Object(react.useCallback)((element=>{setNestedHovercards((prevElements=>[...prevElements,element]));const parentUnregister=null==registerOnParent?void 0:registerOnParent(element);return()=>{setNestedHovercards((prevElements=>prevElements.filter((item=>item!==element)))),null==parentUnregister||parentUnregister()}}),[registerOnParent]);return props=Object(hooks.m)(props,(element=>Object(jsx_runtime.jsx)(NestedHovercardContext.Provider,{value:registerNestedHovercard,children:element})),[registerNestedHovercard]),props={...props,ref:Object(hooks.e)(ref,props.ref)},props=function useAutoFocusOnHide(_ref2){let{state:state,...props}=_ref2;const[autoFocusOnHide,setAutoFocusOnHide]=Object(react.useState)(!1);Object(react.useEffect)((()=>{state.mounted||setAutoFocusOnHide(!1)}),[state.mounted]);const onFocusProp=Object(hooks.c)(props.onFocus),onFocus=Object(react.useCallback)((event=>{onFocusProp(event),event.defaultPrevented||setAutoFocusOnHide(!0)}),[onFocusProp]);return props={autoFocusOnHide:autoFocusOnHide,finalFocusRef:state.anchorRef,...props,onFocus:onFocus},props}({state:state,...props}),props=function useAutoFocusOnShow(_ref){let{state:state,...props}=_ref;return Object(react.useEffect)((()=>{state.mounted||state.setAutoFocusOnShow(!1)}),[state.mounted,state.setAutoFocusOnShow]),Object(react.useEffect)((()=>()=>state.setAutoFocusOnShow(!1)),[state.setAutoFocusOnShow]),{autoFocusOnShow:!!props.modal||state.autoFocusOnShow,...props}}({state:state,...props}),props=usePopover({hideOnEscape:hideOnEscape,state:state,modal:modal,portal:portal,...props,portalRef:portalRef}),props}));Object(system.a)((props=>{const htmlProps=useHovercard(props);return Object(system.b)("div",htmlProps)}));var _utils_07f4a93f=__webpack_require__("./node_modules/ariakit/esm/__utils-07f4a93f.js"),platform=__webpack_require__("./node_modules/ariakit-utils/esm/platform.js"),composite_composite=__webpack_require__("./node_modules/ariakit/esm/composite/composite.js"),composite_typeahead=__webpack_require__("./node_modules/ariakit/esm/composite/composite-typeahead.js");const isSafariOnMac=Object(platform.c)()&&Object(platform.d)();const useMenuList=Object(system.c)((_ref2=>{let{state:state,composite:composite=!0,...props}=_ref2;const parentMenu=Object(store.c)(_utils_07f4a93f.a,[]),parentMenuBar=Object(store.c)(_utils_07f4a93f.b,["items","move","next","previous","orientation"]),hasParentMenu=!!parentMenu,id=Object(hooks.f)(props.id),onKeyDownProp=props.onKeyDown,dir=state.placement.split("-")[0],orientation="both"===state.orientation?void 0:state.orientation,isHorizontal="vertical"!==orientation,isMenuBarHorizontal=!!parentMenuBar&&"vertical"!==(null==parentMenuBar?void 0:parentMenuBar.orientation),onKeyDown=Object(hooks.c)((event=>{if(null==onKeyDownProp||onKeyDownProp(event),!event.defaultPrevented){if(hasParentMenu||parentMenuBar&&!isHorizontal){const action={ArrowRight:()=>"left"===dir&&!isHorizontal,ArrowLeft:()=>"right"===dir&&!isHorizontal,ArrowUp:()=>"bottom"===dir&&isHorizontal,ArrowDown:()=>"top"===dir&&isHorizontal}[event.key];if(null!=action&&action())return event.stopPropagation(),event.preventDefault(),state.hide()}if(parentMenuBar){const action={ArrowRight:()=>{if(isMenuBarHorizontal)return parentMenuBar.next()},ArrowLeft:()=>{if(isMenuBarHorizontal)return parentMenuBar.previous()},ArrowDown:()=>{if(!isMenuBarHorizontal)return parentMenuBar.next()},ArrowUp:()=>{if(!isMenuBarHorizontal)return parentMenuBar.previous()}}[event.key],id=null==action?void 0:action();void 0!==id&&(event.stopPropagation(),event.preventDefault(),parentMenuBar.move(id))}}}));props=Object(store.d)({state:state,...props},_utils_07f4a93f.a);const ariaLabelledBy=function useAriaLabelledBy(_ref){let{state:state,...props}=_ref;const[id,setId]=Object(react.useState)(void 0),label=props["aria-label"];return Object(react.useEffect)((()=>{const disclosure=state.disclosureRef.current;if(!disclosure)return;const menu=state.contentElement;menu&&(label||menu.hasAttribute("aria-label")?setId(void 0):disclosure.id&&setId(disclosure.id))}),[label,state.disclosureRef,state.contentElement]),id}({state:state,...props}),style=state.mounted?props.style:{...props.style,display:"none"};return props={id:id,"aria-labelledby":ariaLabelledBy,hidden:!state.mounted,...props,ref:Object(hooks.e)(id?state.setContentElement:null,props.ref),style:style,onKeyDown:onKeyDown},composite&&(props={role:isSafariOnMac?"menubar":"menu","aria-orientation":orientation,...props}),props=Object(composite_composite.a)({state:state,composite:composite,...props}),props=Object(composite_typeahead.a)({state:state,...props}),props}));Object(system.a)((props=>{const htmlProps=useMenuList(props);return Object(system.b)("div",htmlProps)}));function getItemRefById(items,id){var _items$find;if(id)return null==(_items$find=items.find((item=>item.id===id)))?void 0:_items$find.ref}const useMenu=Object(system.c)((_ref=>{let{state:state,hideOnEscape:hideOnEscape=!0,hideOnHoverOutside:hideOnHoverOutside,...props}=_ref;const parentMenu=Object(store.c)(_utils_07f4a93f.a,[]),parentMenuBar=Object(store.c)(_utils_07f4a93f.b,[]),hasParentMenu=!!parentMenu,parentIsMenuBar=!!parentMenuBar&&!hasParentMenu,onKeyDownProp=props.onKeyDown,hideOnEscapeProp=Object(hooks.a)(hideOnEscape),onKeyDown=Object(hooks.c)((event=>{if(null==onKeyDownProp||onKeyDownProp(event),!event.defaultPrevented&&"Escape"===event.key){if(!hideOnEscapeProp(event))return;return hasParentMenu||event.stopPropagation(),state.hide()}}));props={...props,onKeyDown:onKeyDown},props=useMenuList({state:state,...props});const[initialFocusRef,setInitialFocusRef]=Object(react.useState)();return Object(react.useEffect)((()=>{setInitialFocusRef((prevInitialFocusRef=>{if(state.autoFocusOnShow){if(prevInitialFocusRef)return prevInitialFocusRef;switch(state.initialFocus){case"first":return getItemRefById(state.items,state.first());case"last":return getItemRefById(state.items,state.last());default:return state.baseRef}}}))}),[state.autoFocusOnShow,state.initialFocus,state.items,state.first,state.last,state.baseRef]),props=useHovercard({state:state,initialFocusRef:initialFocusRef,autoFocusOnShow:state.autoFocusOnShow||!!props.modal,...props,hideOnHoverOutside:event=>{if("function"==typeof hideOnHoverOutside)return hideOnHoverOutside(event);if(null!=hideOnHoverOutside)return hideOnHoverOutside;if(hasParentMenu)return parentMenu.setActiveId(null),!0;if(!parentIsMenuBar)return!1;const disclosure=state.disclosureRef.current;return!disclosure||!Object(esm_focus.i)(disclosure)},modal:!hasParentMenu&&props.modal,backdrop:!hasParentMenu&&props.backdrop,hideOnEscape:!hasParentMenu&&hideOnEscape}),props})),Menu=Object(system.a)((props=>{const htmlProps=useMenu(props);return Object(system.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/popover/popover-anchor.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePopoverAnchor}));var ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js");const usePopoverAnchor=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.c)((_ref=>{let{state:state,...props}=_ref;return props={...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__.e)(state.anchorRef,props.ref)},props}));Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.a)((props=>{const htmlProps=usePopoverAnchor(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/popover/popover-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePopoverState}));var react=__webpack_require__("./node_modules/react/index.js");function getSide(placement){return placement.split("-")[0]}function getAlignment(placement){return placement.split("-")[1]}function getMainAxisFromPlacement(placement){return["top","bottom"].includes(getSide(placement))?"x":"y"}function getLengthFromAxis(axis){return"y"===axis?"height":"width"}function computeCoordsFromPlacement(_ref,placement,rtl){let{reference:reference,floating:floating}=_ref;const commonX=reference.x+reference.width/2-floating.width/2,commonY=reference.y+reference.height/2-floating.height/2,mainAxis=getMainAxisFromPlacement(placement),length=getLengthFromAxis(mainAxis),commonAlign=reference[length]/2-floating[length]/2,isVertical="x"===mainAxis;let coords;switch(getSide(placement)){case"top":coords={x:commonX,y:reference.y-floating.height};break;case"bottom":coords={x:commonX,y:reference.y+reference.height};break;case"right":coords={x:reference.x+reference.width,y:commonY};break;case"left":coords={x:reference.x-floating.width,y:commonY};break;default:coords={x:reference.x,y:reference.y}}switch(getAlignment(placement)){case"start":coords[mainAxis]-=commonAlign*(rtl&&isVertical?-1:1);break;case"end":coords[mainAxis]+=commonAlign*(rtl&&isVertical?-1:1)}return coords}function getSideObjectFromPadding(padding){return"number"!=typeof padding?function expandPaddingObject(padding){return{top:0,right:0,bottom:0,left:0,...padding}}(padding):{top:padding,right:padding,bottom:padding,left:padding}}function rectToClientRect(rect){return{...rect,top:rect.y,left:rect.x,right:rect.x+rect.width,bottom:rect.y+rect.height}}async function detectOverflow(middlewareArguments,options){var _await$platform$isEle;void 0===options&&(options={});const{x:x,y:y,platform:platform,rects:rects,elements:elements,strategy:strategy}=middlewareArguments,{boundary:boundary="clippingAncestors",rootBoundary:rootBoundary="viewport",elementContext:elementContext="floating",altBoundary:altBoundary=!1,padding:padding=0}=options,paddingObject=getSideObjectFromPadding(padding),element=elements[altBoundary?"floating"===elementContext?"reference":"floating":elementContext],clippingClientRect=rectToClientRect(await platform.getClippingRect({element:null==(_await$platform$isEle=await(null==platform.isElement?void 0:platform.isElement(element)))||_await$platform$isEle?element:element.contextElement||await(null==platform.getDocumentElement?void 0:platform.getDocumentElement(elements.floating)),boundary:boundary,rootBoundary:rootBoundary,strategy:strategy})),elementClientRect=rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect?await platform.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===elementContext?{...rects.floating,x:x,y:y}:rects.reference,offsetParent:await(null==platform.getOffsetParent?void 0:platform.getOffsetParent(elements.floating)),strategy:strategy}):rects[elementContext]);return{top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right}}const min=Math.min,max=Math.max;function within(min$1,value,max$1){return max(min$1,min(value,max$1))}const hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,(matched=>hash$1[matched]))}function getAlignmentSides(placement,rects,rtl){void 0===rtl&&(rtl=!1);const alignment=getAlignment(placement),mainAxis=getMainAxisFromPlacement(placement),length=getLengthFromAxis(mainAxis);let mainAlignmentSide="x"===mainAxis?alignment===(rtl?"end":"start")?"right":"left":"start"===alignment?"bottom":"top";return rects.reference[length]>rects.floating[length]&&(mainAlignmentSide=getOppositePlacement(mainAlignmentSide)),{main:mainAlignmentSide,cross:getOppositePlacement(mainAlignmentSide)}}const hash={start:"end",end:"start"};function getOppositeAlignmentPlacement(placement){return placement.replace(/start|end/g,(matched=>hash[matched]))}function getCrossAxis(axis){return"x"===axis?"y":"x"}function isWindow(value){return value&&value.document&&value.location&&value.alert&&value.setInterval}function getWindow(node){if(null==node)return window;if(!isWindow(node)){const ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function getComputedStyle$1(element){return getWindow(element).getComputedStyle(element)}function getNodeName(node){return isWindow(node)?"":node?(node.nodeName||"").toLowerCase():""}function getUAString(){const uaData=navigator.userAgentData;return null!=uaData&&uaData.brands?uaData.brands.map((item=>item.brand+"/"+item.version)).join(" "):navigator.userAgent}function isHTMLElement(value){return value instanceof getWindow(value).HTMLElement}function isElement(value){return value instanceof getWindow(value).Element}function isShadowRoot(node){if("undefined"==typeof ShadowRoot)return!1;return node instanceof getWindow(node).ShadowRoot||node instanceof ShadowRoot}function isOverflowElement(element){const{overflow:overflow,overflowX:overflowX,overflowY:overflowY}=getComputedStyle$1(element);return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function isTableElement(element){return["table","td","th"].includes(getNodeName(element))}function isContainingBlock(element){const isFirefox=/firefox/i.test(getUAString()),css=getComputedStyle$1(element);return"none"!==css.transform||"none"!==css.perspective||"paint"===css.contain||["transform","perspective"].includes(css.willChange)||isFirefox&&"filter"===css.willChange||isFirefox&&!!css.filter&&"none"!==css.filter}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}const floating_ui_dom_esm_min=Math.min,floating_ui_dom_esm_max=Math.max,round=Math.round;function getBoundingClientRect(element,includeScale,isFixedStrategy){var _win$visualViewport$o,_win$visualViewport,_win$visualViewport$o2,_win$visualViewport2;void 0===includeScale&&(includeScale=!1),void 0===isFixedStrategy&&(isFixedStrategy=!1);const clientRect=element.getBoundingClientRect();let scaleX=1,scaleY=1;includeScale&&isHTMLElement(element)&&(scaleX=element.offsetWidth>0&&round(clientRect.width)/element.offsetWidth||1,scaleY=element.offsetHeight>0&&round(clientRect.height)/element.offsetHeight||1);const win=isElement(element)?getWindow(element):window,addVisualOffsets=!isLayoutViewport()&&isFixedStrategy,x=(clientRect.left+(addVisualOffsets&&null!=(_win$visualViewport$o=null==(_win$visualViewport=win.visualViewport)?void 0:_win$visualViewport.offsetLeft)?_win$visualViewport$o:0))/scaleX,y=(clientRect.top+(addVisualOffsets&&null!=(_win$visualViewport$o2=null==(_win$visualViewport2=win.visualViewport)?void 0:_win$visualViewport2.offsetTop)?_win$visualViewport$o2:0))/scaleY,width=clientRect.width/scaleX,height=clientRect.height/scaleY;return{width:width,height:height,top:y,right:x+width,bottom:y+height,left:x,x:x,y:y}}function getDocumentElement(node){return((function isNode(value){return value instanceof getWindow(value).Node}(node)?node.ownerDocument:node.document)||window.document).documentElement}function getNodeScroll(element){return isElement(element)?{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}:{scrollLeft:element.pageXOffset,scrollTop:element.pageYOffset}}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getNodeScroll(element).scrollLeft}function getRectRelativeToOffsetParent(element,offsetParent,strategy){const isOffsetParentAnElement=isHTMLElement(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(element,isOffsetParentAnElement&&function isScaled(element){const rect=getBoundingClientRect(element);return round(rect.width)!==element.offsetWidth||round(rect.height)!==element.offsetHeight}(offsetParent),"fixed"===strategy);let scroll={scrollLeft:0,scrollTop:0};const offsets={x:0,y:0};if(isOffsetParentAnElement||!isOffsetParentAnElement&&"fixed"!==strategy)if(("body"!==getNodeName(offsetParent)||isOverflowElement(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)){const offsetRect=getBoundingClientRect(offsetParent,!0);offsets.x=offsetRect.x+offsetParent.clientLeft,offsets.y=offsetRect.y+offsetParent.clientTop}else documentElement&&(offsets.x=getWindowScrollBarX(documentElement));return{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function getParentNode(node){return"html"===getNodeName(node)?node:node.assignedSlot||node.parentNode||(isShadowRoot(node)?node.host:null)||getDocumentElement(node)}function getTrueOffsetParent(element){return isHTMLElement(element)&&"fixed"!==getComputedStyle(element).position?element.offsetParent:null}function getOffsetParent(element){const window=getWindow(element);let offsetParent=getTrueOffsetParent(element);for(;offsetParent&&isTableElement(offsetParent)&&"static"===getComputedStyle(offsetParent).position;)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&("html"===getNodeName(offsetParent)||"body"===getNodeName(offsetParent)&&"static"===getComputedStyle(offsetParent).position&&!isContainingBlock(offsetParent))?window:offsetParent||function getContainingBlock(element){let currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&!["html","body"].includes(getNodeName(currentNode));){if(isContainingBlock(currentNode))return currentNode;currentNode=currentNode.parentNode}return null}(element)||window}function getDimensions(element){if(isHTMLElement(element))return{width:element.offsetWidth,height:element.offsetHeight};const rect=getBoundingClientRect(element);return{width:rect.width,height:rect.height}}function getNearestOverflowAncestor(node){const parentNode=getParentNode(node);return["html","body","#document"].includes(getNodeName(parentNode))?node.ownerDocument.body:isHTMLElement(parentNode)&&isOverflowElement(parentNode)?parentNode:getNearestOverflowAncestor(parentNode)}function getOverflowAncestors(node,list){var _node$ownerDocument;void 0===list&&(list=[]);const scrollableAncestor=getNearestOverflowAncestor(node),isBody=scrollableAncestor===(null==(_node$ownerDocument=node.ownerDocument)?void 0:_node$ownerDocument.body),win=getWindow(scrollableAncestor),target=isBody?[win].concat(win.visualViewport||[],isOverflowElement(scrollableAncestor)?scrollableAncestor:[]):scrollableAncestor,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(getOverflowAncestors(target))}function getClientRectFromClippingAncestor(element,clippingParent,strategy){return"viewport"===clippingParent?rectToClientRect(function getViewportRect(element,strategy){const win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport;let width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;const layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&"fixed"===strategy)&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)}return{width:width,height:height,x:x,y:y}}(element,strategy)):isElement(clippingParent)?function getInnerBoundingClientRect(element,strategy){const clientRect=getBoundingClientRect(element,!1,"fixed"===strategy),top=clientRect.top+element.clientTop,left=clientRect.left+element.clientLeft;return{top:top,left:left,x:left,y:top,right:left+element.clientWidth,bottom:top+element.clientHeight,width:element.clientWidth,height:element.clientHeight}}(clippingParent,strategy):rectToClientRect(function getDocumentRect(element){var _element$ownerDocumen;const html=getDocumentElement(element),scroll=getNodeScroll(element),body=null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body,width=floating_ui_dom_esm_max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=floating_ui_dom_esm_max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0);let x=-scroll.scrollLeft+getWindowScrollBarX(element);const y=-scroll.scrollTop;return"rtl"===getComputedStyle$1(body||html).direction&&(x+=floating_ui_dom_esm_max(html.clientWidth,body?body.clientWidth:0)-width),{width:width,height:height,x:x,y:y}}(getDocumentElement(element)))}function getClippingAncestors(element){const clippingAncestors=getOverflowAncestors(element),clipperElement=["absolute","fixed"].includes(getComputedStyle$1(element).position)&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingAncestors.filter((clippingAncestors=>isElement(clippingAncestors)&&function contains(parent,child){const rootNode=null==child||null==child.getRootNode?void 0:child.getRootNode();if(null!=parent&&parent.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){let next=child;do{if(next&&parent===next)return!0;next=next.parentNode||next.host}while(next)}return!1}(clippingAncestors,clipperElement)&&"body"!==getNodeName(clippingAncestors))):[]}const platform={getClippingRect:function getClippingRect(_ref){let{element:element,boundary:boundary,rootBoundary:rootBoundary,strategy:strategy}=_ref;const clippingAncestors=[..."clippingAncestors"===boundary?getClippingAncestors(element):[].concat(boundary),rootBoundary],firstClippingAncestor=clippingAncestors[0],clippingRect=clippingAncestors.reduce(((accRect,clippingAncestor)=>{const rect=getClientRectFromClippingAncestor(element,clippingAncestor,strategy);return accRect.top=floating_ui_dom_esm_max(rect.top,accRect.top),accRect.right=floating_ui_dom_esm_min(rect.right,accRect.right),accRect.bottom=floating_ui_dom_esm_min(rect.bottom,accRect.bottom),accRect.left=floating_ui_dom_esm_max(rect.left,accRect.left),accRect}),getClientRectFromClippingAncestor(element,firstClippingAncestor,strategy));return{width:clippingRect.right-clippingRect.left,height:clippingRect.bottom-clippingRect.top,x:clippingRect.left,y:clippingRect.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function convertOffsetParentRelativeRectToViewportRelativeRect(_ref){let{rect:rect,offsetParent:offsetParent,strategy:strategy}=_ref;const isOffsetParentAnElement=isHTMLElement(offsetParent),documentElement=getDocumentElement(offsetParent);if(offsetParent===documentElement)return rect;let scroll={scrollLeft:0,scrollTop:0};const offsets={x:0,y:0};if((isOffsetParentAnElement||!isOffsetParentAnElement&&"fixed"!==strategy)&&(("body"!==getNodeName(offsetParent)||isOverflowElement(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent))){const offsetRect=getBoundingClientRect(offsetParent,!0);offsets.x=offsetRect.x+offsetParent.clientLeft,offsets.y=offsetRect.y+offsetParent.clientTop}return{...rect,x:rect.x-scroll.scrollLeft+offsets.x,y:rect.y-scroll.scrollTop+offsets.y}},isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getElementRects:_ref=>{let{reference:reference,floating:floating,strategy:strategy}=_ref;return{reference:getRectRelativeToOffsetParent(reference,getOffsetParent(floating),strategy),floating:{...getDimensions(floating),x:0,y:0}}},getClientRects:element=>Array.from(element.getClientRects()),isRTL:element=>"rtl"===getComputedStyle$1(element).direction};const floating_ui_dom_esm_computePosition=(reference,floating,options)=>(async(reference,floating,config)=>{const{placement:placement="bottom",strategy:strategy="absolute",middleware:middleware=[],platform:platform}=config,rtl=await(null==platform.isRTL?void 0:platform.isRTL(floating));let rects=await platform.getElementRects({reference:reference,floating:floating,strategy:strategy}),{x:x,y:y}=computeCoordsFromPlacement(rects,placement,rtl),statefulPlacement=placement,middlewareData={};for(let i=0;i<middleware.length;i++){const{name:name,fn:fn}=middleware[i],{x:nextX,y:nextY,data:data,reset:reset}=await fn({x:x,y:y,initialPlacement:placement,placement:statefulPlacement,strategy:strategy,middlewareData:middlewareData,rects:rects,platform:platform,elements:{reference:reference,floating:floating}});x=null!=nextX?nextX:x,y=null!=nextY?nextY:y,middlewareData={...middlewareData,[name]:{...middlewareData[name],...data}},reset&&("object"==typeof reset&&(reset.placement&&(statefulPlacement=reset.placement),reset.rects&&(rects=!0===reset.rects?await platform.getElementRects({reference:reference,floating:floating,strategy:strategy}):reset.rects),({x:x,y:y}=computeCoordsFromPlacement(rects,statefulPlacement,rtl))),i=-1)}return{x:x,y:y,placement:statefulPlacement,strategy:strategy,middlewareData:middlewareData}})(reference,floating,{platform:platform,...options});var hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js");const middlewares_arrow=options=>({name:"arrow",options:options,async fn(middlewareArguments){const{element:element,padding:padding=0}=null!=options?options:{},{x:x,y:y,placement:placement,rects:rects,platform:platform}=middlewareArguments;if(null==element)return{};const paddingObject=getSideObjectFromPadding(padding),coords={x:x,y:y},axis=getMainAxisFromPlacement(placement),alignment=getAlignment(placement),length=getLengthFromAxis(axis),arrowDimensions=await platform.getDimensions(element),minProp="y"===axis?"top":"left",maxProp="y"===axis?"bottom":"right",endDiff=rects.reference[length]+rects.reference[axis]-coords[axis]-rects.floating[length],startDiff=coords[axis]-rects.reference[axis],arrowOffsetParent=await(null==platform.getOffsetParent?void 0:platform.getOffsetParent(element));let clientSize=arrowOffsetParent?"y"===axis?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0;0===clientSize&&(clientSize=rects.floating[length]);const centerToReference=endDiff/2-startDiff/2,min=paddingObject[minProp],max=clientSize-arrowDimensions[length]-paddingObject[maxProp],center=clientSize/2-arrowDimensions[length]/2+centerToReference,offset=within(min,center,max),shouldAddOffset=("start"===alignment?paddingObject[minProp]:paddingObject[maxProp])>0&&center!==offset&&rects.reference[length]<=rects.floating[length];return{[axis]:coords[axis]-(shouldAddOffset?center<min?min-center:max-center:0),data:{[axis]:offset,centerOffset:center-offset}}}}),middlewares_flip=function(options){return void 0===options&&(options={}),{name:"flip",options:options,async fn(middlewareArguments){var _middlewareData$flip;const{placement:placement,middlewareData:middlewareData,rects:rects,initialPlacement:initialPlacement,platform:platform,elements:elements}=middlewareArguments,{mainAxis:checkMainAxis=!0,crossAxis:checkCrossAxis=!0,fallbackPlacements:specifiedFallbackPlacements,fallbackStrategy:fallbackStrategy="bestFit",flipAlignment:flipAlignment=!0,...detectOverflowOptions}=options,side=getSide(placement),fallbackPlacements=specifiedFallbackPlacements||(side===initialPlacement||!flipAlignment?[getOppositePlacement(initialPlacement)]:function getExpandedPlacements(placement){const oppositePlacement=getOppositePlacement(placement);return[getOppositeAlignmentPlacement(placement),oppositePlacement,getOppositeAlignmentPlacement(oppositePlacement)]}(initialPlacement)),placements=[initialPlacement,...fallbackPlacements],overflow=await detectOverflow(middlewareArguments,detectOverflowOptions),overflows=[];let overflowsData=(null==(_middlewareData$flip=middlewareData.flip)?void 0:_middlewareData$flip.overflows)||[];if(checkMainAxis&&overflows.push(overflow[side]),checkCrossAxis){const{main:main,cross:cross}=getAlignmentSides(placement,rects,await(null==platform.isRTL?void 0:platform.isRTL(elements.floating)));overflows.push(overflow[main],overflow[cross])}if(overflowsData=[...overflowsData,{placement:placement,overflows:overflows}],!overflows.every((side=>side<=0))){var _middlewareData$flip$,_middlewareData$flip2;const nextIndex=(null!=(_middlewareData$flip$=null==(_middlewareData$flip2=middlewareData.flip)?void 0:_middlewareData$flip2.index)?_middlewareData$flip$:0)+1,nextPlacement=placements[nextIndex];if(nextPlacement)return{data:{index:nextIndex,overflows:overflowsData},reset:{placement:nextPlacement}};let resetPlacement="bottom";switch(fallbackStrategy){case"bestFit":{var _overflowsData$map$so;const placement=null==(_overflowsData$map$so=overflowsData.map((d=>[d,d.overflows.filter((overflow=>overflow>0)).reduce(((acc,overflow)=>acc+overflow),0)])).sort(((a,b)=>a[1]-b[1]))[0])?void 0:_overflowsData$map$so[0].placement;placement&&(resetPlacement=placement);break}case"initialPlacement":resetPlacement=initialPlacement}if(placement!==resetPlacement)return{reset:{placement:resetPlacement}}}return{}}}},middlewares_offset=function(value){return void 0===value&&(value=0),{name:"offset",options:value,async fn(middlewareArguments){const{x:x,y:y}=middlewareArguments,diffCoords=await async function convertValueToCoords(middlewareArguments,value){const{placement:placement,platform:platform,elements:elements}=middlewareArguments,rtl=await(null==platform.isRTL?void 0:platform.isRTL(elements.floating)),side=getSide(placement),alignment=getAlignment(placement),isVertical="x"===getMainAxisFromPlacement(placement),mainAxisMulti=["left","top"].includes(side)?-1:1,crossAxisMulti=rtl&&isVertical?-1:1,rawValue="function"==typeof value?value(middlewareArguments):value;let{mainAxis:mainAxis,crossAxis:crossAxis,alignmentAxis:alignmentAxis}="number"==typeof rawValue?{mainAxis:rawValue,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...rawValue};return alignment&&"number"==typeof alignmentAxis&&(crossAxis="end"===alignment?-1*alignmentAxis:alignmentAxis),isVertical?{x:crossAxis*crossAxisMulti,y:mainAxis*mainAxisMulti}:{x:mainAxis*mainAxisMulti,y:crossAxis*crossAxisMulti}}(middlewareArguments,value);return{x:x+diffCoords.x,y:y+diffCoords.y,data:diffCoords}}}},middlewares_shift=function(options){return void 0===options&&(options={}),{name:"shift",options:options,async fn(middlewareArguments){const{x:x,y:y,placement:placement}=middlewareArguments,{mainAxis:checkMainAxis=!0,crossAxis:checkCrossAxis=!1,limiter:limiter={fn:_ref=>{let{x:x,y:y}=_ref;return{x:x,y:y}}},...detectOverflowOptions}=options,coords={x:x,y:y},overflow=await detectOverflow(middlewareArguments,detectOverflowOptions),mainAxis=getMainAxisFromPlacement(getSide(placement)),crossAxis=getCrossAxis(mainAxis);let mainAxisCoord=coords[mainAxis],crossAxisCoord=coords[crossAxis];if(checkMainAxis){const maxSide="y"===mainAxis?"bottom":"right";mainAxisCoord=within(mainAxisCoord+overflow["y"===mainAxis?"top":"left"],mainAxisCoord,mainAxisCoord-overflow[maxSide])}if(checkCrossAxis){const maxSide="y"===crossAxis?"bottom":"right";crossAxisCoord=within(crossAxisCoord+overflow["y"===crossAxis?"top":"left"],crossAxisCoord,crossAxisCoord-overflow[maxSide])}const limitedCoords=limiter.fn({...middlewareArguments,[mainAxis]:mainAxisCoord,[crossAxis]:crossAxisCoord});return{...limitedCoords,data:{x:limitedCoords.x-x,y:limitedCoords.y-y}}}}},middlewares_size=function(options){return void 0===options&&(options={}),{name:"size",options:options,async fn(middlewareArguments){const{placement:placement,rects:rects,platform:platform,elements:elements}=middlewareArguments,{apply:apply,...detectOverflowOptions}=options,overflow=await detectOverflow(middlewareArguments,detectOverflowOptions),side=getSide(placement),alignment=getAlignment(placement);let heightSide,widthSide;"top"===side||"bottom"===side?(heightSide=side,widthSide=alignment===(await(null==platform.isRTL?void 0:platform.isRTL(elements.floating))?"start":"end")?"left":"right"):(widthSide=side,heightSide="end"===alignment?"top":"bottom");const xMin=max(overflow.left,0),xMax=max(overflow.right,0),yMin=max(overflow.top,0),yMax=max(overflow.bottom,0),dimensions={availableHeight:rects.floating.height-(["left","right"].includes(placement)?2*(0!==yMin||0!==yMax?yMin+yMax:max(overflow.top,overflow.bottom)):overflow[heightSide]),availableWidth:rects.floating.width-(["top","bottom"].includes(placement)?2*(0!==xMin||0!==xMax?xMin+xMax:max(overflow.left,overflow.right)):overflow[widthSide])},prevDimensions=await platform.getDimensions(elements.floating);null==apply||apply({...middlewareArguments,...dimensions});const nextDimensions=await platform.getDimensions(elements.floating);return prevDimensions.width!==nextDimensions.width||prevDimensions.height!==nextDimensions.height?{reset:{rects:!0}}:{}}}};function createDOMRect(x,y,width,height){if(void 0===x&&(x=0),void 0===y&&(y=0),void 0===width&&(width=0),void 0===height&&(height=0),"function"==typeof DOMRect)return new DOMRect(x,y,width,height);const rect={x:x,y:y,width:width,height:height,top:y,right:x+width,bottom:y+height,left:x};return{...rect,toJSON:()=>rect}}function getAnchorElement(anchorRef,getAnchorRect){return{contextElement:anchorRef.current||void 0,getBoundingClientRect:()=>{const anchor=anchorRef.current,anchorRect=getAnchorRect(anchor);return anchorRect||!anchor?function getDOMRect(anchorRect){if(!anchorRect)return createDOMRect();const{x:x,y:y,width:width,height:height}=anchorRect;return createDOMRect(x,y,width,height)}(anchorRect):anchor.getBoundingClientRect()}}}function isValidPlacement(flip){return/^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(flip)}function usePopoverState(_temp){let{placement:placement="bottom",fixed:fixed=!1,gutter:gutter,flip:flip=!0,shift:shift=0,slide:slide=!0,overlap:overlap=!1,sameWidth:sameWidth=!1,fitViewport:fitViewport=!1,arrowPadding:arrowPadding=4,overflowPadding:overflowPadding=8,renderCallback:renderCallback,...props}=void 0===_temp?{}:_temp;const dialog=Object(dialog_state.a)(props),getAnchorRect=Object(hooks.c)(props.getAnchorRect||(anchor=>(null==anchor?void 0:anchor.getBoundingClientRect())||null)),anchorRef=Object(react.useRef)(null),popoverRef=Object(react.useRef)(null),arrowRef=Object(react.useRef)(null),[currentPlacement,setCurrentPlacement]=Object(react.useState)(placement),[rendered,render]=Object(hooks.d)();Object(hooks.k)((()=>{const popover=popoverRef.current;if(!popover)return;const anchor=getAnchorElement(anchorRef,getAnchorRect),arrow=arrowRef.current,arrowOffset=((null==arrow?void 0:arrow.clientHeight)||0)/2,finalGutter="number"==typeof gutter?gutter+arrowOffset:null!=gutter?gutter:arrowOffset;popover.style.setProperty("--popover-overflow-padding",overflowPadding+"px");const defaultRenderCallback=()=>{const update=async()=>{if(!dialog.mounted)return;const middleware=[middlewares_offset((_ref=>{let{placement:placement}=_ref;return{crossAxis:!!placement.split("-")[1]?void 0:shift,mainAxis:finalGutter,alignmentAxis:shift}}))];if(!1!==flip){const fallbackPlacements="string"==typeof flip?flip.split(" "):void 0;if(void 0!==fallbackPlacements&&!fallbackPlacements.every(isValidPlacement))throw new Error("`flip` expects a spaced-delimited list of placements");middleware.push(middlewares_flip({padding:overflowPadding,fallbackPlacements:fallbackPlacements}))}(slide||overlap)&&middleware.push(middlewares_shift({mainAxis:slide,crossAxis:overlap,padding:overflowPadding})),middleware.push(middlewares_size({padding:overflowPadding,apply(_ref2){let{availableWidth:availableWidth,availableHeight:availableHeight,rects:rects}=_ref2;const referenceWidth=Math.round(rects.reference.width);popover.style.setProperty("--popover-anchor-width",referenceWidth+"px"),popover.style.setProperty("--popover-available-width",availableWidth+"px"),popover.style.setProperty("--popover-available-height",availableHeight+"px"),sameWidth&&(popover.style.width=referenceWidth+"px"),fitViewport&&(popover.style.maxWidth=availableWidth+"px",popover.style.maxHeight=availableHeight+"px")}})),arrow&&middleware.push(middlewares_arrow({element:arrow,padding:arrowPadding}));const pos=await floating_ui_dom_esm_computePosition(anchor,popover,{placement:placement,strategy:fixed?"fixed":"absolute",middleware:middleware});setCurrentPlacement(pos.placement);const x=Math.round(pos.x),y=Math.round(pos.y);if(Object.assign(popover.style,{position:fixed?"fixed":"absolute",top:"0",left:"0",transform:"translate3d("+x+"px, "+y+"px, 0)"}),arrow&&pos.middlewareData.arrow){const{x:arrowX,y:arrowY}=pos.middlewareData.arrow,dir=pos.placement.split("-")[0];Object.assign(arrow.style,{left:null!=arrowX?arrowX+"px":"",top:null!=arrowY?arrowY+"px":"",[dir]:"100%"})}};return update(),function autoUpdate(reference,floating,update,options){void 0===options&&(options={});const{ancestorScroll:_ancestorScroll=!0,ancestorResize:_ancestorResize=!0,elementResize:elementResize=!0,animationFrame:animationFrame=!1}=options;let cleanedUp=!1;const ancestorScroll=_ancestorScroll&&!animationFrame,ancestorResize=_ancestorResize&&!animationFrame,ancestors=ancestorScroll||ancestorResize?[...isElement(reference)?getOverflowAncestors(reference):[],...getOverflowAncestors(floating)]:[];ancestors.forEach((ancestor=>{ancestorScroll&&ancestor.addEventListener("scroll",update,{passive:!0}),ancestorResize&&ancestor.addEventListener("resize",update)}));let frameId,observer=null;elementResize&&(observer=new ResizeObserver(update),isElement(reference)&&!animationFrame&&observer.observe(reference),observer.observe(floating));let prevRefRect=animationFrame?getBoundingClientRect(reference):null;return animationFrame&&function frameLoop(){if(cleanedUp)return;const nextRefRect=getBoundingClientRect(reference);!prevRefRect||nextRefRect.x===prevRefRect.x&&nextRefRect.y===prevRefRect.y&&nextRefRect.width===prevRefRect.width&&nextRefRect.height===prevRefRect.height||update(),prevRefRect=nextRefRect,frameId=requestAnimationFrame(frameLoop)}(),()=>{var _observer;cleanedUp=!0,ancestors.forEach((ancestor=>{ancestorScroll&&ancestor.removeEventListener("scroll",update),ancestorResize&&ancestor.removeEventListener("resize",update)})),null==(_observer=observer)||_observer.disconnect(),observer=null,animationFrame&&cancelAnimationFrame(frameId)}}(anchor,popover,update,{elementResize:"function"==typeof ResizeObserver})};return renderCallback?renderCallback({mounted:dialog.mounted,placement:placement,fixed:fixed,gutter:finalGutter,shift:shift,overlap:overlap,flip:flip,sameWidth:sameWidth,fitViewport:fitViewport,arrowPadding:arrowPadding,overflowPadding:overflowPadding,popover:popover,anchor:anchor,arrow:arrow,setPlacement:setCurrentPlacement,defaultRenderCallback:defaultRenderCallback}):defaultRenderCallback()}),[rendered,dialog.contentElement,getAnchorRect,gutter,dialog.mounted,shift,overlap,flip,overflowPadding,slide,sameWidth,fitViewport,arrowPadding,placement,fixed,renderCallback]);return Object(react.useMemo)((()=>({...dialog,getAnchorRect:getAnchorRect,anchorRef:anchorRef,popoverRef:popoverRef,arrowRef:arrowRef,currentPlacement:currentPlacement,placement:placement,fixed:fixed,gutter:gutter,shift:shift,flip:flip,slide:slide,overlap:overlap,sameWidth:sameWidth,fitViewport:fitViewport,arrowPadding:arrowPadding,overflowPadding:overflowPadding,render:render,renderCallback:renderCallback})),[dialog,getAnchorRect,currentPlacement,placement,fixed,gutter,shift,flip,slide,overlap,sameWidth,fitViewport,arrowPadding,overflowPadding,render,renderCallback])}},"./node_modules/ariakit/esm/portal/portal.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Portal})),__webpack_require__.d(__webpack_exports__,"b",(function(){return usePortal}));var react=__webpack_require__("./node_modules/react/index.js"),dom=__webpack_require__("./node_modules/ariakit-utils/esm/dom.js"),events=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),esm_focus=__webpack_require__("./node_modules/ariakit-utils/esm/focus.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),misc=__webpack_require__("./node_modules/ariakit-utils/esm/misc.js"),system=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js");const PortalContext=Object(react.createContext)(null);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const useVisuallyHidden=Object(system.c)((props=>props={...props,style:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px",...props.style}})),useFocusTrap=(Object(system.a)((props=>{const htmlProps=useVisuallyHidden(props);return Object(system.b)("span",htmlProps)})),Object(system.c)((props=>(props={"data-focus-trap":"",tabIndex:0,"aria-hidden":!0,...props,style:{position:"fixed",top:0,left:0,...props.style}},props=useVisuallyHidden(props))))),FocusTrap=Object(system.a)((props=>{const htmlProps=useFocusTrap(props);return Object(system.b)("span",htmlProps)}));const usePortal=Object(system.c)((_ref=>{let{preserveTabOrder:preserveTabOrder,portalElement:portalElement,portalRef:portalRef,portal:portal=!0,...props}=_ref;const ref=Object(react.useRef)(null),refProp=Object(hooks.e)(ref,props.ref),context=Object(react.useContext)(PortalContext),[portalNode,setPortalNode]=Object(react.useState)(null),beforeOutsideRef=Object(react.useRef)(null),beforeInsideRef=Object(react.useRef)(null),afterInsideRef=Object(react.useRef)(null),afterOutsideRef=Object(react.useRef)(null);return Object(hooks.k)((()=>{const element=ref.current;if(!element)return;if(!portal)return;const portalEl=function getPortalElement(element,portalElement){return portalElement?"function"==typeof portalElement?portalElement(element):portalElement:Object(dom.e)(element).createElement("div")}(element,portalElement);if(!portalEl)return;const isPortalInDocument=portalEl.isConnected;if(!isPortalInDocument){const rootElement=context||function getRootElement(element){return Object(dom.e)(element).body}(element);rootElement.appendChild(portalEl)}return portalEl.id||(portalEl.id=element.id?element.id+"-portal":function getRandomId(prefix){return void 0===prefix&&(prefix="id"),(prefix?prefix+"-":"")+Math.random().toString(36).substr(2,6)}()),setPortalNode(portalEl),Object(misc.g)(portalRef,portalEl),isPortalInDocument?void 0:()=>{portalEl.remove(),Object(misc.g)(portalRef,null)}}),[portal,portalElement,context,portalRef]),Object(react.useEffect)((()=>{if(!portalNode)return;if(!preserveTabOrder)return;let raf=0;const onFocus=event=>{if(Object(events.e)(event)){if("focusin"===event.type)return Object(esm_focus.k)(portalNode);cancelAnimationFrame(raf),raf=requestAnimationFrame((()=>{Object(esm_focus.a)(portalNode,!0)}))}};return portalNode.addEventListener("focusin",onFocus,!0),portalNode.addEventListener("focusout",onFocus,!0),()=>{portalNode.removeEventListener("focusin",onFocus,!0),portalNode.removeEventListener("focusout",onFocus,!0)}}),[portalNode,preserveTabOrder]),props=Object(hooks.m)(props,(element=>(element=Object(jsx_runtime.jsx)(PortalContext.Provider,{value:portalNode||context,children:element}),portal?portalNode?(element=Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[preserveTabOrder&&portalNode&&Object(jsx_runtime.jsx)(FocusTrap,{ref:beforeInsideRef,onFocus:event=>{var _getNextTabbable,_beforeOutsideRef$cur;Object(events.e)(event,portalNode)?null==(_getNextTabbable=Object(esm_focus.g)())||_getNextTabbable.focus():null==(_beforeOutsideRef$cur=beforeOutsideRef.current)||_beforeOutsideRef$cur.focus()}}),element,preserveTabOrder&&portalNode&&Object(jsx_runtime.jsx)(FocusTrap,{ref:afterInsideRef,onFocus:event=>{var _getPreviousTabbable,_afterOutsideRef$curr;Object(events.e)(event,portalNode)?null==(_getPreviousTabbable=Object(esm_focus.h)())||_getPreviousTabbable.focus():null==(_afterOutsideRef$curr=afterOutsideRef.current)||_afterOutsideRef$curr.focus()}})]}),portalNode&&(element=Object(react_dom.createPortal)(element,portalNode)),element=Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[preserveTabOrder&&portalNode&&Object(jsx_runtime.jsx)(FocusTrap,{ref:beforeOutsideRef,onFocus:event=>{var _beforeInsideRef$curr,_getPreviousTabbable2;Object(events.e)(event,portalNode)?null==(_beforeInsideRef$curr=beforeInsideRef.current)||_beforeInsideRef$curr.focus():null==(_getPreviousTabbable2=Object(esm_focus.h)())||_getPreviousTabbable2.focus()}}),preserveTabOrder&&Object(jsx_runtime.jsx)("span",{"aria-owns":null==portalNode?void 0:portalNode.id,style:{position:"fixed"}}),element,preserveTabOrder&&portalNode&&Object(jsx_runtime.jsx)(FocusTrap,{ref:afterOutsideRef,onFocus:event=>{var _afterInsideRef$curre,_getNextTabbable2;Object(events.e)(event,portalNode)?null==(_afterInsideRef$curre=afterInsideRef.current)||_afterInsideRef$curre.focus():null==(_getNextTabbable2=Object(esm_focus.g)())||_getNextTabbable2.focus()}})]})):Object(jsx_runtime.jsx)("span",{ref:refProp,id:props.id,style:{position:"fixed"}}):element)),[portalNode,context,portal,props.id,preserveTabOrder]),props={...props,ref:refProp},props})),Portal=Object(system.a)((props=>{const htmlProps=usePortal(props);return Object(system.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/tab/tab-list.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TabList}));var ariakit_utils_store__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_composite_composite_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit/esm/composite/composite.js"),_utils_73a31bac_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit/esm/__utils-73a31bac.js");const useTabList=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.c)((_ref=>{let{state:state,...props}=_ref;return props={role:"tablist","aria-orientation":"both"===state.orientation?void 0:state.orientation,...props},props=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_0__.d)({state:state,...props},_utils_73a31bac_js__WEBPACK_IMPORTED_MODULE_3__.a),props=Object(_composite_composite_js__WEBPACK_IMPORTED_MODULE_2__.a)({state:state,...props}),props})),TabList=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.a)((props=>{const htmlProps=useTabList(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/tab/tab-panel.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TabPanel}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_focus__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/focus.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_collection_collection_item_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit/esm/collection/collection-item.js"),_disclosure_disclosure_state_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit/esm/disclosure/disclosure-state.js"),_disclosure_disclosure_content_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/ariakit/esm/disclosure/disclosure-content.js"),_focusable_focusable_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/focusable/focusable.js");const useTabPanel=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.c)((_ref=>{let{state:state,tabId:tabIdProp,getItem:getItemProp,...props}=_ref;const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),id=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.f)(props.id),[hasTabbableChildren,setHasTabbableChildren]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const element=ref.current;if(!element)return;const tabbable=Object(ariakit_utils_focus__WEBPACK_IMPORTED_MODULE_1__.d)(element);setHasTabbableChildren(!!tabbable.length)}),[]);const getItem=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((item=>{const nextItem={...item,id:id,tabId:tabIdProp};return getItemProp?getItemProp(nextItem):nextItem}),[id,tabIdProp,getItemProp]),tabId=tabIdProp||function getTabId(panels,id){var _panels$items$find;if(id)return null==(_panels$items$find=panels.items.find((panel=>panel.id===id)))?void 0:_panels$items$find.tabId}(state.panels,id),visible=!!tabId&&state.selectedId===tabId;props={id:id,role:"tabpanel","aria-labelledby":tabId||void 0,...props,ref:Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.e)(ref,props.ref)};const disclosure=Object(_disclosure_disclosure_state_js__WEBPACK_IMPORTED_MODULE_5__.a)({visible:visible});return props=Object(_focusable_focusable_js__WEBPACK_IMPORTED_MODULE_7__.a)({focusable:!hasTabbableChildren,...props}),props=Object(_disclosure_disclosure_content_js__WEBPACK_IMPORTED_MODULE_6__.a)({state:disclosure,...props}),props=Object(_collection_collection_item_js__WEBPACK_IMPORTED_MODULE_4__.a)({state:state.panels,...props,getItem:getItem,shouldRegisterItem:!!id&&props.shouldRegisterItem}),props})),TabPanel=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.a)((props=>{const htmlProps=useTabPanel(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/tab/tab-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTabState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),_collection_collection_state_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit/esm/collection/collection-state.js"),_composite_composite_state_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit/esm/composite/composite-state.js");function findEnabledTabById(items,id){return items.find((item=>item.id===id&&!item.disabled&&!item.dimmed))}function useTabState(_temp){let{orientation:orientation="horizontal",focusLoop:focusLoop=!0,selectOnMove:selectOnMove=!0,...props}=void 0===_temp?{}:_temp;const[selectedId,setSelectedId]=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.b)(props.defaultSelectedId,props.selectedId,props.setSelectedId),composite=Object(_composite_composite_state_js__WEBPACK_IMPORTED_MODULE_4__.a)({orientation:orientation,focusLoop:focusLoop,...props}),panels=Object(_collection_collection_state_js__WEBPACK_IMPORTED_MODULE_3__.a)(),compositeRef=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.i)(composite);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!selectOnMove)return;const{activeId:activeId,items:items}=compositeRef.current;if(!activeId)return;const tab=findEnabledTabById(items,activeId);tab&&setSelectedId(tab.id)}),[composite.moves,selectOnMove,setSelectedId]),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{selectedId!==compositeRef.current.activeId&&composite.setActiveId(selectedId)}),[selectedId,composite.setActiveId]),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(void 0!==selectedId)return;const activeId=compositeRef.current.activeId;if(findEnabledTabById(composite.items,activeId))setSelectedId(activeId);else{const firstEnabledTab=function findFirstEnabledTab(items){return items.find((item=>!item.disabled&&!item.dimmed))}(composite.items);setSelectedId(null==firstEnabledTab?void 0:firstEnabledTab.id)}}),[selectedId,composite.items,setSelectedId]),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{composite.items.length&&panels.setItems((prevPanels=>prevPanels.some((panel=>!panel.tabId))?prevPanels.map(((panel,i)=>{if(panel.tabId)return panel;const tab=composite.items[i];return{...panel,tabId:null==tab?void 0:tab.id}})):prevPanels))}),[composite.items,panels.setItems]);const select=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id=>{composite.move(id),setSelectedId(id)}),[composite.move,setSelectedId]),state=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({...composite,selectedId:selectedId,setSelectedId:setSelectedId,select:select,panels:panels})),[composite,selectedId,setSelectedId,select,panels]);return Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__.e)(state)}},"./node_modules/ariakit/esm/tab/tab.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/store.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_composite_composite_item_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit/esm/composite/composite-item.js"),_utils_73a31bac_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit/esm/__utils-73a31bac.js");const useTab=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.c)((_ref=>{var _state2,_state3;let{state:state,accessibleWhenDisabled:accessibleWhenDisabled=!0,getItem:getItemProp,...props}=_ref;const id=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.f)(props.id);state=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__.c)(state||_utils_73a31bac_js__WEBPACK_IMPORTED_MODULE_5__.a,[Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((s=>id&&s.selectedId===id),[id]),"panels","setSelectedId"]);const dimmed=props.disabled,getItem=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((item=>{const nextItem={...item,dimmed:dimmed};return getItemProp?getItemProp(nextItem):nextItem}),[dimmed,getItemProp]),onClickProp=props.onClick,onClick=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.c)((event=>{var _state;null==onClickProp||onClickProp(event),event.defaultPrevented||null==(_state=state)||_state.setSelectedId(id)})),panelId=function getPanelId(panels,id){var _panels$items$find;if(id)return null==panels||null==(_panels$items$find=panels.items.find((panel=>panel.tabId===id)))?void 0:_panels$items$find.id}(null==(_state2=state)?void 0:_state2.panels,id);return props={id:id,role:"tab","aria-selected":!!id&&(null==(_state3=state)?void 0:_state3.selectedId)===id,"aria-controls":panelId||void 0,...props,onClick:onClick},props=Object(_composite_composite_item_js__WEBPACK_IMPORTED_MODULE_4__.a)({state:state,...props,accessibleWhenDisabled:accessibleWhenDisabled,getItem:getItem}),props})),Tab=Object(ariakit_utils_store__WEBPACK_IMPORTED_MODULE_2__.a)((props=>{const htmlProps=useTab(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.b)("button",htmlProps)}))},"./node_modules/ariakit/esm/tooltip/tooltip-anchor.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TooltipAnchor}));var ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_popover_popover_anchor_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit/esm/popover/popover-anchor.js");const useTooltipAnchor=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.c)((_ref=>{var _state$contentElement,_state$contentElement2;let{state:state,described:described,...props}=_ref;const onFocusProp=props.onFocus,onFocus=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__.c)((event=>{null==onFocusProp||onFocusProp(event),event.defaultPrevented||(state.anchorRef.current!==event.currentTarget&&(state.anchorRef.current=event.currentTarget,state.render()),state.show())})),onBlurProp=props.onBlur,onBlur=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__.c)((event=>{null==onBlurProp||onBlurProp(event),event.defaultPrevented||state.hide()})),onMouseEnterProp=props.onMouseEnter,onMouseEnter=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__.c)((event=>{null==onMouseEnterProp||onMouseEnterProp(event),event.defaultPrevented||(state.anchorRef.current!==event.currentTarget&&(state.anchorRef.current=event.currentTarget,state.render()),state.show())})),onMouseLeaveProp=props.onMouseLeave,onMouseLeave=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_0__.c)((event=>{null==onMouseLeaveProp||onMouseLeaveProp(event),event.defaultPrevented||state.hide()}));return props={tabIndex:0,"aria-labelledby":described||null==(_state$contentElement=state.contentElement)?void 0:_state$contentElement.id,"aria-describedby":described?null==(_state$contentElement2=state.contentElement)?void 0:_state$contentElement2.id:void 0,...props,onFocus:onFocus,onBlur:onBlur,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave},props=Object(_popover_popover_anchor_js__WEBPACK_IMPORTED_MODULE_2__.a)({state:state,...props}),props})),TooltipAnchor=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.a)((props=>{const htmlProps=useTooltipAnchor(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_1__.b)("div",htmlProps)}))},"./node_modules/ariakit/esm/tooltip/tooltip-state.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTooltipState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),_popover_popover_state_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit/esm/popover/popover-state.js"),_utils_30a60887_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit/esm/__utils-30a60887.js");const globalState=Object(_utils_30a60887_js__WEBPACK_IMPORTED_MODULE_3__.b)();function useTooltipState(_temp){var _props$defaultVisible,_props$defaultVisible2,_props$visible;let{placement:placement="top",timeout:timeout=0,gutter:gutter=8,...props}=void 0===_temp?{}:_temp;const ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),showTimeout=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),hideTimeout=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),clearTimeouts=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{window.clearTimeout(showTimeout.current),window.clearTimeout(hideTimeout.current)}),[]),[_visible,__setVisible]=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(null!=(_props$defaultVisible=props.defaultVisible)&&_props$defaultVisible),_setVisible=nextVisible=>{null==props.setVisible||props.setVisible(nextVisible),void 0===props.visible&&__setVisible(nextVisible)},[visible,setVisible]=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_1__.b)(null!=(_props$defaultVisible2=props.defaultVisible)&&_props$defaultVisible2,null!=(_props$visible=props.visible)?_props$visible:_visible,(nextVisible=>{if(clearTimeouts(),nextVisible){if(timeout&&!globalState.activeRef)return globalState.show(null),void(showTimeout.current=window.setTimeout((()=>{globalState.show(ref),_setVisible(nextVisible)}),timeout));globalState.show(ref)}else hideTimeout.current=window.setTimeout((()=>{globalState.hide(ref)}),timeout);_setVisible(nextVisible)})),popover=Object(_popover_popover_state_js__WEBPACK_IMPORTED_MODULE_2__.a)({placement:placement,gutter:gutter,...props,visible:visible,setVisible:setVisible});Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>globalState.subscribe((activeRef=>{activeRef!==ref&&(clearTimeouts(),popover.visible&&popover.hide())}))),[clearTimeouts,popover.visible,popover.hide]),Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{clearTimeouts(),globalState.hide(ref)}),[clearTimeouts]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({...popover,timeout:timeout})),[popover,timeout])}},"./node_modules/ariakit/esm/tooltip/tooltip.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),ariakit_utils_events__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/ariakit-utils/esm/events.js"),ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ariakit-utils/esm/system.js"),_disclosure_disclosure_content_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/ariakit/esm/disclosure/disclosure-content.js"),_utils_30a60887_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/ariakit/esm/__utils-30a60887.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_portal_portal_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js");const useTooltip=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.c)((_ref=>{let{state:state,portal:portal=!0,hideOnEscape:hideOnEscape=!0,hideOnControl:hideOnControl=!1,wrapperProps:wrapperProps,...props}=_ref;const popoverRef=state.popoverRef;Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.k)((()=>{const wrapper=popoverRef.current,tooltip=state.contentElement;wrapper&&tooltip&&(wrapper.style.zIndex=getComputedStyle(tooltip).zIndex)}),[popoverRef,state.contentElement]);const hideOnEscapeProp=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.a)(hideOnEscape),hideOnControlProp=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.a)(hideOnControl);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(state.visible)return Object(ariakit_utils_events__WEBPACK_IMPORTED_MODULE_1__.a)("keydown",(event=>{if(event.defaultPrevented)return;const isEscape="Escape"===event.key&&hideOnEscapeProp(event),isControl="Control"===event.key&&hideOnControlProp(event);(isEscape||isControl)&&state.hide()}))}),[state.visible,hideOnEscapeProp,hideOnControlProp,state.hide]),props=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.m)(props,(element=>Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{role:"presentation",...wrapperProps,style:{position:"fixed",...null==wrapperProps?void 0:wrapperProps.style},ref:popoverRef,children:element})),[popoverRef,wrapperProps]),props=Object(ariakit_utils_hooks__WEBPACK_IMPORTED_MODULE_2__.m)(props,(element=>Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_utils_30a60887_js__WEBPACK_IMPORTED_MODULE_5__.a.Provider,{value:state,children:element})),[state]),props={role:"tooltip",...props},props=Object(_disclosure_disclosure_content_js__WEBPACK_IMPORTED_MODULE_4__.a)({state:state,...props}),props=Object(_portal_portal_js__WEBPACK_IMPORTED_MODULE_7__.b)({portal:portal,...props,preserveTabOrder:!1}),props})),Tooltip=Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.a)((props=>{const htmlProps=useTooltip(props);return Object(ariakit_utils_system__WEBPACK_IMPORTED_MODULE_3__.b)("div",htmlProps)}))},"./node_modules/array-includes/implementation.js":function(module,exports,__webpack_require__){"use strict";var ToIntegerOrInfinity=__webpack_require__("./node_modules/es-abstract/2021/ToIntegerOrInfinity.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js"),SameValueZero=__webpack_require__("./node_modules/es-abstract/2021/SameValueZero.js"),$isNaN=__webpack_require__("./node_modules/es-abstract/helpers/isNaN.js"),$isFinite=__webpack_require__("./node_modules/es-abstract/helpers/isFinite.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),isString=__webpack_require__("./node_modules/is-string/index.js"),$charAt=callBound("String.prototype.charAt"),$indexOf=GetIntrinsic("%Array.prototype.indexOf%"),$max=GetIntrinsic("%Math.max%");module.exports=function includes(searchElement){var fromIndex=arguments.length>1?ToIntegerOrInfinity(arguments[1]):0;if($indexOf&&!$isNaN(searchElement)&&$isFinite(fromIndex)&&void 0!==searchElement)return $indexOf.apply(this,arguments)>-1;var O=ToObject(this),length=ToLength(O.length);if(0===length)return!1;for(var k=fromIndex>=0?fromIndex:$max(0,length+fromIndex);k<length;){if(SameValueZero(searchElement,isString(O)?$charAt(O,k):O[k]))return!0;k+=1}return!1}},"./node_modules/array-includes/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/array-includes/implementation.js");module.exports=function getPolyfill(){return Array.prototype.includes&&Array(1).includes(void 0)?Array.prototype.includes:implementation}},"./node_modules/array-includes/shim.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("./node_modules/array-includes/polyfill.js");module.exports=function shimArrayPrototypeIncludes(){var polyfill=getPolyfill();return define(Array.prototype,{includes:polyfill},{includes:function(){return Array.prototype.includes!==polyfill}}),polyfill}},"./node_modules/array.prototype.flat/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/array.prototype.flat/shim.js")()},"./node_modules/array.prototype.flat/implementation.js":function(module,exports,__webpack_require__){"use strict";var ArraySpeciesCreate=__webpack_require__("./node_modules/es-abstract/2021/ArraySpeciesCreate.js"),FlattenIntoArray=__webpack_require__("./node_modules/es-abstract/2021/FlattenIntoArray.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),ToIntegerOrInfinity=__webpack_require__("./node_modules/es-abstract/2021/ToIntegerOrInfinity.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js");module.exports=function flat(){var O=ToObject(this),sourceLen=ToLength(Get(O,"length")),depthNum=1;arguments.length>0&&void 0!==arguments[0]&&(depthNum=ToIntegerOrInfinity(arguments[0]));var A=ArraySpeciesCreate(O,0);return FlattenIntoArray(A,O,sourceLen,0,depthNum),A}},"./node_modules/array.prototype.flat/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/array.prototype.flat/implementation.js");module.exports=function getPolyfill(){return Array.prototype.flat||implementation}},"./node_modules/array.prototype.flat/shim.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),shimUnscopables=__webpack_require__("./node_modules/es-shim-unscopables/index.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.flat/polyfill.js");module.exports=function shimFlat(){var polyfill=getPolyfill();return define(Array.prototype,{flat:polyfill},{flat:function(){return Array.prototype.flat!==polyfill}}),shimUnscopables("flat"),polyfill}},"./node_modules/array.prototype.flatmap/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/array.prototype.flatmap/shim.js")()},"./node_modules/array.prototype.flatmap/implementation.js":function(module,exports,__webpack_require__){"use strict";var ArraySpeciesCreate=__webpack_require__("./node_modules/es-abstract/2021/ArraySpeciesCreate.js"),FlattenIntoArray=__webpack_require__("./node_modules/es-abstract/2021/FlattenIntoArray.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js");module.exports=function flatMap(mapperFunction){var T,O=ToObject(this),sourceLen=ToLength(Get(O,"length"));if(!IsCallable(mapperFunction))throw new TypeError("mapperFunction must be a function");arguments.length>1&&(T=arguments[1]);var A=ArraySpeciesCreate(O,0);return FlattenIntoArray(A,O,sourceLen,0,1,mapperFunction,T),A}},"./node_modules/array.prototype.flatmap/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/array.prototype.flatmap/implementation.js");module.exports=function getPolyfill(){return Array.prototype.flatMap||implementation}},"./node_modules/array.prototype.flatmap/shim.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),shimUnscopables=__webpack_require__("./node_modules/es-shim-unscopables/index.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.flatmap/polyfill.js");module.exports=function shimFlatMap(){var polyfill=getPolyfill();return define(Array.prototype,{flatMap:polyfill},{flatMap:function(){return Array.prototype.flatMap!==polyfill}}),shimUnscopables("flatMap"),polyfill}},"./node_modules/array.prototype.map/implementation.js":function(module,exports,__webpack_require__){"use strict";var ArraySpeciesCreate=__webpack_require__("./node_modules/es-abstract/2021/ArraySpeciesCreate.js"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),CreateDataPropertyOrThrow=__webpack_require__("./node_modules/es-abstract/2021/CreateDataPropertyOrThrow.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),HasProperty=__webpack_require__("./node_modules/es-abstract/2021/HasProperty.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),ToUint32=__webpack_require__("./node_modules/es-abstract/2021/ToUint32.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),isString=__webpack_require__("./node_modules/is-string/index.js"),boxedString=Object("a"),splitString="a"!==boxedString[0]||!(0 in boxedString),strSplit=callBound("String.prototype.split");module.exports=function map(callbackfn){var T,O=ToObject(this),self=splitString&&isString(O)?strSplit(O,""):O,len=ToUint32(self.length);if(!IsCallable(callbackfn))throw new TypeError("Array.prototype.map callback must be a function");arguments.length>1&&(T=arguments[1]);for(var A=ArraySpeciesCreate(O,len),k=0;k<len;){var Pk=ToString(k),kPresent=HasProperty(O,Pk);if(kPresent){var kValue=Get(O,Pk),mappedValue=Call(callbackfn,T,[kValue,k,O]);CreateDataPropertyOrThrow(A,Pk,mappedValue)}k+=1}return A}},"./node_modules/array.prototype.map/index.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),implementation=__webpack_require__("./node_modules/array.prototype.map/implementation.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.map/polyfill.js"),polyfill=getPolyfill(),shim=__webpack_require__("./node_modules/array.prototype.map/shim.js"),$slice=callBound("Array.prototype.slice"),boundMapShim=function map(array,callbackfn){return RequireObjectCoercible(array),polyfill.apply(array,$slice(arguments,1))};define(boundMapShim,{getPolyfill:getPolyfill,implementation:implementation,shim:shim}),module.exports=boundMapShim},"./node_modules/array.prototype.map/polyfill.js":function(module,exports,__webpack_require__){"use strict";var arrayMethodBoxesProperly=__webpack_require__("./node_modules/es-array-method-boxes-properly/index.js"),implementation=__webpack_require__("./node_modules/array.prototype.map/implementation.js");module.exports=function getPolyfill(){var method=Array.prototype.map;return arrayMethodBoxesProperly(method)?method:implementation}},"./node_modules/array.prototype.map/shim.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.map/polyfill.js");module.exports=function shimArrayPrototypeMap(){var polyfill=getPolyfill();return define(Array.prototype,{map:polyfill},{map:function(){return Array.prototype.map!==polyfill}}),polyfill}},"./node_modules/assert/assert.js":function(module,exports,__webpack_require__){"use strict";(function(global){var objectAssign=__webpack_require__("./node_modules/object-assign/index.js");function compare(a,b){if(a===b)return 0;for(var x=a.length,y=b.length,i=0,len=Math.min(x,y);i<len;++i)if(a[i]!==b[i]){x=a[i],y=b[i];break}return x<y?-1:y<x?1:0}function isBuffer(b){return global.Buffer&&"function"==typeof global.Buffer.isBuffer?global.Buffer.isBuffer(b):!(null==b||!b._isBuffer)}var util=__webpack_require__("./node_modules/util/util.js"),hasOwn=Object.prototype.hasOwnProperty,pSlice=Array.prototype.slice,functionsHaveNames="foo"===function foo(){}.name;function pToString(obj){return Object.prototype.toString.call(obj)}function isView(arrbuf){return!isBuffer(arrbuf)&&("function"==typeof global.ArrayBuffer&&("function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(arrbuf):!!arrbuf&&(arrbuf instanceof DataView||!!(arrbuf.buffer&&arrbuf.buffer instanceof ArrayBuffer))))}var assert=module.exports=ok,regex=/\s*function\s+([^\(\s]*)\s*/;function getName(func){if(util.isFunction(func)){if(functionsHaveNames)return func.name;var match=func.toString().match(regex);return match&&match[1]}}function truncate(s,n){return"string"==typeof s?s.length<n?s:s.slice(0,n):s}function inspect(something){if(functionsHaveNames||!util.isFunction(something))return util.inspect(something);var rawname=getName(something);return"[Function"+(rawname?": "+rawname:"")+"]"}function fail(actual,expected,message,operator,stackStartFunction){throw new assert.AssertionError({message:message,actual:actual,expected:expected,operator:operator,stackStartFunction:stackStartFunction})}function ok(value,message){value||fail(value,!0,message,"==",assert.ok)}function _deepEqual(actual,expected,strict,memos){if(actual===expected)return!0;if(isBuffer(actual)&&isBuffer(expected))return 0===compare(actual,expected);if(util.isDate(actual)&&util.isDate(expected))return actual.getTime()===expected.getTime();if(util.isRegExp(actual)&&util.isRegExp(expected))return actual.source===expected.source&&actual.global===expected.global&&actual.multiline===expected.multiline&&actual.lastIndex===expected.lastIndex&&actual.ignoreCase===expected.ignoreCase;if(null!==actual&&"object"==typeof actual||null!==expected&&"object"==typeof expected){if(isView(actual)&&isView(expected)&&pToString(actual)===pToString(expected)&&!(actual instanceof Float32Array||actual instanceof Float64Array))return 0===compare(new Uint8Array(actual.buffer),new Uint8Array(expected.buffer));if(isBuffer(actual)!==isBuffer(expected))return!1;var actualIndex=(memos=memos||{actual:[],expected:[]}).actual.indexOf(actual);return-1!==actualIndex&&actualIndex===memos.expected.indexOf(expected)||(memos.actual.push(actual),memos.expected.push(expected),function objEquiv(a,b,strict,actualVisitedObjects){if(null==a||null==b)return!1;if(util.isPrimitive(a)||util.isPrimitive(b))return a===b;if(strict&&Object.getPrototypeOf(a)!==Object.getPrototypeOf(b))return!1;var aIsArgs=isArguments(a),bIsArgs=isArguments(b);if(aIsArgs&&!bIsArgs||!aIsArgs&&bIsArgs)return!1;if(aIsArgs)return _deepEqual(a=pSlice.call(a),b=pSlice.call(b),strict);var key,i,ka=objectKeys(a),kb=objectKeys(b);if(ka.length!==kb.length)return!1;for(ka.sort(),kb.sort(),i=ka.length-1;i>=0;i--)if(ka[i]!==kb[i])return!1;for(i=ka.length-1;i>=0;i--)if(!_deepEqual(a[key=ka[i]],b[key],strict,actualVisitedObjects))return!1;return!0}(actual,expected,strict,memos))}return strict?actual===expected:actual==expected}function isArguments(object){return"[object Arguments]"==Object.prototype.toString.call(object)}function expectedException(actual,expected){if(!actual||!expected)return!1;if("[object RegExp]"==Object.prototype.toString.call(expected))return expected.test(actual);try{if(actual instanceof expected)return!0}catch(e){}return!Error.isPrototypeOf(expected)&&!0===expected.call({},actual)}function _throws(shouldThrow,block,expected,message){var actual;if("function"!=typeof block)throw new TypeError('"block" argument must be a function');"string"==typeof expected&&(message=expected,expected=null),actual=function _tryBlock(block){var error;try{block()}catch(e){error=e}return error}(block),message=(expected&&expected.name?" ("+expected.name+").":".")+(message?" "+message:"."),shouldThrow&&!actual&&fail(actual,expected,"Missing expected exception"+message);var userProvidedMessage="string"==typeof message,isUnexpectedException=!shouldThrow&&actual&&!expected;if((!shouldThrow&&util.isError(actual)&&userProvidedMessage&&expectedException(actual,expected)||isUnexpectedException)&&fail(actual,expected,"Got unwanted exception"+message),shouldThrow&&actual&&expected&&!expectedException(actual,expected)||!shouldThrow&&actual)throw actual}assert.AssertionError=function AssertionError(options){this.name="AssertionError",this.actual=options.actual,this.expected=options.expected,this.operator=options.operator,options.message?(this.message=options.message,this.generatedMessage=!1):(this.message=function getMessage(self){return truncate(inspect(self.actual),128)+" "+self.operator+" "+truncate(inspect(self.expected),128)}(this),this.generatedMessage=!0);var stackStartFunction=options.stackStartFunction||fail;if(Error.captureStackTrace)Error.captureStackTrace(this,stackStartFunction);else{var err=new Error;if(err.stack){var out=err.stack,fn_name=getName(stackStartFunction),idx=out.indexOf("\n"+fn_name);if(idx>=0){var next_line=out.indexOf("\n",idx+1);out=out.substring(next_line+1)}this.stack=out}}},util.inherits(assert.AssertionError,Error),assert.fail=fail,assert.ok=ok,assert.equal=function equal(actual,expected,message){actual!=expected&&fail(actual,expected,message,"==",assert.equal)},assert.notEqual=function notEqual(actual,expected,message){actual==expected&&fail(actual,expected,message,"!=",assert.notEqual)},assert.deepEqual=function deepEqual(actual,expected,message){_deepEqual(actual,expected,!1)||fail(actual,expected,message,"deepEqual",assert.deepEqual)},assert.deepStrictEqual=function deepStrictEqual(actual,expected,message){_deepEqual(actual,expected,!0)||fail(actual,expected,message,"deepStrictEqual",assert.deepStrictEqual)},assert.notDeepEqual=function notDeepEqual(actual,expected,message){_deepEqual(actual,expected,!1)&&fail(actual,expected,message,"notDeepEqual",assert.notDeepEqual)},assert.notDeepStrictEqual=function notDeepStrictEqual(actual,expected,message){_deepEqual(actual,expected,!0)&&fail(actual,expected,message,"notDeepStrictEqual",notDeepStrictEqual)},assert.strictEqual=function strictEqual(actual,expected,message){actual!==expected&&fail(actual,expected,message,"===",assert.strictEqual)},assert.notStrictEqual=function notStrictEqual(actual,expected,message){actual===expected&&fail(actual,expected,message,"!==",assert.notStrictEqual)},assert.throws=function(block,error,message){_throws(!0,block,error,message)},assert.doesNotThrow=function(block,error,message){_throws(!1,block,error,message)},assert.ifError=function(err){if(err)throw err},assert.strict=objectAssign((function strict(value,message){value||fail(value,!0,message,"==",strict)}),assert,{equal:assert.strictEqual,deepEqual:assert.deepStrictEqual,notEqual:assert.notStrictEqual,notDeepEqual:assert.notDeepStrictEqual}),assert.strict.strict=assert.strict;var objectKeys=Object.keys||function(obj){var keys=[];for(var key in obj)hasOwn.call(obj,key)&&keys.push(key);return keys}}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/call-bind/callBound.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBind=__webpack_require__("./node_modules/call-bind/index.js"),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic(name,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name,".prototype.")>-1?callBind(intrinsic):intrinsic}},"./node_modules/call-bind/index.js":function(module,exports,__webpack_require__){"use strict";var bind=__webpack_require__("./node_modules/function-bind/index.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);if($gOPD&&$defineProperty){var desc=$gOPD(func,"length");desc.configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))})}return func};var applyBind=function applyBind(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind},"./node_modules/classnames/index.js":function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)&&arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}else if("object"===argType)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/core-js/es/symbol/index.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.has-instance.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.is-concat-spreadable.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.match.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.match-all.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.search.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.species.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.split.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.unscopables.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.to-string-tag.js");var path=__webpack_require__("./node_modules/core-js/internals/path.js");module.exports=path.Symbol},"./node_modules/core-js/features/symbol/index.js":function(module,exports,__webpack_require__){var parent=__webpack_require__("./node_modules/core-js/stable/symbol/index.js");__webpack_require__("./node_modules/core-js/modules/esnext.symbol.async-dispose.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.dispose.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.matcher.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.metadata.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.observable.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.pattern-match.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.replace-all.js"),module.exports=parent},"./node_modules/core-js/internals/a-function.js":function(module,exports){module.exports=function(it){if("function"!=typeof it)throw TypeError(String(it)+" is not a function");return it}},"./node_modules/core-js/internals/a-possible-prototype.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js");module.exports=function(it){if(!isObject(it)&&null!==it)throw TypeError("Can't set "+String(it)+" as a prototype");return it}},"./node_modules/core-js/internals/add-to-unscopables.js":function(module,exports,__webpack_require__){var wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),UNSCOPABLES=wellKnownSymbol("unscopables"),ArrayPrototype=Array.prototype;null==ArrayPrototype[UNSCOPABLES]&&definePropertyModule.f(ArrayPrototype,UNSCOPABLES,{configurable:!0,value:create(null)}),module.exports=function(key){ArrayPrototype[UNSCOPABLES][key]=!0}},"./node_modules/core-js/internals/advance-string-index.js":function(module,exports,__webpack_require__){"use strict";var charAt=__webpack_require__("./node_modules/core-js/internals/string-multibyte.js").charAt;module.exports=function(S,index,unicode){return index+(unicode?charAt(S,index).length:1)}},"./node_modules/core-js/internals/an-instance.js":function(module,exports){module.exports=function(it,Constructor,name){if(!(it instanceof Constructor))throw TypeError("Incorrect "+(name?name+" ":"")+"invocation");return it}},"./node_modules/core-js/internals/an-object.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js");module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},"./node_modules/core-js/internals/array-buffer-native.js":function(module,exports){module.exports="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof DataView},"./node_modules/core-js/internals/array-buffer-view-core.js":function(module,exports,__webpack_require__){"use strict";var NAME,Constructor,Prototype,NATIVE_ARRAY_BUFFER=__webpack_require__("./node_modules/core-js/internals/array-buffer-native.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),uid=__webpack_require__("./node_modules/core-js/internals/uid.js"),Int8Array=global.Int8Array,Int8ArrayPrototype=Int8Array&&Int8Array.prototype,Uint8ClampedArray=global.Uint8ClampedArray,Uint8ClampedArrayPrototype=Uint8ClampedArray&&Uint8ClampedArray.prototype,TypedArray=Int8Array&&getPrototypeOf(Int8Array),TypedArrayPrototype=Int8ArrayPrototype&&getPrototypeOf(Int8ArrayPrototype),ObjectPrototype=Object.prototype,isPrototypeOf=ObjectPrototype.isPrototypeOf,TO_STRING_TAG=wellKnownSymbol("toStringTag"),TYPED_ARRAY_TAG=uid("TYPED_ARRAY_TAG"),TYPED_ARRAY_CONSTRUCTOR=uid("TYPED_ARRAY_CONSTRUCTOR"),NATIVE_ARRAY_BUFFER_VIEWS=NATIVE_ARRAY_BUFFER&&!!setPrototypeOf&&"Opera"!==classof(global.opera),TYPED_ARRAY_TAG_REQIRED=!1,TypedArrayConstructorsList={Int8Array:1,Uint8Array:1,Uint8ClampedArray:1,Int16Array:2,Uint16Array:2,Int32Array:4,Uint32Array:4,Float32Array:4,Float64Array:8},BigIntArrayConstructorsList={BigInt64Array:8,BigUint64Array:8},isTypedArray=function(it){if(!isObject(it))return!1;var klass=classof(it);return has(TypedArrayConstructorsList,klass)||has(BigIntArrayConstructorsList,klass)};for(NAME in TypedArrayConstructorsList)(Prototype=(Constructor=global[NAME])&&Constructor.prototype)?createNonEnumerableProperty(Prototype,TYPED_ARRAY_CONSTRUCTOR,Constructor):NATIVE_ARRAY_BUFFER_VIEWS=!1;for(NAME in BigIntArrayConstructorsList)(Prototype=(Constructor=global[NAME])&&Constructor.prototype)&&createNonEnumerableProperty(Prototype,TYPED_ARRAY_CONSTRUCTOR,Constructor);if((!NATIVE_ARRAY_BUFFER_VIEWS||"function"!=typeof TypedArray||TypedArray===Function.prototype)&&(TypedArray=function TypedArray(){throw TypeError("Incorrect invocation")},NATIVE_ARRAY_BUFFER_VIEWS))for(NAME in TypedArrayConstructorsList)global[NAME]&&setPrototypeOf(global[NAME],TypedArray);if((!NATIVE_ARRAY_BUFFER_VIEWS||!TypedArrayPrototype||TypedArrayPrototype===ObjectPrototype)&&(TypedArrayPrototype=TypedArray.prototype,NATIVE_ARRAY_BUFFER_VIEWS))for(NAME in TypedArrayConstructorsList)global[NAME]&&setPrototypeOf(global[NAME].prototype,TypedArrayPrototype);if(NATIVE_ARRAY_BUFFER_VIEWS&&getPrototypeOf(Uint8ClampedArrayPrototype)!==TypedArrayPrototype&&setPrototypeOf(Uint8ClampedArrayPrototype,TypedArrayPrototype),DESCRIPTORS&&!has(TypedArrayPrototype,TO_STRING_TAG))for(NAME in TYPED_ARRAY_TAG_REQIRED=!0,defineProperty(TypedArrayPrototype,TO_STRING_TAG,{get:function(){return isObject(this)?this[TYPED_ARRAY_TAG]:void 0}}),TypedArrayConstructorsList)global[NAME]&&createNonEnumerableProperty(global[NAME],TYPED_ARRAY_TAG,NAME);module.exports={NATIVE_ARRAY_BUFFER_VIEWS:NATIVE_ARRAY_BUFFER_VIEWS,TYPED_ARRAY_CONSTRUCTOR:TYPED_ARRAY_CONSTRUCTOR,TYPED_ARRAY_TAG:TYPED_ARRAY_TAG_REQIRED&&TYPED_ARRAY_TAG,aTypedArray:function(it){if(isTypedArray(it))return it;throw TypeError("Target is not a typed array")},aTypedArrayConstructor:function(C){if(setPrototypeOf&&!isPrototypeOf.call(TypedArray,C))throw TypeError("Target is not a typed array constructor");return C},exportTypedArrayMethod:function(KEY,property,forced){if(DESCRIPTORS){if(forced)for(var ARRAY in TypedArrayConstructorsList){var TypedArrayConstructor=global[ARRAY];if(TypedArrayConstructor&&has(TypedArrayConstructor.prototype,KEY))try{delete TypedArrayConstructor.prototype[KEY]}catch(error){}}TypedArrayPrototype[KEY]&&!forced||redefine(TypedArrayPrototype,KEY,forced?property:NATIVE_ARRAY_BUFFER_VIEWS&&Int8ArrayPrototype[KEY]||property)}},exportTypedArrayStaticMethod:function(KEY,property,forced){var ARRAY,TypedArrayConstructor;if(DESCRIPTORS){if(setPrototypeOf){if(forced)for(ARRAY in TypedArrayConstructorsList)if((TypedArrayConstructor=global[ARRAY])&&has(TypedArrayConstructor,KEY))try{delete TypedArrayConstructor[KEY]}catch(error){}if(TypedArray[KEY]&&!forced)return;try{return redefine(TypedArray,KEY,forced?property:NATIVE_ARRAY_BUFFER_VIEWS&&TypedArray[KEY]||property)}catch(error){}}for(ARRAY in TypedArrayConstructorsList)!(TypedArrayConstructor=global[ARRAY])||TypedArrayConstructor[KEY]&&!forced||redefine(TypedArrayConstructor,KEY,property)}},isView:function isView(it){if(!isObject(it))return!1;var klass=classof(it);return"DataView"===klass||has(TypedArrayConstructorsList,klass)||has(BigIntArrayConstructorsList,klass)},isTypedArray:isTypedArray,TypedArray:TypedArray,TypedArrayPrototype:TypedArrayPrototype}},"./node_modules/core-js/internals/array-buffer.js":function(module,exports,__webpack_require__){"use strict";var global=__webpack_require__("./node_modules/core-js/internals/global.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),NATIVE_ARRAY_BUFFER=__webpack_require__("./node_modules/core-js/internals/array-buffer-native.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toIndex=__webpack_require__("./node_modules/core-js/internals/to-index.js"),IEEE754=__webpack_require__("./node_modules/core-js/internals/ieee754.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),getOwnPropertyNames=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js").f,defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,arrayFill=__webpack_require__("./node_modules/core-js/internals/array-fill.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),getInternalState=InternalStateModule.get,setInternalState=InternalStateModule.set,NativeArrayBuffer=global.ArrayBuffer,$ArrayBuffer=NativeArrayBuffer,$DataView=global.DataView,$DataViewPrototype=$DataView&&$DataView.prototype,ObjectPrototype=Object.prototype,RangeError=global.RangeError,packIEEE754=IEEE754.pack,unpackIEEE754=IEEE754.unpack,packInt8=function(number){return[255&number]},packInt16=function(number){return[255&number,number>>8&255]},packInt32=function(number){return[255&number,number>>8&255,number>>16&255,number>>24&255]},unpackInt32=function(buffer){return buffer[3]<<24|buffer[2]<<16|buffer[1]<<8|buffer[0]},packFloat32=function(number){return packIEEE754(number,23,4)},packFloat64=function(number){return packIEEE754(number,52,8)},addGetter=function(Constructor,key){defineProperty(Constructor.prototype,key,{get:function(){return getInternalState(this)[key]}})},get=function(view,count,index,isLittleEndian){var intIndex=toIndex(index),store=getInternalState(view);if(intIndex+count>store.byteLength)throw RangeError("Wrong index");var bytes=getInternalState(store.buffer).bytes,start=intIndex+store.byteOffset,pack=bytes.slice(start,start+count);return isLittleEndian?pack:pack.reverse()},set=function(view,count,index,conversion,value,isLittleEndian){var intIndex=toIndex(index),store=getInternalState(view);if(intIndex+count>store.byteLength)throw RangeError("Wrong index");for(var bytes=getInternalState(store.buffer).bytes,start=intIndex+store.byteOffset,pack=conversion(+value),i=0;i<count;i++)bytes[start+i]=pack[isLittleEndian?i:count-i-1]};if(NATIVE_ARRAY_BUFFER){if(!fails((function(){NativeArrayBuffer(1)}))||!fails((function(){new NativeArrayBuffer(-1)}))||fails((function(){return new NativeArrayBuffer,new NativeArrayBuffer(1.5),new NativeArrayBuffer(NaN),"ArrayBuffer"!=NativeArrayBuffer.name}))){for(var key,ArrayBufferPrototype=($ArrayBuffer=function ArrayBuffer(length){return anInstance(this,$ArrayBuffer),new NativeArrayBuffer(toIndex(length))}).prototype=NativeArrayBuffer.prototype,keys=getOwnPropertyNames(NativeArrayBuffer),j=0;keys.length>j;)(key=keys[j++])in $ArrayBuffer||createNonEnumerableProperty($ArrayBuffer,key,NativeArrayBuffer[key]);ArrayBufferPrototype.constructor=$ArrayBuffer}setPrototypeOf&&getPrototypeOf($DataViewPrototype)!==ObjectPrototype&&setPrototypeOf($DataViewPrototype,ObjectPrototype);var testView=new $DataView(new $ArrayBuffer(2)),$setInt8=$DataViewPrototype.setInt8;testView.setInt8(0,2147483648),testView.setInt8(1,2147483649),!testView.getInt8(0)&&testView.getInt8(1)||redefineAll($DataViewPrototype,{setInt8:function setInt8(byteOffset,value){$setInt8.call(this,byteOffset,value<<24>>24)},setUint8:function setUint8(byteOffset,value){$setInt8.call(this,byteOffset,value<<24>>24)}},{unsafe:!0})}else $ArrayBuffer=function ArrayBuffer(length){anInstance(this,$ArrayBuffer,"ArrayBuffer");var byteLength=toIndex(length);setInternalState(this,{bytes:arrayFill.call(new Array(byteLength),0),byteLength:byteLength}),DESCRIPTORS||(this.byteLength=byteLength)},$DataView=function DataView(buffer,byteOffset,byteLength){anInstance(this,$DataView,"DataView"),anInstance(buffer,$ArrayBuffer,"DataView");var bufferLength=getInternalState(buffer).byteLength,offset=toInteger(byteOffset);if(offset<0||offset>bufferLength)throw RangeError("Wrong offset");if(offset+(byteLength=void 0===byteLength?bufferLength-offset:toLength(byteLength))>bufferLength)throw RangeError("Wrong length");setInternalState(this,{buffer:buffer,byteLength:byteLength,byteOffset:offset}),DESCRIPTORS||(this.buffer=buffer,this.byteLength=byteLength,this.byteOffset=offset)},DESCRIPTORS&&(addGetter($ArrayBuffer,"byteLength"),addGetter($DataView,"buffer"),addGetter($DataView,"byteLength"),addGetter($DataView,"byteOffset")),redefineAll($DataView.prototype,{getInt8:function getInt8(byteOffset){return get(this,1,byteOffset)[0]<<24>>24},getUint8:function getUint8(byteOffset){return get(this,1,byteOffset)[0]},getInt16:function getInt16(byteOffset){var bytes=get(this,2,byteOffset,arguments.length>1?arguments[1]:void 0);return(bytes[1]<<8|bytes[0])<<16>>16},getUint16:function getUint16(byteOffset){var bytes=get(this,2,byteOffset,arguments.length>1?arguments[1]:void 0);return bytes[1]<<8|bytes[0]},getInt32:function getInt32(byteOffset){return unpackInt32(get(this,4,byteOffset,arguments.length>1?arguments[1]:void 0))},getUint32:function getUint32(byteOffset){return unpackInt32(get(this,4,byteOffset,arguments.length>1?arguments[1]:void 0))>>>0},getFloat32:function getFloat32(byteOffset){return unpackIEEE754(get(this,4,byteOffset,arguments.length>1?arguments[1]:void 0),23)},getFloat64:function getFloat64(byteOffset){return unpackIEEE754(get(this,8,byteOffset,arguments.length>1?arguments[1]:void 0),52)},setInt8:function setInt8(byteOffset,value){set(this,1,byteOffset,packInt8,value)},setUint8:function setUint8(byteOffset,value){set(this,1,byteOffset,packInt8,value)},setInt16:function setInt16(byteOffset,value){set(this,2,byteOffset,packInt16,value,arguments.length>2?arguments[2]:void 0)},setUint16:function setUint16(byteOffset,value){set(this,2,byteOffset,packInt16,value,arguments.length>2?arguments[2]:void 0)},setInt32:function setInt32(byteOffset,value){set(this,4,byteOffset,packInt32,value,arguments.length>2?arguments[2]:void 0)},setUint32:function setUint32(byteOffset,value){set(this,4,byteOffset,packInt32,value,arguments.length>2?arguments[2]:void 0)},setFloat32:function setFloat32(byteOffset,value){set(this,4,byteOffset,packFloat32,value,arguments.length>2?arguments[2]:void 0)},setFloat64:function setFloat64(byteOffset,value){set(this,8,byteOffset,packFloat64,value,arguments.length>2?arguments[2]:void 0)}});setToStringTag($ArrayBuffer,"ArrayBuffer"),setToStringTag($DataView,"DataView"),module.exports={ArrayBuffer:$ArrayBuffer,DataView:$DataView}},"./node_modules/core-js/internals/array-copy-within.js":function(module,exports,__webpack_require__){"use strict";var toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),min=Math.min;module.exports=[].copyWithin||function copyWithin(target,start){var O=toObject(this),len=toLength(O.length),to=toAbsoluteIndex(target,len),from=toAbsoluteIndex(start,len),end=arguments.length>2?arguments[2]:void 0,count=min((void 0===end?len:toAbsoluteIndex(end,len))-from,len-to),inc=1;for(from<to&&to<from+count&&(inc=-1,from+=count-1,to+=count-1);count-- >0;)from in O?O[to]=O[from]:delete O[to],to+=inc,from+=inc;return O}},"./node_modules/core-js/internals/array-fill.js":function(module,exports,__webpack_require__){"use strict";var toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js");module.exports=function fill(value){for(var O=toObject(this),length=toLength(O.length),argumentsLength=arguments.length,index=toAbsoluteIndex(argumentsLength>1?arguments[1]:void 0,length),end=argumentsLength>2?arguments[2]:void 0,endPos=void 0===end?length:toAbsoluteIndex(end,length);endPos>index;)O[index++]=value;return O}},"./node_modules/core-js/internals/array-for-each.js":function(module,exports,__webpack_require__){"use strict";var $forEach=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").forEach,STRICT_METHOD=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js")("forEach");module.exports=STRICT_METHOD?[].forEach:function forEach(callbackfn){return $forEach(this,callbackfn,arguments.length>1?arguments[1]:void 0)}},"./node_modules/core-js/internals/array-from-constructor-and-list.js":function(module,exports){module.exports=function(Constructor,list){for(var index=0,length=list.length,result=new Constructor(length);length>index;)result[index]=list[index++];return result}},"./node_modules/core-js/internals/array-from.js":function(module,exports,__webpack_require__){"use strict";var bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),callWithSafeIterationClosing=__webpack_require__("./node_modules/core-js/internals/call-with-safe-iteration-closing.js"),isArrayIteratorMethod=__webpack_require__("./node_modules/core-js/internals/is-array-iterator-method.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js");module.exports=function from(arrayLike){var length,result,step,iterator,next,value,O=toObject(arrayLike),C="function"==typeof this?this:Array,argumentsLength=arguments.length,mapfn=argumentsLength>1?arguments[1]:void 0,mapping=void 0!==mapfn,iteratorMethod=getIteratorMethod(O),index=0;if(mapping&&(mapfn=bind(mapfn,argumentsLength>2?arguments[2]:void 0,2)),null==iteratorMethod||C==Array&&isArrayIteratorMethod(iteratorMethod))for(result=new C(length=toLength(O.length));length>index;index++)value=mapping?mapfn(O[index],index):O[index],createProperty(result,index,value);else for(next=(iterator=iteratorMethod.call(O)).next,result=new C;!(step=next.call(iterator)).done;index++)value=mapping?callWithSafeIterationClosing(iterator,mapfn,[step.value,index],!0):step.value,createProperty(result,index,value);return result.length=index,result}},"./node_modules/core-js/internals/array-includes.js":function(module,exports,__webpack_require__){var toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),createMethod=function(IS_INCLUDES){return function($this,el,fromIndex){var value,O=toIndexedObject($this),length=toLength(O.length),index=toAbsoluteIndex(fromIndex,length);if(IS_INCLUDES&&el!=el){for(;length>index;)if((value=O[index++])!=value)return!0}else for(;length>index;index++)if((IS_INCLUDES||index in O)&&O[index]===el)return IS_INCLUDES||index||0;return!IS_INCLUDES&&-1}};module.exports={includes:createMethod(!0),indexOf:createMethod(!1)}},"./node_modules/core-js/internals/array-iteration.js":function(module,exports,__webpack_require__){var bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),arraySpeciesCreate=__webpack_require__("./node_modules/core-js/internals/array-species-create.js"),push=[].push,createMethod=function(TYPE){var IS_MAP=1==TYPE,IS_FILTER=2==TYPE,IS_SOME=3==TYPE,IS_EVERY=4==TYPE,IS_FIND_INDEX=6==TYPE,IS_FILTER_REJECT=7==TYPE,NO_HOLES=5==TYPE||IS_FIND_INDEX;return function($this,callbackfn,that,specificCreate){for(var value,result,O=toObject($this),self=IndexedObject(O),boundFunction=bind(callbackfn,that,3),length=toLength(self.length),index=0,create=specificCreate||arraySpeciesCreate,target=IS_MAP?create($this,length):IS_FILTER||IS_FILTER_REJECT?create($this,0):void 0;length>index;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push.call(target,value)}else switch(TYPE){case 4:return!1;case 7:push.call(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}};module.exports={forEach:createMethod(0),map:createMethod(1),filter:createMethod(2),some:createMethod(3),every:createMethod(4),find:createMethod(5),findIndex:createMethod(6),filterReject:createMethod(7)}},"./node_modules/core-js/internals/array-last-index-of.js":function(module,exports,__webpack_require__){"use strict";var toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),arrayMethodIsStrict=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js"),min=Math.min,$lastIndexOf=[].lastIndexOf,NEGATIVE_ZERO=!!$lastIndexOf&&1/[1].lastIndexOf(1,-0)<0,STRICT_METHOD=arrayMethodIsStrict("lastIndexOf"),FORCED=NEGATIVE_ZERO||!STRICT_METHOD;module.exports=FORCED?function lastIndexOf(searchElement){if(NEGATIVE_ZERO)return $lastIndexOf.apply(this,arguments)||0;var O=toIndexedObject(this),length=toLength(O.length),index=length-1;for(arguments.length>1&&(index=min(index,toInteger(arguments[1]))),index<0&&(index=length+index);index>=0;index--)if(index in O&&O[index]===searchElement)return index||0;return-1}:$lastIndexOf},"./node_modules/core-js/internals/array-method-has-species-support.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),SPECIES=wellKnownSymbol("species");module.exports=function(METHOD_NAME){return V8_VERSION>=51||!fails((function(){var array=[];return(array.constructor={})[SPECIES]=function(){return{foo:1}},1!==array[METHOD_NAME](Boolean).foo}))}},"./node_modules/core-js/internals/array-method-is-strict.js":function(module,exports,__webpack_require__){"use strict";var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=function(METHOD_NAME,argument){var method=[][METHOD_NAME];return!!method&&fails((function(){method.call(null,argument||function(){throw 1},1)}))}},"./node_modules/core-js/internals/array-reduce.js":function(module,exports,__webpack_require__){var aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),createMethod=function(IS_RIGHT){return function(that,callbackfn,argumentsLength,memo){aFunction(callbackfn);var O=toObject(that),self=IndexedObject(O),length=toLength(O.length),index=IS_RIGHT?length-1:0,i=IS_RIGHT?-1:1;if(argumentsLength<2)for(;;){if(index in self){memo=self[index],index+=i;break}if(index+=i,IS_RIGHT?index<0:length<=index)throw TypeError("Reduce of empty array with no initial value")}for(;IS_RIGHT?index>=0:length>index;index+=i)index in self&&(memo=callbackfn(memo,self[index],index,O));return memo}};module.exports={left:createMethod(!1),right:createMethod(!0)}},"./node_modules/core-js/internals/array-sort.js":function(module,exports){var floor=Math.floor,mergeSort=function(array,comparefn){var length=array.length,middle=floor(length/2);return length<8?insertionSort(array,comparefn):merge(mergeSort(array.slice(0,middle),comparefn),mergeSort(array.slice(middle),comparefn),comparefn)},insertionSort=function(array,comparefn){for(var element,j,length=array.length,i=1;i<length;){for(j=i,element=array[i];j&&comparefn(array[j-1],element)>0;)array[j]=array[--j];j!==i++&&(array[j]=element)}return array},merge=function(left,right,comparefn){for(var llength=left.length,rlength=right.length,lindex=0,rindex=0,result=[];lindex<llength||rindex<rlength;)lindex<llength&&rindex<rlength?result.push(comparefn(left[lindex],right[rindex])<=0?left[lindex++]:right[rindex++]):result.push(lindex<llength?left[lindex++]:right[rindex++]);return result};module.exports=mergeSort},"./node_modules/core-js/internals/array-species-constructor.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),SPECIES=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("species");module.exports=function(originalArray){var C;return isArray(originalArray)&&("function"!=typeof(C=originalArray.constructor)||C!==Array&&!isArray(C.prototype)?isObject(C)&&null===(C=C[SPECIES])&&(C=void 0):C=void 0),void 0===C?Array:C}},"./node_modules/core-js/internals/array-species-create.js":function(module,exports,__webpack_require__){var arraySpeciesConstructor=__webpack_require__("./node_modules/core-js/internals/array-species-constructor.js");module.exports=function(originalArray,length){return new(arraySpeciesConstructor(originalArray))(0===length?0:length)}},"./node_modules/core-js/internals/call-with-safe-iteration-closing.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),iteratorClose=__webpack_require__("./node_modules/core-js/internals/iterator-close.js");module.exports=function(iterator,fn,value,ENTRIES){try{return ENTRIES?fn(anObject(value)[0],value[1]):fn(value)}catch(error){throw iteratorClose(iterator),error}}},"./node_modules/core-js/internals/check-correctness-of-iteration.js":function(module,exports,__webpack_require__){var ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator"),SAFE_CLOSING=!1;try{var called=0,iteratorWithReturn={next:function(){return{done:!!called++}},return:function(){SAFE_CLOSING=!0}};iteratorWithReturn[ITERATOR]=function(){return this},Array.from(iteratorWithReturn,(function(){throw 2}))}catch(error){}module.exports=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return!1;var ITERATION_SUPPORT=!1;try{var object={};object[ITERATOR]=function(){return{next:function(){return{done:ITERATION_SUPPORT=!0}}}},exec(object)}catch(error){}return ITERATION_SUPPORT}},"./node_modules/core-js/internals/classof-raw.js":function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},"./node_modules/core-js/internals/classof.js":function(module,exports,__webpack_require__){var TO_STRING_TAG_SUPPORT=__webpack_require__("./node_modules/core-js/internals/to-string-tag-support.js"),classofRaw=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),TO_STRING_TAG=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("toStringTag"),CORRECT_ARGUMENTS="Arguments"==classofRaw(function(){return arguments}());module.exports=TO_STRING_TAG_SUPPORT?classofRaw:function(it){var O,tag,result;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(tag=function(it,key){try{return it[key]}catch(error){}}(O=Object(it),TO_STRING_TAG))?tag:CORRECT_ARGUMENTS?classofRaw(O):"Object"==(result=classofRaw(O))&&"function"==typeof O.callee?"Arguments":result}},"./node_modules/core-js/internals/collection-strong.js":function(module,exports,__webpack_require__){"use strict";var defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),defineIterator=__webpack_require__("./node_modules/core-js/internals/define-iterator.js"),setSpecies=__webpack_require__("./node_modules/core-js/internals/set-species.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),fastKey=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js").fastKey,InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),setInternalState=InternalStateModule.set,internalStateGetterFor=InternalStateModule.getterFor;module.exports={getConstructor:function(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER){var C=wrapper((function(that,iterable){anInstance(that,C,CONSTRUCTOR_NAME),setInternalState(that,{type:CONSTRUCTOR_NAME,index:create(null),first:void 0,last:void 0,size:0}),DESCRIPTORS||(that.size=0),null!=iterable&&iterate(iterable,that[ADDER],{that:that,AS_ENTRIES:IS_MAP})})),getInternalState=internalStateGetterFor(CONSTRUCTOR_NAME),define=function(that,key,value){var previous,index,state=getInternalState(that),entry=getEntry(that,key);return entry?entry.value=value:(state.last=entry={index:index=fastKey(key,!0),key:key,value:value,previous:previous=state.last,next:void 0,removed:!1},state.first||(state.first=entry),previous&&(previous.next=entry),DESCRIPTORS?state.size++:that.size++,"F"!==index&&(state.index[index]=entry)),that},getEntry=function(that,key){var entry,state=getInternalState(that),index=fastKey(key);if("F"!==index)return state.index[index];for(entry=state.first;entry;entry=entry.next)if(entry.key==key)return entry};return redefineAll(C.prototype,{clear:function clear(){for(var state=getInternalState(this),data=state.index,entry=state.first;entry;)entry.removed=!0,entry.previous&&(entry.previous=entry.previous.next=void 0),delete data[entry.index],entry=entry.next;state.first=state.last=void 0,DESCRIPTORS?state.size=0:this.size=0},delete:function(key){var state=getInternalState(this),entry=getEntry(this,key);if(entry){var next=entry.next,prev=entry.previous;delete state.index[entry.index],entry.removed=!0,prev&&(prev.next=next),next&&(next.previous=prev),state.first==entry&&(state.first=next),state.last==entry&&(state.last=prev),DESCRIPTORS?state.size--:this.size--}return!!entry},forEach:function forEach(callbackfn){for(var entry,state=getInternalState(this),boundFunction=bind(callbackfn,arguments.length>1?arguments[1]:void 0,3);entry=entry?entry.next:state.first;)for(boundFunction(entry.value,entry.key,this);entry&&entry.removed;)entry=entry.previous},has:function has(key){return!!getEntry(this,key)}}),redefineAll(C.prototype,IS_MAP?{get:function get(key){var entry=getEntry(this,key);return entry&&entry.value},set:function set(key,value){return define(this,0===key?0:key,value)}}:{add:function add(value){return define(this,value=0===value?0:value,value)}}),DESCRIPTORS&&defineProperty(C.prototype,"size",{get:function(){return getInternalState(this).size}}),C},setStrong:function(C,CONSTRUCTOR_NAME,IS_MAP){var ITERATOR_NAME=CONSTRUCTOR_NAME+" Iterator",getInternalCollectionState=internalStateGetterFor(CONSTRUCTOR_NAME),getInternalIteratorState=internalStateGetterFor(ITERATOR_NAME);defineIterator(C,CONSTRUCTOR_NAME,(function(iterated,kind){setInternalState(this,{type:ITERATOR_NAME,target:iterated,state:getInternalCollectionState(iterated),kind:kind,last:void 0})}),(function(){for(var state=getInternalIteratorState(this),kind=state.kind,entry=state.last;entry&&entry.removed;)entry=entry.previous;return state.target&&(state.last=entry=entry?entry.next:state.state.first)?"keys"==kind?{value:entry.key,done:!1}:"values"==kind?{value:entry.value,done:!1}:{value:[entry.key,entry.value],done:!1}:(state.target=void 0,{value:void 0,done:!0})}),IS_MAP?"entries":"values",!IS_MAP,!0),setSpecies(CONSTRUCTOR_NAME)}}},"./node_modules/core-js/internals/collection-weak.js":function(module,exports,__webpack_require__){"use strict";var redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),getWeakData=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js").getWeakData,anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),ArrayIterationModule=__webpack_require__("./node_modules/core-js/internals/array-iteration.js"),$has=__webpack_require__("./node_modules/core-js/internals/has.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),setInternalState=InternalStateModule.set,internalStateGetterFor=InternalStateModule.getterFor,find=ArrayIterationModule.find,findIndex=ArrayIterationModule.findIndex,id=0,uncaughtFrozenStore=function(store){return store.frozen||(store.frozen=new UncaughtFrozenStore)},UncaughtFrozenStore=function(){this.entries=[]},findUncaughtFrozen=function(store,key){return find(store.entries,(function(it){return it[0]===key}))};UncaughtFrozenStore.prototype={get:function(key){var entry=findUncaughtFrozen(this,key);if(entry)return entry[1]},has:function(key){return!!findUncaughtFrozen(this,key)},set:function(key,value){var entry=findUncaughtFrozen(this,key);entry?entry[1]=value:this.entries.push([key,value])},delete:function(key){var index=findIndex(this.entries,(function(it){return it[0]===key}));return~index&&this.entries.splice(index,1),!!~index}},module.exports={getConstructor:function(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER){var C=wrapper((function(that,iterable){anInstance(that,C,CONSTRUCTOR_NAME),setInternalState(that,{type:CONSTRUCTOR_NAME,id:id++,frozen:void 0}),null!=iterable&&iterate(iterable,that[ADDER],{that:that,AS_ENTRIES:IS_MAP})})),getInternalState=internalStateGetterFor(CONSTRUCTOR_NAME),define=function(that,key,value){var state=getInternalState(that),data=getWeakData(anObject(key),!0);return!0===data?uncaughtFrozenStore(state).set(key,value):data[state.id]=value,that};return redefineAll(C.prototype,{delete:function(key){var state=getInternalState(this);if(!isObject(key))return!1;var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).delete(key):data&&$has(data,state.id)&&delete data[state.id]},has:function has(key){var state=getInternalState(this);if(!isObject(key))return!1;var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).has(key):data&&$has(data,state.id)}}),redefineAll(C.prototype,IS_MAP?{get:function get(key){var state=getInternalState(this);if(isObject(key)){var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).get(key):data?data[state.id]:void 0}},set:function set(key,value){return define(this,key,value)}}:{add:function add(value){return define(this,value,!0)}}),C}}},"./node_modules/core-js/internals/collection.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),InternalMetadataModule=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),checkCorrectnessOfIteration=__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),inheritIfRequired=__webpack_require__("./node_modules/core-js/internals/inherit-if-required.js");module.exports=function(CONSTRUCTOR_NAME,wrapper,common){var IS_MAP=-1!==CONSTRUCTOR_NAME.indexOf("Map"),IS_WEAK=-1!==CONSTRUCTOR_NAME.indexOf("Weak"),ADDER=IS_MAP?"set":"add",NativeConstructor=global[CONSTRUCTOR_NAME],NativePrototype=NativeConstructor&&NativeConstructor.prototype,Constructor=NativeConstructor,exported={},fixMethod=function(KEY){var nativeMethod=NativePrototype[KEY];redefine(NativePrototype,KEY,"add"==KEY?function add(value){return nativeMethod.call(this,0===value?0:value),this}:"delete"==KEY?function(key){return!(IS_WEAK&&!isObject(key))&&nativeMethod.call(this,0===key?0:key)}:"get"==KEY?function get(key){return IS_WEAK&&!isObject(key)?void 0:nativeMethod.call(this,0===key?0:key)}:"has"==KEY?function has(key){return!(IS_WEAK&&!isObject(key))&&nativeMethod.call(this,0===key?0:key)}:function set(key,value){return nativeMethod.call(this,0===key?0:key,value),this})};if(isForced(CONSTRUCTOR_NAME,"function"!=typeof NativeConstructor||!(IS_WEAK||NativePrototype.forEach&&!fails((function(){(new NativeConstructor).entries().next()})))))Constructor=common.getConstructor(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER),InternalMetadataModule.enable();else if(isForced(CONSTRUCTOR_NAME,!0)){var instance=new Constructor,HASNT_CHAINING=instance[ADDER](IS_WEAK?{}:-0,1)!=instance,THROWS_ON_PRIMITIVES=fails((function(){instance.has(1)})),ACCEPT_ITERABLES=checkCorrectnessOfIteration((function(iterable){new NativeConstructor(iterable)})),BUGGY_ZERO=!IS_WEAK&&fails((function(){for(var $instance=new NativeConstructor,index=5;index--;)$instance[ADDER](index,index);return!$instance.has(-0)}));ACCEPT_ITERABLES||((Constructor=wrapper((function(dummy,iterable){anInstance(dummy,Constructor,CONSTRUCTOR_NAME);var that=inheritIfRequired(new NativeConstructor,dummy,Constructor);return null!=iterable&&iterate(iterable,that[ADDER],{that:that,AS_ENTRIES:IS_MAP}),that}))).prototype=NativePrototype,NativePrototype.constructor=Constructor),(THROWS_ON_PRIMITIVES||BUGGY_ZERO)&&(fixMethod("delete"),fixMethod("has"),IS_MAP&&fixMethod("get")),(BUGGY_ZERO||HASNT_CHAINING)&&fixMethod(ADDER),IS_WEAK&&NativePrototype.clear&&delete NativePrototype.clear}return exported[CONSTRUCTOR_NAME]=Constructor,$({global:!0,forced:Constructor!=NativeConstructor},exported),setToStringTag(Constructor,CONSTRUCTOR_NAME),IS_WEAK||common.setStrong(Constructor,CONSTRUCTOR_NAME,IS_MAP),Constructor}},"./node_modules/core-js/internals/copy-constructor-properties.js":function(module,exports,__webpack_require__){var has=__webpack_require__("./node_modules/core-js/internals/has.js"),ownKeys=__webpack_require__("./node_modules/core-js/internals/own-keys.js"),getOwnPropertyDescriptorModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js");module.exports=function(target,source){for(var keys=ownKeys(source),defineProperty=definePropertyModule.f,getOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,i=0;i<keys.length;i++){var key=keys[i];has(target,key)||defineProperty(target,key,getOwnPropertyDescriptor(source,key))}}},"./node_modules/core-js/internals/correct-is-regexp-logic.js":function(module,exports,__webpack_require__){var MATCH=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("match");module.exports=function(METHOD_NAME){var regexp=/./;try{"/./"[METHOD_NAME](regexp)}catch(error1){try{return regexp[MATCH]=!1,"/./"[METHOD_NAME](regexp)}catch(error2){}}return!1}},"./node_modules/core-js/internals/correct-prototype-getter.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){function F(){}return F.prototype.constructor=null,Object.getPrototypeOf(new F)!==F.prototype}))},"./node_modules/core-js/internals/create-html.js":function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),quot=/"/g;module.exports=function(string,tag,attribute,value){var S=toString(requireObjectCoercible(string)),p1="<"+tag;return""!==attribute&&(p1+=" "+attribute+'="'+toString(value).replace(quot,"&quot;")+'"'),p1+">"+S+"</"+tag+">"}},"./node_modules/core-js/internals/create-iterator-constructor.js":function(module,exports,__webpack_require__){"use strict";var IteratorPrototype=__webpack_require__("./node_modules/core-js/internals/iterators-core.js").IteratorPrototype,create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),returnThis=function(){return this};module.exports=function(IteratorConstructor,NAME,next){var TO_STRING_TAG=NAME+" Iterator";return IteratorConstructor.prototype=create(IteratorPrototype,{next:createPropertyDescriptor(1,next)}),setToStringTag(IteratorConstructor,TO_STRING_TAG,!1,!0),Iterators[TO_STRING_TAG]=returnThis,IteratorConstructor}},"./node_modules/core-js/internals/create-non-enumerable-property.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js");module.exports=DESCRIPTORS?function(object,key,value){return definePropertyModule.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object}},"./node_modules/core-js/internals/create-property-descriptor.js":function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},"./node_modules/core-js/internals/create-property.js":function(module,exports,__webpack_require__){"use strict";var toPropertyKey=__webpack_require__("./node_modules/core-js/internals/to-property-key.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js");module.exports=function(object,key,value){var propertyKey=toPropertyKey(key);propertyKey in object?definePropertyModule.f(object,propertyKey,createPropertyDescriptor(0,value)):object[propertyKey]=value}},"./node_modules/core-js/internals/date-to-primitive.js":function(module,exports,__webpack_require__){"use strict";var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),ordinaryToPrimitive=__webpack_require__("./node_modules/core-js/internals/ordinary-to-primitive.js");module.exports=function(hint){if(anObject(this),"string"===hint||"default"===hint)hint="string";else if("number"!==hint)throw TypeError("Incorrect hint");return ordinaryToPrimitive(this,hint)}},"./node_modules/core-js/internals/define-iterator.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),createIteratorConstructor=__webpack_require__("./node_modules/core-js/internals/create-iterator-constructor.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),IteratorsCore=__webpack_require__("./node_modules/core-js/internals/iterators-core.js"),IteratorPrototype=IteratorsCore.IteratorPrototype,BUGGY_SAFARI_ITERATORS=IteratorsCore.BUGGY_SAFARI_ITERATORS,ITERATOR=wellKnownSymbol("iterator"),returnThis=function(){return this};module.exports=function(Iterable,NAME,IteratorConstructor,next,DEFAULT,IS_SET,FORCED){createIteratorConstructor(IteratorConstructor,NAME,next);var CurrentIteratorPrototype,methods,KEY,getIterationMethod=function(KIND){if(KIND===DEFAULT&&defaultIterator)return defaultIterator;if(!BUGGY_SAFARI_ITERATORS&&KIND in IterablePrototype)return IterablePrototype[KIND];switch(KIND){case"keys":return function keys(){return new IteratorConstructor(this,KIND)};case"values":return function values(){return new IteratorConstructor(this,KIND)};case"entries":return function entries(){return new IteratorConstructor(this,KIND)}}return function(){return new IteratorConstructor(this)}},TO_STRING_TAG=NAME+" Iterator",INCORRECT_VALUES_NAME=!1,IterablePrototype=Iterable.prototype,nativeIterator=IterablePrototype[ITERATOR]||IterablePrototype["@@iterator"]||DEFAULT&&IterablePrototype[DEFAULT],defaultIterator=!BUGGY_SAFARI_ITERATORS&&nativeIterator||getIterationMethod(DEFAULT),anyNativeIterator="Array"==NAME&&IterablePrototype.entries||nativeIterator;if(anyNativeIterator&&(CurrentIteratorPrototype=getPrototypeOf(anyNativeIterator.call(new Iterable)),IteratorPrototype!==Object.prototype&&CurrentIteratorPrototype.next&&(IS_PURE||getPrototypeOf(CurrentIteratorPrototype)===IteratorPrototype||(setPrototypeOf?setPrototypeOf(CurrentIteratorPrototype,IteratorPrototype):"function"!=typeof CurrentIteratorPrototype[ITERATOR]&&createNonEnumerableProperty(CurrentIteratorPrototype,ITERATOR,returnThis)),setToStringTag(CurrentIteratorPrototype,TO_STRING_TAG,!0,!0),IS_PURE&&(Iterators[TO_STRING_TAG]=returnThis))),"values"==DEFAULT&&nativeIterator&&"values"!==nativeIterator.name&&(INCORRECT_VALUES_NAME=!0,defaultIterator=function values(){return nativeIterator.call(this)}),IS_PURE&&!FORCED||IterablePrototype[ITERATOR]===defaultIterator||createNonEnumerableProperty(IterablePrototype,ITERATOR,defaultIterator),Iterators[NAME]=defaultIterator,DEFAULT)if(methods={values:getIterationMethod("values"),keys:IS_SET?defaultIterator:getIterationMethod("keys"),entries:getIterationMethod("entries")},FORCED)for(KEY in methods)(BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME||!(KEY in IterablePrototype))&&redefine(IterablePrototype,KEY,methods[KEY]);else $({target:NAME,proto:!0,forced:BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME},methods);return methods}},"./node_modules/core-js/internals/define-well-known-symbol.js":function(module,exports,__webpack_require__){var path=__webpack_require__("./node_modules/core-js/internals/path.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),wrappedWellKnownSymbolModule=__webpack_require__("./node_modules/core-js/internals/well-known-symbol-wrapped.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f;module.exports=function(NAME){var Symbol=path.Symbol||(path.Symbol={});has(Symbol,NAME)||defineProperty(Symbol,NAME,{value:wrappedWellKnownSymbolModule.f(NAME)})}},"./node_modules/core-js/internals/descriptors.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},"./node_modules/core-js/internals/document-create-element.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),document=global.document,EXISTS=isObject(document)&&isObject(document.createElement);module.exports=function(it){return EXISTS?document.createElement(it):{}}},"./node_modules/core-js/internals/dom-iterables.js":function(module,exports){module.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},"./node_modules/core-js/internals/engine-ff-version.js":function(module,exports,__webpack_require__){var firefox=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js").match(/firefox\/(\d+)/i);module.exports=!!firefox&&+firefox[1]},"./node_modules/core-js/internals/engine-is-browser.js":function(module,exports){module.exports="object"==typeof window},"./node_modules/core-js/internals/engine-is-ie-or-edge.js":function(module,exports,__webpack_require__){var UA=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js");module.exports=/MSIE|Trident/.test(UA)},"./node_modules/core-js/internals/engine-is-ios-pebble.js":function(module,exports,__webpack_require__){var userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=/ipad|iphone|ipod/i.test(userAgent)&&void 0!==global.Pebble},"./node_modules/core-js/internals/engine-is-ios.js":function(module,exports,__webpack_require__){var userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js");module.exports=/(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent)},"./node_modules/core-js/internals/engine-is-node.js":function(module,exports,__webpack_require__){var classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports="process"==classof(global.process)},"./node_modules/core-js/internals/engine-is-webos-webkit.js":function(module,exports,__webpack_require__){var userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js");module.exports=/web0s(?!.*chrome)/i.test(userAgent)},"./node_modules/core-js/internals/engine-user-agent.js":function(module,exports,__webpack_require__){var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js");module.exports=getBuiltIn("navigator","userAgent")||""},"./node_modules/core-js/internals/engine-v8-version.js":function(module,exports,__webpack_require__){var match,version,global=__webpack_require__("./node_modules/core-js/internals/global.js"),userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js"),process=global.process,Deno=global.Deno,versions=process&&process.versions||Deno&&Deno.version,v8=versions&&versions.v8;v8?version=(match=v8.split("."))[0]<4?1:match[0]+match[1]:userAgent&&(!(match=userAgent.match(/Edge\/(\d+)/))||match[1]>=74)&&(match=userAgent.match(/Chrome\/(\d+)/))&&(version=match[1]),module.exports=version&&+version},"./node_modules/core-js/internals/engine-webkit-version.js":function(module,exports,__webpack_require__){var webkit=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js").match(/AppleWebKit\/(\d+)\./);module.exports=!!webkit&&+webkit[1]},"./node_modules/core-js/internals/enum-bug-keys.js":function(module,exports){module.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"./node_modules/core-js/internals/export.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),setGlobal=__webpack_require__("./node_modules/core-js/internals/set-global.js"),copyConstructorProperties=__webpack_require__("./node_modules/core-js/internals/copy-constructor-properties.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js");module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},"./node_modules/core-js/internals/fails.js":function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},"./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),regexpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),SPECIES=wellKnownSymbol("species"),RegExpPrototype=RegExp.prototype;module.exports=function(KEY,exec,FORCED,SHAM){var SYMBOL=wellKnownSymbol(KEY),DELEGATES_TO_SYMBOL=!fails((function(){var O={};return O[SYMBOL]=function(){return 7},7!=""[KEY](O)})),DELEGATES_TO_EXEC=DELEGATES_TO_SYMBOL&&!fails((function(){var execCalled=!1,re=/a/;return"split"===KEY&&((re={}).constructor={},re.constructor[SPECIES]=function(){return re},re.flags="",re[SYMBOL]=/./[SYMBOL]),re.exec=function(){return execCalled=!0,null},re[SYMBOL](""),!execCalled}));if(!DELEGATES_TO_SYMBOL||!DELEGATES_TO_EXEC||FORCED){var nativeRegExpMethod=/./[SYMBOL],methods=exec(SYMBOL,""[KEY],(function(nativeMethod,regexp,str,arg2,forceStringMethod){var $exec=regexp.exec;return $exec===regexpExec||$exec===RegExpPrototype.exec?DELEGATES_TO_SYMBOL&&!forceStringMethod?{done:!0,value:nativeRegExpMethod.call(regexp,str,arg2)}:{done:!0,value:nativeMethod.call(str,regexp,arg2)}:{done:!1}}));redefine(String.prototype,KEY,methods[0]),redefine(RegExpPrototype,SYMBOL,methods[1])}SHAM&&createNonEnumerableProperty(RegExpPrototype[SYMBOL],"sham",!0)}},"./node_modules/core-js/internals/freezing.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){return Object.isExtensible(Object.preventExtensions({}))}))},"./node_modules/core-js/internals/function-bind-context.js":function(module,exports,__webpack_require__){var aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js");module.exports=function(fn,that,length){if(aFunction(fn),void 0===that)return fn;switch(length){case 0:return function(){return fn.call(that)};case 1:return function(a){return fn.call(that,a)};case 2:return function(a,b){return fn.call(that,a,b)};case 3:return function(a,b,c){return fn.call(that,a,b,c)}}return function(){return fn.apply(that,arguments)}}},"./node_modules/core-js/internals/function-bind.js":function(module,exports,__webpack_require__){"use strict";var aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),slice=[].slice,factories={},construct=function(C,argsLength,args){if(!(argsLength in factories)){for(var list=[],i=0;i<argsLength;i++)list[i]="a["+i+"]";factories[argsLength]=Function("C,a","return new C("+list.join(",")+")")}return factories[argsLength](C,args)};module.exports=Function.bind||function bind(that){var fn=aFunction(this),partArgs=slice.call(arguments,1),boundFunction=function bound(){var args=partArgs.concat(slice.call(arguments));return this instanceof boundFunction?construct(fn,args.length,args):fn.apply(that,args)};return isObject(fn.prototype)&&(boundFunction.prototype=fn.prototype),boundFunction}},"./node_modules/core-js/internals/get-built-in.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),aFunction=function(variable){return"function"==typeof variable?variable:void 0};module.exports=function(namespace,method){return arguments.length<2?aFunction(global[namespace]):global[namespace]&&global[namespace][method]}},"./node_modules/core-js/internals/get-iterator-method.js":function(module,exports,__webpack_require__){var classof=__webpack_require__("./node_modules/core-js/internals/classof.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator");module.exports=function(it){if(null!=it)return it[ITERATOR]||it["@@iterator"]||Iterators[classof(it)]}},"./node_modules/core-js/internals/get-iterator.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js");module.exports=function(it){var iteratorMethod=getIteratorMethod(it);if("function"!=typeof iteratorMethod)throw TypeError(String(it)+" is not iterable");return anObject(iteratorMethod.call(it))}},"./node_modules/core-js/internals/get-substitution.js":function(module,exports,__webpack_require__){var toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),floor=Math.floor,replace="".replace,SUBSTITUTION_SYMBOLS=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,SUBSTITUTION_SYMBOLS_NO_NAMED=/\$([$&'`]|\d{1,2})/g;module.exports=function(matched,str,position,captures,namedCaptures,replacement){var tailPos=position+matched.length,m=captures.length,symbols=SUBSTITUTION_SYMBOLS_NO_NAMED;return void 0!==namedCaptures&&(namedCaptures=toObject(namedCaptures),symbols=SUBSTITUTION_SYMBOLS),replace.call(replacement,symbols,(function(match,ch){var capture;switch(ch.charAt(0)){case"$":return"$";case"&":return matched;case"`":return str.slice(0,position);case"'":return str.slice(tailPos);case"<":capture=namedCaptures[ch.slice(1,-1)];break;default:var n=+ch;if(0===n)return match;if(n>m){var f=floor(n/10);return 0===f?match:f<=m?void 0===captures[f-1]?ch.charAt(1):captures[f-1]+ch.charAt(1):match}capture=captures[n-1]}return void 0===capture?"":capture}))}},"./node_modules/core-js/internals/global.js":function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/core-js/internals/has.js":function(module,exports,__webpack_require__){var toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),hasOwnProperty={}.hasOwnProperty;module.exports=Object.hasOwn||function hasOwn(it,key){return hasOwnProperty.call(toObject(it),key)}},"./node_modules/core-js/internals/hidden-keys.js":function(module,exports){module.exports={}},"./node_modules/core-js/internals/host-report-errors.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=function(a,b){var console=global.console;console&&console.error&&(1===arguments.length?console.error(a):console.error(a,b))}},"./node_modules/core-js/internals/html.js":function(module,exports,__webpack_require__){var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js");module.exports=getBuiltIn("document","documentElement")},"./node_modules/core-js/internals/ie8-dom-define.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),createElement=__webpack_require__("./node_modules/core-js/internals/document-create-element.js");module.exports=!DESCRIPTORS&&!fails((function(){return 7!=Object.defineProperty(createElement("div"),"a",{get:function(){return 7}}).a}))},"./node_modules/core-js/internals/ieee754.js":function(module,exports){var abs=Math.abs,pow=Math.pow,floor=Math.floor,log=Math.log,LN2=Math.LN2;module.exports={pack:function(number,mantissaLength,bytes){var exponent,mantissa,c,buffer=new Array(bytes),exponentLength=8*bytes-mantissaLength-1,eMax=(1<<exponentLength)-1,eBias=eMax>>1,rt=23===mantissaLength?pow(2,-24)-pow(2,-77):0,sign=number<0||0===number&&1/number<0?1:0,index=0;for((number=abs(number))!=number||number===1/0?(mantissa=number!=number?1:0,exponent=eMax):(exponent=floor(log(number)/LN2),number*(c=pow(2,-exponent))<1&&(exponent--,c*=2),(number+=exponent+eBias>=1?rt/c:rt*pow(2,1-eBias))*c>=2&&(exponent++,c/=2),exponent+eBias>=eMax?(mantissa=0,exponent=eMax):exponent+eBias>=1?(mantissa=(number*c-1)*pow(2,mantissaLength),exponent+=eBias):(mantissa=number*pow(2,eBias-1)*pow(2,mantissaLength),exponent=0));mantissaLength>=8;buffer[index++]=255&mantissa,mantissa/=256,mantissaLength-=8);for(exponent=exponent<<mantissaLength|mantissa,exponentLength+=mantissaLength;exponentLength>0;buffer[index++]=255&exponent,exponent/=256,exponentLength-=8);return buffer[--index]|=128*sign,buffer},unpack:function(buffer,mantissaLength){var mantissa,bytes=buffer.length,exponentLength=8*bytes-mantissaLength-1,eMax=(1<<exponentLength)-1,eBias=eMax>>1,nBits=exponentLength-7,index=bytes-1,sign=buffer[index--],exponent=127&sign;for(sign>>=7;nBits>0;exponent=256*exponent+buffer[index],index--,nBits-=8);for(mantissa=exponent&(1<<-nBits)-1,exponent>>=-nBits,nBits+=mantissaLength;nBits>0;mantissa=256*mantissa+buffer[index],index--,nBits-=8);if(0===exponent)exponent=1-eBias;else{if(exponent===eMax)return mantissa?NaN:sign?-1/0:1/0;mantissa+=pow(2,mantissaLength),exponent-=eBias}return(sign?-1:1)*mantissa*pow(2,exponent-mantissaLength)}}},"./node_modules/core-js/internals/indexed-object.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),split="".split;module.exports=fails((function(){return!Object("z").propertyIsEnumerable(0)}))?function(it){return"String"==classof(it)?split.call(it,""):Object(it)}:Object},"./node_modules/core-js/internals/inherit-if-required.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js");module.exports=function($this,dummy,Wrapper){var NewTarget,NewTargetPrototype;return setPrototypeOf&&"function"==typeof(NewTarget=dummy.constructor)&&NewTarget!==Wrapper&&isObject(NewTargetPrototype=NewTarget.prototype)&&NewTargetPrototype!==Wrapper.prototype&&setPrototypeOf($this,NewTargetPrototype),$this}},"./node_modules/core-js/internals/inspect-source.js":function(module,exports,__webpack_require__){var store=__webpack_require__("./node_modules/core-js/internals/shared-store.js"),functionToString=Function.toString;"function"!=typeof store.inspectSource&&(store.inspectSource=function(it){return functionToString.call(it)}),module.exports=store.inspectSource},"./node_modules/core-js/internals/internal-metadata.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,getOwnPropertyNamesModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js"),getOwnPropertyNamesExternalModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names-external.js"),uid=__webpack_require__("./node_modules/core-js/internals/uid.js"),FREEZING=__webpack_require__("./node_modules/core-js/internals/freezing.js"),REQUIRED=!1,METADATA=uid("meta"),id=0,isExtensible=Object.isExtensible||function(){return!0},setMetadata=function(it){defineProperty(it,METADATA,{value:{objectID:"O"+id++,weakData:{}}})},meta=module.exports={enable:function(){meta.enable=function(){},REQUIRED=!0;var getOwnPropertyNames=getOwnPropertyNamesModule.f,splice=[].splice,test={};test[METADATA]=1,getOwnPropertyNames(test).length&&(getOwnPropertyNamesModule.f=function(it){for(var result=getOwnPropertyNames(it),i=0,length=result.length;i<length;i++)if(result[i]===METADATA){splice.call(result,i,1);break}return result},$({target:"Object",stat:!0,forced:!0},{getOwnPropertyNames:getOwnPropertyNamesExternalModule.f}))},fastKey:function(it,create){if(!isObject(it))return"symbol"==typeof it?it:("string"==typeof it?"S":"P")+it;if(!has(it,METADATA)){if(!isExtensible(it))return"F";if(!create)return"E";setMetadata(it)}return it[METADATA].objectID},getWeakData:function(it,create){if(!has(it,METADATA)){if(!isExtensible(it))return!0;if(!create)return!1;setMetadata(it)}return it[METADATA].weakData},onFreeze:function(it){return FREEZING&&REQUIRED&&isExtensible(it)&&!has(it,METADATA)&&setMetadata(it),it}};hiddenKeys[METADATA]=!0},"./node_modules/core-js/internals/internal-state.js":function(module,exports,__webpack_require__){var set,get,has,NATIVE_WEAK_MAP=__webpack_require__("./node_modules/core-js/internals/native-weak-map.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),objectHas=__webpack_require__("./node_modules/core-js/internals/has.js"),shared=__webpack_require__("./node_modules/core-js/internals/shared-store.js"),sharedKey=__webpack_require__("./node_modules/core-js/internals/shared-key.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),WeakMap=global.WeakMap;if(NATIVE_WEAK_MAP||shared.state){var store=shared.state||(shared.state=new WeakMap),wmget=store.get,wmhas=store.has,wmset=store.set;set=function(it,metadata){if(wmhas.call(store,it))throw new TypeError("Object already initialized");return metadata.facade=it,wmset.call(store,it,metadata),metadata},get=function(it){return wmget.call(store,it)||{}},has=function(it){return wmhas.call(store,it)}}else{var STATE=sharedKey("state");hiddenKeys[STATE]=!0,set=function(it,metadata){if(objectHas(it,STATE))throw new TypeError("Object already initialized");return metadata.facade=it,createNonEnumerableProperty(it,STATE,metadata),metadata},get=function(it){return objectHas(it,STATE)?it[STATE]:{}},has=function(it){return objectHas(it,STATE)}}module.exports={set:set,get:get,has:has,enforce:function(it){return has(it)?get(it):set(it,{})},getterFor:function(TYPE){return function(it){var state;if(!isObject(it)||(state=get(it)).type!==TYPE)throw TypeError("Incompatible receiver, "+TYPE+" required");return state}}}},"./node_modules/core-js/internals/is-array-iterator-method.js":function(module,exports,__webpack_require__){var wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),ITERATOR=wellKnownSymbol("iterator"),ArrayPrototype=Array.prototype;module.exports=function(it){return void 0!==it&&(Iterators.Array===it||ArrayPrototype[ITERATOR]===it)}},"./node_modules/core-js/internals/is-array.js":function(module,exports,__webpack_require__){var classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js");module.exports=Array.isArray||function isArray(arg){return"Array"==classof(arg)}},"./node_modules/core-js/internals/is-data-descriptor.js":function(module,exports,__webpack_require__){var has=__webpack_require__("./node_modules/core-js/internals/has.js");module.exports=function(descriptor){return void 0!==descriptor&&(has(descriptor,"value")||has(descriptor,"writable"))}},"./node_modules/core-js/internals/is-forced.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),replacement=/#|\.prototype\./,isForced=function(feature,detection){var value=data[normalize(feature)];return value==POLYFILL||value!=NATIVE&&("function"==typeof detection?fails(detection):!!detection)},normalize=isForced.normalize=function(string){return String(string).replace(replacement,".").toLowerCase()},data=isForced.data={},NATIVE=isForced.NATIVE="N",POLYFILL=isForced.POLYFILL="P";module.exports=isForced},"./node_modules/core-js/internals/is-integer.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),floor=Math.floor;module.exports=function isInteger(it){return!isObject(it)&&isFinite(it)&&floor(it)===it}},"./node_modules/core-js/internals/is-object.js":function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},"./node_modules/core-js/internals/is-pure.js":function(module,exports){module.exports=!1},"./node_modules/core-js/internals/is-regexp.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),MATCH=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("match");module.exports=function(it){var isRegExp;return isObject(it)&&(void 0!==(isRegExp=it[MATCH])?!!isRegExp:"RegExp"==classof(it))}},"./node_modules/core-js/internals/is-symbol.js":function(module,exports,__webpack_require__){var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),USE_SYMBOL_AS_UID=__webpack_require__("./node_modules/core-js/internals/use-symbol-as-uid.js");module.exports=USE_SYMBOL_AS_UID?function(it){return"symbol"==typeof it}:function(it){var $Symbol=getBuiltIn("Symbol");return"function"==typeof $Symbol&&Object(it)instanceof $Symbol}},"./node_modules/core-js/internals/iterate.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isArrayIteratorMethod=__webpack_require__("./node_modules/core-js/internals/is-array-iterator-method.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js"),iteratorClose=__webpack_require__("./node_modules/core-js/internals/iterator-close.js"),Result=function(stopped,result){this.stopped=stopped,this.result=result};module.exports=function(iterable,unboundFunction,options){var iterator,iterFn,index,length,result,next,step,that=options&&options.that,AS_ENTRIES=!(!options||!options.AS_ENTRIES),IS_ITERATOR=!(!options||!options.IS_ITERATOR),INTERRUPTED=!(!options||!options.INTERRUPTED),fn=bind(unboundFunction,that,1+AS_ENTRIES+INTERRUPTED),stop=function(condition){return iterator&&iteratorClose(iterator),new Result(!0,condition)},callFn=function(value){return AS_ENTRIES?(anObject(value),INTERRUPTED?fn(value[0],value[1],stop):fn(value[0],value[1])):INTERRUPTED?fn(value,stop):fn(value)};if(IS_ITERATOR)iterator=iterable;else{if("function"!=typeof(iterFn=getIteratorMethod(iterable)))throw TypeError("Target is not iterable");if(isArrayIteratorMethod(iterFn)){for(index=0,length=toLength(iterable.length);length>index;index++)if((result=callFn(iterable[index]))&&result instanceof Result)return result;return new Result(!1)}iterator=iterFn.call(iterable)}for(next=iterator.next;!(step=next.call(iterator)).done;){try{result=callFn(step.value)}catch(error){throw iteratorClose(iterator),error}if("object"==typeof result&&result&&result instanceof Result)return result}return new Result(!1)}},"./node_modules/core-js/internals/iterator-close.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js");module.exports=function(iterator){var returnMethod=iterator.return;if(void 0!==returnMethod)return anObject(returnMethod.call(iterator)).value}},"./node_modules/core-js/internals/iterators-core.js":function(module,exports,__webpack_require__){"use strict";var IteratorPrototype,PrototypeOfArrayIteratorPrototype,arrayIterator,fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),ITERATOR=wellKnownSymbol("iterator"),BUGGY_SAFARI_ITERATORS=!1;[].keys&&("next"in(arrayIterator=[].keys())?(PrototypeOfArrayIteratorPrototype=getPrototypeOf(getPrototypeOf(arrayIterator)))!==Object.prototype&&(IteratorPrototype=PrototypeOfArrayIteratorPrototype):BUGGY_SAFARI_ITERATORS=!0);var NEW_ITERATOR_PROTOTYPE=null==IteratorPrototype||fails((function(){var test={};return IteratorPrototype[ITERATOR].call(test)!==test}));NEW_ITERATOR_PROTOTYPE&&(IteratorPrototype={}),IS_PURE&&!NEW_ITERATOR_PROTOTYPE||has(IteratorPrototype,ITERATOR)||createNonEnumerableProperty(IteratorPrototype,ITERATOR,(function(){return this})),module.exports={IteratorPrototype:IteratorPrototype,BUGGY_SAFARI_ITERATORS:BUGGY_SAFARI_ITERATORS}},"./node_modules/core-js/internals/iterators.js":function(module,exports){module.exports={}},"./node_modules/core-js/internals/microtask.js":function(module,exports,__webpack_require__){var flush,head,last,notify,toggle,node,promise,then,global=__webpack_require__("./node_modules/core-js/internals/global.js"),getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,macrotask=__webpack_require__("./node_modules/core-js/internals/task.js").set,IS_IOS=__webpack_require__("./node_modules/core-js/internals/engine-is-ios.js"),IS_IOS_PEBBLE=__webpack_require__("./node_modules/core-js/internals/engine-is-ios-pebble.js"),IS_WEBOS_WEBKIT=__webpack_require__("./node_modules/core-js/internals/engine-is-webos-webkit.js"),IS_NODE=__webpack_require__("./node_modules/core-js/internals/engine-is-node.js"),MutationObserver=global.MutationObserver||global.WebKitMutationObserver,document=global.document,process=global.process,Promise=global.Promise,queueMicrotaskDescriptor=getOwnPropertyDescriptor(global,"queueMicrotask"),queueMicrotask=queueMicrotaskDescriptor&&queueMicrotaskDescriptor.value;queueMicrotask||(flush=function(){var parent,fn;for(IS_NODE&&(parent=process.domain)&&parent.exit();head;){fn=head.fn,head=head.next;try{fn()}catch(error){throw head?notify():last=void 0,error}}last=void 0,parent&&parent.enter()},IS_IOS||IS_NODE||IS_WEBOS_WEBKIT||!MutationObserver||!document?!IS_IOS_PEBBLE&&Promise&&Promise.resolve?((promise=Promise.resolve(void 0)).constructor=Promise,then=promise.then,notify=function(){then.call(promise,flush)}):notify=IS_NODE?function(){process.nextTick(flush)}:function(){macrotask.call(global,flush)}:(toggle=!0,node=document.createTextNode(""),new MutationObserver(flush).observe(node,{characterData:!0}),notify=function(){node.data=toggle=!toggle})),module.exports=queueMicrotask||function(fn){var task={fn:fn,next:void 0};last&&(last.next=task),head||(head=task,notify()),last=task}},"./node_modules/core-js/internals/native-promise-constructor.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=global.Promise},"./node_modules/core-js/internals/native-symbol.js":function(module,exports,__webpack_require__){var V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!!Object.getOwnPropertySymbols&&!fails((function(){var symbol=Symbol();return!String(symbol)||!(Object(symbol)instanceof Symbol)||!Symbol.sham&&V8_VERSION&&V8_VERSION<41}))},"./node_modules/core-js/internals/native-url.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),ITERATOR=wellKnownSymbol("iterator");module.exports=!fails((function(){var url=new URL("b?a=1&b=2&c=3","http://a"),searchParams=url.searchParams,result="";return url.pathname="c%20d",searchParams.forEach((function(value,key){searchParams.delete("b"),result+=key+value})),IS_PURE&&!url.toJSON||!searchParams.sort||"http://a/c%20d?a=1&c=3"!==url.href||"3"!==searchParams.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!searchParams[ITERATOR]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==result||"x"!==new URL("http://x",void 0).host}))},"./node_modules/core-js/internals/native-weak-map.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),inspectSource=__webpack_require__("./node_modules/core-js/internals/inspect-source.js"),WeakMap=global.WeakMap;module.exports="function"==typeof WeakMap&&/native code/.test(inspectSource(WeakMap))},"./node_modules/core-js/internals/new-promise-capability.js":function(module,exports,__webpack_require__){"use strict";var aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),PromiseCapability=function(C){var resolve,reject;this.promise=new C((function($$resolve,$$reject){if(void 0!==resolve||void 0!==reject)throw TypeError("Bad Promise constructor");resolve=$$resolve,reject=$$reject})),this.resolve=aFunction(resolve),this.reject=aFunction(reject)};module.exports.f=function(C){return new PromiseCapability(C)}},"./node_modules/core-js/internals/not-a-regexp.js":function(module,exports,__webpack_require__){var isRegExp=__webpack_require__("./node_modules/core-js/internals/is-regexp.js");module.exports=function(it){if(isRegExp(it))throw TypeError("The method doesn't accept regular expressions");return it}},"./node_modules/core-js/internals/number-parse-int.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),trim=__webpack_require__("./node_modules/core-js/internals/string-trim.js").trim,whitespaces=__webpack_require__("./node_modules/core-js/internals/whitespaces.js"),$parseInt=global.parseInt,hex=/^[+-]?0[Xx]/,FORCED=8!==$parseInt(whitespaces+"08")||22!==$parseInt(whitespaces+"0x16");module.exports=FORCED?function parseInt(string,radix){var S=trim(toString(string));return $parseInt(S,radix>>>0||(hex.test(S)?16:10))}:$parseInt},"./node_modules/core-js/internals/object-assign.js":function(module,exports,__webpack_require__){"use strict";var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js"),getOwnPropertySymbolsModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-symbols.js"),propertyIsEnumerableModule=__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),$assign=Object.assign,defineProperty=Object.defineProperty;module.exports=!$assign||fails((function(){if(DESCRIPTORS&&1!==$assign({b:1},$assign(defineProperty({},"a",{enumerable:!0,get:function(){defineProperty(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var A={},B={},symbol=Symbol();return A[symbol]=7,"abcdefghijklmnopqrst".split("").forEach((function(chr){B[chr]=chr})),7!=$assign({},A)[symbol]||"abcdefghijklmnopqrst"!=objectKeys($assign({},B)).join("")}))?function assign(target,source){for(var T=toObject(target),argumentsLength=arguments.length,index=1,getOwnPropertySymbols=getOwnPropertySymbolsModule.f,propertyIsEnumerable=propertyIsEnumerableModule.f;argumentsLength>index;)for(var key,S=IndexedObject(arguments[index++]),keys=getOwnPropertySymbols?objectKeys(S).concat(getOwnPropertySymbols(S)):objectKeys(S),length=keys.length,j=0;length>j;)key=keys[j++],DESCRIPTORS&&!propertyIsEnumerable.call(S,key)||(T[key]=S[key]);return T}:$assign},"./node_modules/core-js/internals/object-create.js":function(module,exports,__webpack_require__){var activeXDocument,anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),defineProperties=__webpack_require__("./node_modules/core-js/internals/object-define-properties.js"),enumBugKeys=__webpack_require__("./node_modules/core-js/internals/enum-bug-keys.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),html=__webpack_require__("./node_modules/core-js/internals/html.js"),documentCreateElement=__webpack_require__("./node_modules/core-js/internals/document-create-element.js"),sharedKey=__webpack_require__("./node_modules/core-js/internals/shared-key.js"),IE_PROTO=sharedKey("IE_PROTO"),EmptyConstructor=function(){},scriptTag=function(content){return"<script>"+content+"<\/script>"},NullProtoObjectViaActiveX=function(activeXDocument){activeXDocument.write(scriptTag("")),activeXDocument.close();var temp=activeXDocument.parentWindow.Object;return activeXDocument=null,temp},NullProtoObject=function(){try{activeXDocument=new ActiveXObject("htmlfile")}catch(error){}var iframeDocument,iframe;NullProtoObject="undefined"!=typeof document?document.domain&&activeXDocument?NullProtoObjectViaActiveX(activeXDocument):((iframe=documentCreateElement("iframe")).style.display="none",html.appendChild(iframe),iframe.src=String("javascript:"),(iframeDocument=iframe.contentWindow.document).open(),iframeDocument.write(scriptTag("document.F=Object")),iframeDocument.close(),iframeDocument.F):NullProtoObjectViaActiveX(activeXDocument);for(var length=enumBugKeys.length;length--;)delete NullProtoObject.prototype[enumBugKeys[length]];return NullProtoObject()};hiddenKeys[IE_PROTO]=!0,module.exports=Object.create||function create(O,Properties){var result;return null!==O?(EmptyConstructor.prototype=anObject(O),result=new EmptyConstructor,EmptyConstructor.prototype=null,result[IE_PROTO]=O):result=NullProtoObject(),void 0===Properties?result:defineProperties(result,Properties)}},"./node_modules/core-js/internals/object-define-properties.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js");module.exports=DESCRIPTORS?Object.defineProperties:function defineProperties(O,Properties){anObject(O);for(var key,keys=objectKeys(Properties),length=keys.length,index=0;length>index;)definePropertyModule.f(O,key=keys[index++],Properties[key]);return O}},"./node_modules/core-js/internals/object-define-property.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),IE8_DOM_DEFINE=__webpack_require__("./node_modules/core-js/internals/ie8-dom-define.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),toPropertyKey=__webpack_require__("./node_modules/core-js/internals/to-property-key.js"),$defineProperty=Object.defineProperty;exports.f=DESCRIPTORS?$defineProperty:function defineProperty(O,P,Attributes){if(anObject(O),P=toPropertyKey(P),anObject(Attributes),IE8_DOM_DEFINE)try{return $defineProperty(O,P,Attributes)}catch(error){}if("get"in Attributes||"set"in Attributes)throw TypeError("Accessors not supported");return"value"in Attributes&&(O[P]=Attributes.value),O}},"./node_modules/core-js/internals/object-get-own-property-descriptor.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),propertyIsEnumerableModule=__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),toPropertyKey=__webpack_require__("./node_modules/core-js/internals/to-property-key.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),IE8_DOM_DEFINE=__webpack_require__("./node_modules/core-js/internals/ie8-dom-define.js"),$getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor;exports.f=DESCRIPTORS?$getOwnPropertyDescriptor:function getOwnPropertyDescriptor(O,P){if(O=toIndexedObject(O),P=toPropertyKey(P),IE8_DOM_DEFINE)try{return $getOwnPropertyDescriptor(O,P)}catch(error){}if(has(O,P))return createPropertyDescriptor(!propertyIsEnumerableModule.f.call(O,P),O[P])}},"./node_modules/core-js/internals/object-get-own-property-names-external.js":function(module,exports,__webpack_require__){var toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),$getOwnPropertyNames=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js").f,toString={}.toString,windowNames="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];module.exports.f=function getOwnPropertyNames(it){return windowNames&&"[object Window]"==toString.call(it)?function(it){try{return $getOwnPropertyNames(it)}catch(error){return windowNames.slice()}}(it):$getOwnPropertyNames(toIndexedObject(it))}},"./node_modules/core-js/internals/object-get-own-property-names.js":function(module,exports,__webpack_require__){var internalObjectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys-internal.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/enum-bug-keys.js").concat("length","prototype");exports.f=Object.getOwnPropertyNames||function getOwnPropertyNames(O){return internalObjectKeys(O,hiddenKeys)}},"./node_modules/core-js/internals/object-get-own-property-symbols.js":function(module,exports){exports.f=Object.getOwnPropertySymbols},"./node_modules/core-js/internals/object-get-prototype-of.js":function(module,exports,__webpack_require__){var has=__webpack_require__("./node_modules/core-js/internals/has.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),sharedKey=__webpack_require__("./node_modules/core-js/internals/shared-key.js"),CORRECT_PROTOTYPE_GETTER=__webpack_require__("./node_modules/core-js/internals/correct-prototype-getter.js"),IE_PROTO=sharedKey("IE_PROTO"),ObjectPrototype=Object.prototype;module.exports=CORRECT_PROTOTYPE_GETTER?Object.getPrototypeOf:function(O){return O=toObject(O),has(O,IE_PROTO)?O[IE_PROTO]:"function"==typeof O.constructor&&O instanceof O.constructor?O.constructor.prototype:O instanceof Object?ObjectPrototype:null}},"./node_modules/core-js/internals/object-keys-internal.js":function(module,exports,__webpack_require__){var has=__webpack_require__("./node_modules/core-js/internals/has.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),indexOf=__webpack_require__("./node_modules/core-js/internals/array-includes.js").indexOf,hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js");module.exports=function(object,names){var key,O=toIndexedObject(object),i=0,result=[];for(key in O)!has(hiddenKeys,key)&&has(O,key)&&result.push(key);for(;names.length>i;)has(O,key=names[i++])&&(~indexOf(result,key)||result.push(key));return result}},"./node_modules/core-js/internals/object-keys.js":function(module,exports,__webpack_require__){var internalObjectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys-internal.js"),enumBugKeys=__webpack_require__("./node_modules/core-js/internals/enum-bug-keys.js");module.exports=Object.keys||function keys(O){return internalObjectKeys(O,enumBugKeys)}},"./node_modules/core-js/internals/object-property-is-enumerable.js":function(module,exports,__webpack_require__){"use strict";var $propertyIsEnumerable={}.propertyIsEnumerable,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,NASHORN_BUG=getOwnPropertyDescriptor&&!$propertyIsEnumerable.call({1:2},1);exports.f=NASHORN_BUG?function propertyIsEnumerable(V){var descriptor=getOwnPropertyDescriptor(this,V);return!!descriptor&&descriptor.enumerable}:$propertyIsEnumerable},"./node_modules/core-js/internals/object-set-prototype-of.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),aPossiblePrototype=__webpack_require__("./node_modules/core-js/internals/a-possible-prototype.js");module.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var setter,CORRECT_SETTER=!1,test={};try{(setter=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(test,[]),CORRECT_SETTER=test instanceof Array}catch(error){}return function setPrototypeOf(O,proto){return anObject(O),aPossiblePrototype(proto),CORRECT_SETTER?setter.call(O,proto):O.__proto__=proto,O}}():void 0)},"./node_modules/core-js/internals/object-to-array.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),propertyIsEnumerable=__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js").f,createMethod=function(TO_ENTRIES){return function(it){for(var key,O=toIndexedObject(it),keys=objectKeys(O),length=keys.length,i=0,result=[];length>i;)key=keys[i++],DESCRIPTORS&&!propertyIsEnumerable.call(O,key)||result.push(TO_ENTRIES?[key,O[key]]:O[key]);return result}};module.exports={entries:createMethod(!0),values:createMethod(!1)}},"./node_modules/core-js/internals/object-to-string.js":function(module,exports,__webpack_require__){"use strict";var TO_STRING_TAG_SUPPORT=__webpack_require__("./node_modules/core-js/internals/to-string-tag-support.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof.js");module.exports=TO_STRING_TAG_SUPPORT?{}.toString:function toString(){return"[object "+classof(this)+"]"}},"./node_modules/core-js/internals/ordinary-to-primitive.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js");module.exports=function(input,pref){var fn,val;if("string"===pref&&"function"==typeof(fn=input.toString)&&!isObject(val=fn.call(input)))return val;if("function"==typeof(fn=input.valueOf)&&!isObject(val=fn.call(input)))return val;if("string"!==pref&&"function"==typeof(fn=input.toString)&&!isObject(val=fn.call(input)))return val;throw TypeError("Can't convert object to primitive value")}},"./node_modules/core-js/internals/own-keys.js":function(module,exports,__webpack_require__){var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),getOwnPropertyNamesModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js"),getOwnPropertySymbolsModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-symbols.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js");module.exports=getBuiltIn("Reflect","ownKeys")||function ownKeys(it){var keys=getOwnPropertyNamesModule.f(anObject(it)),getOwnPropertySymbols=getOwnPropertySymbolsModule.f;return getOwnPropertySymbols?keys.concat(getOwnPropertySymbols(it)):keys}},"./node_modules/core-js/internals/path.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=global},"./node_modules/core-js/internals/perform.js":function(module,exports){module.exports=function(exec){try{return{error:!1,value:exec()}}catch(error){return{error:!0,value:error}}}},"./node_modules/core-js/internals/promise-resolve.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),newPromiseCapability=__webpack_require__("./node_modules/core-js/internals/new-promise-capability.js");module.exports=function(C,x){if(anObject(C),isObject(x)&&x.constructor===C)return x;var promiseCapability=newPromiseCapability.f(C);return(0,promiseCapability.resolve)(x),promiseCapability.promise}},"./node_modules/core-js/internals/redefine-all.js":function(module,exports,__webpack_require__){var redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js");module.exports=function(target,src,options){for(var key in src)redefine(target,key,src[key],options);return target}},"./node_modules/core-js/internals/redefine.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),setGlobal=__webpack_require__("./node_modules/core-js/internals/set-global.js"),inspectSource=__webpack_require__("./node_modules/core-js/internals/inspect-source.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),getInternalState=InternalStateModule.get,enforceInternalState=InternalStateModule.enforce,TEMPLATE=String(String).split("String");(module.exports=function(O,key,value,options){var state,unsafe=!!options&&!!options.unsafe,simple=!!options&&!!options.enumerable,noTargetGet=!!options&&!!options.noTargetGet;"function"==typeof value&&("string"!=typeof key||has(value,"name")||createNonEnumerableProperty(value,"name",key),(state=enforceInternalState(value)).source||(state.source=TEMPLATE.join("string"==typeof key?key:""))),O!==global?(unsafe?!noTargetGet&&O[key]&&(simple=!0):delete O[key],simple?O[key]=value:createNonEnumerableProperty(O,key,value)):simple?O[key]=value:setGlobal(key,value)})(Function.prototype,"toString",(function toString(){return"function"==typeof this&&getInternalState(this).source||inspectSource(this)}))},"./node_modules/core-js/internals/regexp-exec-abstract.js":function(module,exports,__webpack_require__){var classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),regexpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec.js");module.exports=function(R,S){var exec=R.exec;if("function"==typeof exec){var result=exec.call(R,S);if("object"!=typeof result)throw TypeError("RegExp exec method returned something other than an Object or null");return result}if("RegExp"!==classof(R))throw TypeError("RegExp#exec called on incompatible receiver");return regexpExec.call(R,S)}},"./node_modules/core-js/internals/regexp-exec.js":function(module,exports,__webpack_require__){"use strict";var re1,re2,toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),regexpFlags=__webpack_require__("./node_modules/core-js/internals/regexp-flags.js"),stickyHelpers=__webpack_require__("./node_modules/core-js/internals/regexp-sticky-helpers.js"),shared=__webpack_require__("./node_modules/core-js/internals/shared.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),getInternalState=__webpack_require__("./node_modules/core-js/internals/internal-state.js").get,UNSUPPORTED_DOT_ALL=__webpack_require__("./node_modules/core-js/internals/regexp-unsupported-dot-all.js"),UNSUPPORTED_NCG=__webpack_require__("./node_modules/core-js/internals/regexp-unsupported-ncg.js"),nativeExec=RegExp.prototype.exec,nativeReplace=shared("native-string-replace",String.prototype.replace),patchedExec=nativeExec,UPDATES_LAST_INDEX_WRONG=(re1=/a/,re2=/b*/g,nativeExec.call(re1,"a"),nativeExec.call(re2,"a"),0!==re1.lastIndex||0!==re2.lastIndex),UNSUPPORTED_Y=stickyHelpers.UNSUPPORTED_Y||stickyHelpers.BROKEN_CARET,NPCG_INCLUDED=void 0!==/()??/.exec("")[1];(UPDATES_LAST_INDEX_WRONG||NPCG_INCLUDED||UNSUPPORTED_Y||UNSUPPORTED_DOT_ALL||UNSUPPORTED_NCG)&&(patchedExec=function exec(string){var result,reCopy,lastIndex,match,i,object,group,re=this,state=getInternalState(re),str=toString(string),raw=state.raw;if(raw)return raw.lastIndex=re.lastIndex,result=patchedExec.call(raw,str),re.lastIndex=raw.lastIndex,result;var groups=state.groups,sticky=UNSUPPORTED_Y&&re.sticky,flags=regexpFlags.call(re),source=re.source,charsAdded=0,strCopy=str;if(sticky&&(-1===(flags=flags.replace("y","")).indexOf("g")&&(flags+="g"),strCopy=str.slice(re.lastIndex),re.lastIndex>0&&(!re.multiline||re.multiline&&"\n"!==str.charAt(re.lastIndex-1))&&(source="(?: "+source+")",strCopy=" "+strCopy,charsAdded++),reCopy=new RegExp("^(?:"+source+")",flags)),NPCG_INCLUDED&&(reCopy=new RegExp("^"+source+"$(?!\\s)",flags)),UPDATES_LAST_INDEX_WRONG&&(lastIndex=re.lastIndex),match=nativeExec.call(sticky?reCopy:re,strCopy),sticky?match?(match.input=match.input.slice(charsAdded),match[0]=match[0].slice(charsAdded),match.index=re.lastIndex,re.lastIndex+=match[0].length):re.lastIndex=0:UPDATES_LAST_INDEX_WRONG&&match&&(re.lastIndex=re.global?match.index+match[0].length:lastIndex),NPCG_INCLUDED&&match&&match.length>1&&nativeReplace.call(match[0],reCopy,(function(){for(i=1;i<arguments.length-2;i++)void 0===arguments[i]&&(match[i]=void 0)})),match&&groups)for(match.groups=object=create(null),i=0;i<groups.length;i++)object[(group=groups[i])[0]]=match[group[1]];return match}),module.exports=patchedExec},"./node_modules/core-js/internals/regexp-flags.js":function(module,exports,__webpack_require__){"use strict";var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js");module.exports=function(){var that=anObject(this),result="";return that.global&&(result+="g"),that.ignoreCase&&(result+="i"),that.multiline&&(result+="m"),that.dotAll&&(result+="s"),that.unicode&&(result+="u"),that.sticky&&(result+="y"),result}},"./node_modules/core-js/internals/regexp-sticky-helpers.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),$RegExp=__webpack_require__("./node_modules/core-js/internals/global.js").RegExp;exports.UNSUPPORTED_Y=fails((function(){var re=$RegExp("a","y");return re.lastIndex=2,null!=re.exec("abcd")})),exports.BROKEN_CARET=fails((function(){var re=$RegExp("^r","gy");return re.lastIndex=2,null!=re.exec("str")}))},"./node_modules/core-js/internals/regexp-unsupported-dot-all.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),$RegExp=__webpack_require__("./node_modules/core-js/internals/global.js").RegExp;module.exports=fails((function(){var re=$RegExp(".","s");return!(re.dotAll&&re.exec("\n")&&"s"===re.flags)}))},"./node_modules/core-js/internals/regexp-unsupported-ncg.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),$RegExp=__webpack_require__("./node_modules/core-js/internals/global.js").RegExp;module.exports=fails((function(){var re=$RegExp("(?<a>b)","g");return"b"!==re.exec("b").groups.a||"bc"!=="b".replace(re,"$<a>c")}))},"./node_modules/core-js/internals/require-object-coercible.js":function(module,exports){module.exports=function(it){if(null==it)throw TypeError("Can't call method on "+it);return it}},"./node_modules/core-js/internals/same-value.js":function(module,exports){module.exports=Object.is||function is(x,y){return x===y?0!==x||1/x==1/y:x!=x&&y!=y}},"./node_modules/core-js/internals/set-global.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=function(key,value){try{Object.defineProperty(global,key,{value:value,configurable:!0,writable:!0})}catch(error){global[key]=value}return value}},"./node_modules/core-js/internals/set-species.js":function(module,exports,__webpack_require__){"use strict";var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),SPECIES=wellKnownSymbol("species");module.exports=function(CONSTRUCTOR_NAME){var Constructor=getBuiltIn(CONSTRUCTOR_NAME),defineProperty=definePropertyModule.f;DESCRIPTORS&&Constructor&&!Constructor[SPECIES]&&defineProperty(Constructor,SPECIES,{configurable:!0,get:function(){return this}})}},"./node_modules/core-js/internals/set-to-string-tag.js":function(module,exports,__webpack_require__){var defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,has=__webpack_require__("./node_modules/core-js/internals/has.js"),TO_STRING_TAG=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("toStringTag");module.exports=function(it,TAG,STATIC){it&&!has(it=STATIC?it:it.prototype,TO_STRING_TAG)&&defineProperty(it,TO_STRING_TAG,{configurable:!0,value:TAG})}},"./node_modules/core-js/internals/shared-key.js":function(module,exports,__webpack_require__){var shared=__webpack_require__("./node_modules/core-js/internals/shared.js"),uid=__webpack_require__("./node_modules/core-js/internals/uid.js"),keys=shared("keys");module.exports=function(key){return keys[key]||(keys[key]=uid(key))}},"./node_modules/core-js/internals/shared-store.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),setGlobal=__webpack_require__("./node_modules/core-js/internals/set-global.js"),store=global["__core-js_shared__"]||setGlobal("__core-js_shared__",{});module.exports=store},"./node_modules/core-js/internals/shared.js":function(module,exports,__webpack_require__){var IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),store=__webpack_require__("./node_modules/core-js/internals/shared-store.js");(module.exports=function(key,value){return store[key]||(store[key]=void 0!==value?value:{})})("versions",[]).push({version:"3.16.3",mode:IS_PURE?"pure":"global",copyright:"© 2021 Denis Pushkarev (zloirock.ru)"})},"./node_modules/core-js/internals/species-constructor.js":function(module,exports,__webpack_require__){var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),SPECIES=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("species");module.exports=function(O,defaultConstructor){var S,C=anObject(O).constructor;return void 0===C||null==(S=anObject(C)[SPECIES])?defaultConstructor:aFunction(S)}},"./node_modules/core-js/internals/string-html-forced.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=function(METHOD_NAME){return fails((function(){var test=""[METHOD_NAME]('"');return test!==test.toLowerCase()||test.split('"').length>3}))}},"./node_modules/core-js/internals/string-multibyte.js":function(module,exports,__webpack_require__){var toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),createMethod=function(CONVERT_TO_STRING){return function($this,pos){var first,second,S=toString(requireObjectCoercible($this)),position=toInteger(pos),size=S.length;return position<0||position>=size?CONVERT_TO_STRING?"":void 0:(first=S.charCodeAt(position))<55296||first>56319||position+1===size||(second=S.charCodeAt(position+1))<56320||second>57343?CONVERT_TO_STRING?S.charAt(position):first:CONVERT_TO_STRING?S.slice(position,position+2):second-56320+(first-55296<<10)+65536}};module.exports={codeAt:createMethod(!1),charAt:createMethod(!0)}},"./node_modules/core-js/internals/string-punycode-to-ascii.js":function(module,exports,__webpack_require__){"use strict";var regexNonASCII=/[^\0-\u007E]/,regexSeparators=/[.\u3002\uFF0E\uFF61]/g,OVERFLOW_ERROR="Overflow: input needs wider integers to process",floor=Math.floor,stringFromCharCode=String.fromCharCode,digitToBasic=function(digit){return digit+22+75*(digit<26)},adapt=function(delta,numPoints,firstTime){var k=0;for(delta=firstTime?floor(delta/700):delta>>1,delta+=floor(delta/numPoints);delta>455;k+=36)delta=floor(delta/35);return floor(k+36*delta/(delta+38))},encode=function(input){var output=[];input=function(string){for(var output=[],counter=0,length=string.length;counter<length;){var value=string.charCodeAt(counter++);if(value>=55296&&value<=56319&&counter<length){var extra=string.charCodeAt(counter++);56320==(64512&extra)?output.push(((1023&value)<<10)+(1023&extra)+65536):(output.push(value),counter--)}else output.push(value)}return output}(input);var i,currentValue,inputLength=input.length,n=128,delta=0,bias=72;for(i=0;i<input.length;i++)(currentValue=input[i])<128&&output.push(stringFromCharCode(currentValue));var basicLength=output.length,handledCPCount=basicLength;for(basicLength&&output.push("-");handledCPCount<inputLength;){var m=2147483647;for(i=0;i<input.length;i++)(currentValue=input[i])>=n&&currentValue<m&&(m=currentValue);var handledCPCountPlusOne=handledCPCount+1;if(m-n>floor((2147483647-delta)/handledCPCountPlusOne))throw RangeError(OVERFLOW_ERROR);for(delta+=(m-n)*handledCPCountPlusOne,n=m,i=0;i<input.length;i++){if((currentValue=input[i])<n&&++delta>2147483647)throw RangeError(OVERFLOW_ERROR);if(currentValue==n){for(var q=delta,k=36;;k+=36){var t=k<=bias?1:k>=bias+26?26:k-bias;if(q<t)break;var qMinusT=q-t,baseMinusT=36-t;output.push(stringFromCharCode(digitToBasic(t+qMinusT%baseMinusT))),q=floor(qMinusT/baseMinusT)}output.push(stringFromCharCode(digitToBasic(q))),bias=adapt(delta,handledCPCountPlusOne,handledCPCount==basicLength),delta=0,++handledCPCount}}++delta,++n}return output.join("")};module.exports=function(input){var i,label,encoded=[],labels=input.toLowerCase().replace(regexSeparators,".").split(".");for(i=0;i<labels.length;i++)label=labels[i],encoded.push(regexNonASCII.test(label)?"xn--"+encode(label):label);return encoded.join(".")}},"./node_modules/core-js/internals/string-repeat.js":function(module,exports,__webpack_require__){"use strict";var toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js");module.exports=function repeat(count){var str=toString(requireObjectCoercible(this)),result="",n=toInteger(count);if(n<0||n==1/0)throw RangeError("Wrong number of repetitions");for(;n>0;(n>>>=1)&&(str+=str))1&n&&(result+=str);return result}},"./node_modules/core-js/internals/string-trim-forced.js":function(module,exports,__webpack_require__){var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),whitespaces=__webpack_require__("./node_modules/core-js/internals/whitespaces.js");module.exports=function(METHOD_NAME){return fails((function(){return!!whitespaces[METHOD_NAME]()||"​…᠎"!="​…᠎"[METHOD_NAME]()||whitespaces[METHOD_NAME].name!==METHOD_NAME}))}},"./node_modules/core-js/internals/string-trim.js":function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),whitespace="["+__webpack_require__("./node_modules/core-js/internals/whitespaces.js")+"]",ltrim=RegExp("^"+whitespace+whitespace+"*"),rtrim=RegExp(whitespace+whitespace+"*$"),createMethod=function(TYPE){return function($this){var string=toString(requireObjectCoercible($this));return 1&TYPE&&(string=string.replace(ltrim,"")),2&TYPE&&(string=string.replace(rtrim,"")),string}};module.exports={start:createMethod(1),end:createMethod(2),trim:createMethod(3)}},"./node_modules/core-js/internals/task.js":function(module,exports,__webpack_require__){var location,defer,channel,port,global=__webpack_require__("./node_modules/core-js/internals/global.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),html=__webpack_require__("./node_modules/core-js/internals/html.js"),createElement=__webpack_require__("./node_modules/core-js/internals/document-create-element.js"),IS_IOS=__webpack_require__("./node_modules/core-js/internals/engine-is-ios.js"),IS_NODE=__webpack_require__("./node_modules/core-js/internals/engine-is-node.js"),set=global.setImmediate,clear=global.clearImmediate,process=global.process,MessageChannel=global.MessageChannel,Dispatch=global.Dispatch,counter=0,queue={};try{location=global.location}catch(error){}var run=function(id){if(queue.hasOwnProperty(id)){var fn=queue[id];delete queue[id],fn()}},runner=function(id){return function(){run(id)}},listener=function(event){run(event.data)},post=function(id){global.postMessage(String(id),location.protocol+"//"+location.host)};set&&clear||(set=function setImmediate(fn){for(var args=[],argumentsLength=arguments.length,i=1;argumentsLength>i;)args.push(arguments[i++]);return queue[++counter]=function(){("function"==typeof fn?fn:Function(fn)).apply(void 0,args)},defer(counter),counter},clear=function clearImmediate(id){delete queue[id]},IS_NODE?defer=function(id){process.nextTick(runner(id))}:Dispatch&&Dispatch.now?defer=function(id){Dispatch.now(runner(id))}:MessageChannel&&!IS_IOS?(port=(channel=new MessageChannel).port2,channel.port1.onmessage=listener,defer=bind(port.postMessage,port,1)):global.addEventListener&&"function"==typeof postMessage&&!global.importScripts&&location&&"file:"!==location.protocol&&!fails(post)?(defer=post,global.addEventListener("message",listener,!1)):defer="onreadystatechange"in createElement("script")?function(id){html.appendChild(createElement("script")).onreadystatechange=function(){html.removeChild(this),run(id)}}:function(id){setTimeout(runner(id),0)}),module.exports={set:set,clear:clear}},"./node_modules/core-js/internals/this-number-value.js":function(module,exports,__webpack_require__){var classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js");module.exports=function(value){if("number"!=typeof value&&"Number"!=classof(value))throw TypeError("Incorrect invocation");return+value}},"./node_modules/core-js/internals/to-absolute-index.js":function(module,exports,__webpack_require__){var toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),max=Math.max,min=Math.min;module.exports=function(index,length){var integer=toInteger(index);return integer<0?max(integer+length,0):min(integer,length)}},"./node_modules/core-js/internals/to-index.js":function(module,exports,__webpack_require__){var toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js");module.exports=function(it){if(void 0===it)return 0;var number=toInteger(it),length=toLength(number);if(number!==length)throw RangeError("Wrong length or index");return length}},"./node_modules/core-js/internals/to-indexed-object.js":function(module,exports,__webpack_require__){var IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js");module.exports=function(it){return IndexedObject(requireObjectCoercible(it))}},"./node_modules/core-js/internals/to-integer.js":function(module,exports){var ceil=Math.ceil,floor=Math.floor;module.exports=function(argument){return isNaN(argument=+argument)?0:(argument>0?floor:ceil)(argument)}},"./node_modules/core-js/internals/to-length.js":function(module,exports,__webpack_require__){var toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),min=Math.min;module.exports=function(argument){return argument>0?min(toInteger(argument),9007199254740991):0}},"./node_modules/core-js/internals/to-object.js":function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js");module.exports=function(argument){return Object(requireObjectCoercible(argument))}},"./node_modules/core-js/internals/to-offset.js":function(module,exports,__webpack_require__){var toPositiveInteger=__webpack_require__("./node_modules/core-js/internals/to-positive-integer.js");module.exports=function(it,BYTES){var offset=toPositiveInteger(it);if(offset%BYTES)throw RangeError("Wrong offset");return offset}},"./node_modules/core-js/internals/to-positive-integer.js":function(module,exports,__webpack_require__){var toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js");module.exports=function(it){var result=toInteger(it);if(result<0)throw RangeError("The argument can't be less than 0");return result}},"./node_modules/core-js/internals/to-primitive.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),isSymbol=__webpack_require__("./node_modules/core-js/internals/is-symbol.js"),ordinaryToPrimitive=__webpack_require__("./node_modules/core-js/internals/ordinary-to-primitive.js"),TO_PRIMITIVE=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("toPrimitive");module.exports=function(input,pref){if(!isObject(input)||isSymbol(input))return input;var result,exoticToPrim=input[TO_PRIMITIVE];if(void 0!==exoticToPrim){if(void 0===pref&&(pref="default"),result=exoticToPrim.call(input,pref),!isObject(result)||isSymbol(result))return result;throw TypeError("Can't convert object to primitive value")}return void 0===pref&&(pref="number"),ordinaryToPrimitive(input,pref)}},"./node_modules/core-js/internals/to-property-key.js":function(module,exports,__webpack_require__){var toPrimitive=__webpack_require__("./node_modules/core-js/internals/to-primitive.js"),isSymbol=__webpack_require__("./node_modules/core-js/internals/is-symbol.js");module.exports=function(argument){var key=toPrimitive(argument,"string");return isSymbol(key)?key:String(key)}},"./node_modules/core-js/internals/to-string-tag-support.js":function(module,exports,__webpack_require__){var test={};test[__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("toStringTag")]="z",module.exports="[object z]"===String(test)},"./node_modules/core-js/internals/to-string.js":function(module,exports,__webpack_require__){var isSymbol=__webpack_require__("./node_modules/core-js/internals/is-symbol.js");module.exports=function(argument){if(isSymbol(argument))throw TypeError("Cannot convert a Symbol value to a string");return String(argument)}},"./node_modules/core-js/internals/typed-array-constructor.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),TYPED_ARRAYS_CONSTRUCTORS_REQUIRES_WRAPPERS=__webpack_require__("./node_modules/core-js/internals/typed-array-constructors-require-wrappers.js"),ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),ArrayBufferModule=__webpack_require__("./node_modules/core-js/internals/array-buffer.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),isInteger=__webpack_require__("./node_modules/core-js/internals/is-integer.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toIndex=__webpack_require__("./node_modules/core-js/internals/to-index.js"),toOffset=__webpack_require__("./node_modules/core-js/internals/to-offset.js"),toPropertyKey=__webpack_require__("./node_modules/core-js/internals/to-property-key.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),isSymbol=__webpack_require__("./node_modules/core-js/internals/is-symbol.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),getOwnPropertyNames=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js").f,typedArrayFrom=__webpack_require__("./node_modules/core-js/internals/typed-array-from.js"),forEach=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").forEach,setSpecies=__webpack_require__("./node_modules/core-js/internals/set-species.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),getOwnPropertyDescriptorModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),inheritIfRequired=__webpack_require__("./node_modules/core-js/internals/inherit-if-required.js"),getInternalState=InternalStateModule.get,setInternalState=InternalStateModule.set,nativeDefineProperty=definePropertyModule.f,nativeGetOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,round=Math.round,RangeError=global.RangeError,ArrayBuffer=ArrayBufferModule.ArrayBuffer,DataView=ArrayBufferModule.DataView,NATIVE_ARRAY_BUFFER_VIEWS=ArrayBufferViewCore.NATIVE_ARRAY_BUFFER_VIEWS,TYPED_ARRAY_CONSTRUCTOR=ArrayBufferViewCore.TYPED_ARRAY_CONSTRUCTOR,TYPED_ARRAY_TAG=ArrayBufferViewCore.TYPED_ARRAY_TAG,TypedArray=ArrayBufferViewCore.TypedArray,TypedArrayPrototype=ArrayBufferViewCore.TypedArrayPrototype,aTypedArrayConstructor=ArrayBufferViewCore.aTypedArrayConstructor,isTypedArray=ArrayBufferViewCore.isTypedArray,fromList=function(C,list){for(var index=0,length=list.length,result=new(aTypedArrayConstructor(C))(length);length>index;)result[index]=list[index++];return result},addGetter=function(it,key){nativeDefineProperty(it,key,{get:function(){return getInternalState(this)[key]}})},isArrayBuffer=function(it){var klass;return it instanceof ArrayBuffer||"ArrayBuffer"==(klass=classof(it))||"SharedArrayBuffer"==klass},isTypedArrayIndex=function(target,key){return isTypedArray(target)&&!isSymbol(key)&&key in target&&isInteger(+key)&&key>=0},wrappedGetOwnPropertyDescriptor=function getOwnPropertyDescriptor(target,key){return key=toPropertyKey(key),isTypedArrayIndex(target,key)?createPropertyDescriptor(2,target[key]):nativeGetOwnPropertyDescriptor(target,key)},wrappedDefineProperty=function defineProperty(target,key,descriptor){return key=toPropertyKey(key),!(isTypedArrayIndex(target,key)&&isObject(descriptor)&&has(descriptor,"value"))||has(descriptor,"get")||has(descriptor,"set")||descriptor.configurable||has(descriptor,"writable")&&!descriptor.writable||has(descriptor,"enumerable")&&!descriptor.enumerable?nativeDefineProperty(target,key,descriptor):(target[key]=descriptor.value,target)};DESCRIPTORS?(NATIVE_ARRAY_BUFFER_VIEWS||(getOwnPropertyDescriptorModule.f=wrappedGetOwnPropertyDescriptor,definePropertyModule.f=wrappedDefineProperty,addGetter(TypedArrayPrototype,"buffer"),addGetter(TypedArrayPrototype,"byteOffset"),addGetter(TypedArrayPrototype,"byteLength"),addGetter(TypedArrayPrototype,"length")),$({target:"Object",stat:!0,forced:!NATIVE_ARRAY_BUFFER_VIEWS},{getOwnPropertyDescriptor:wrappedGetOwnPropertyDescriptor,defineProperty:wrappedDefineProperty}),module.exports=function(TYPE,wrapper,CLAMPED){var BYTES=TYPE.match(/\d+$/)[0]/8,CONSTRUCTOR_NAME=TYPE+(CLAMPED?"Clamped":"")+"Array",GETTER="get"+TYPE,SETTER="set"+TYPE,NativeTypedArrayConstructor=global[CONSTRUCTOR_NAME],TypedArrayConstructor=NativeTypedArrayConstructor,TypedArrayConstructorPrototype=TypedArrayConstructor&&TypedArrayConstructor.prototype,exported={},addElement=function(that,index){nativeDefineProperty(that,index,{get:function(){return function(that,index){var data=getInternalState(that);return data.view[GETTER](index*BYTES+data.byteOffset,!0)}(this,index)},set:function(value){return function(that,index,value){var data=getInternalState(that);CLAMPED&&(value=(value=round(value))<0?0:value>255?255:255&value),data.view[SETTER](index*BYTES+data.byteOffset,value,!0)}(this,index,value)},enumerable:!0})};NATIVE_ARRAY_BUFFER_VIEWS?TYPED_ARRAYS_CONSTRUCTORS_REQUIRES_WRAPPERS&&(TypedArrayConstructor=wrapper((function(dummy,data,typedArrayOffset,$length){return anInstance(dummy,TypedArrayConstructor,CONSTRUCTOR_NAME),inheritIfRequired(isObject(data)?isArrayBuffer(data)?void 0!==$length?new NativeTypedArrayConstructor(data,toOffset(typedArrayOffset,BYTES),$length):void 0!==typedArrayOffset?new NativeTypedArrayConstructor(data,toOffset(typedArrayOffset,BYTES)):new NativeTypedArrayConstructor(data):isTypedArray(data)?fromList(TypedArrayConstructor,data):typedArrayFrom.call(TypedArrayConstructor,data):new NativeTypedArrayConstructor(toIndex(data)),dummy,TypedArrayConstructor)})),setPrototypeOf&&setPrototypeOf(TypedArrayConstructor,TypedArray),forEach(getOwnPropertyNames(NativeTypedArrayConstructor),(function(key){key in TypedArrayConstructor||createNonEnumerableProperty(TypedArrayConstructor,key,NativeTypedArrayConstructor[key])})),TypedArrayConstructor.prototype=TypedArrayConstructorPrototype):(TypedArrayConstructor=wrapper((function(that,data,offset,$length){anInstance(that,TypedArrayConstructor,CONSTRUCTOR_NAME);var buffer,byteLength,length,index=0,byteOffset=0;if(isObject(data)){if(!isArrayBuffer(data))return isTypedArray(data)?fromList(TypedArrayConstructor,data):typedArrayFrom.call(TypedArrayConstructor,data);buffer=data,byteOffset=toOffset(offset,BYTES);var $len=data.byteLength;if(void 0===$length){if($len%BYTES)throw RangeError("Wrong length");if((byteLength=$len-byteOffset)<0)throw RangeError("Wrong length")}else if((byteLength=toLength($length)*BYTES)+byteOffset>$len)throw RangeError("Wrong length");length=byteLength/BYTES}else length=toIndex(data),buffer=new ArrayBuffer(byteLength=length*BYTES);for(setInternalState(that,{buffer:buffer,byteOffset:byteOffset,byteLength:byteLength,length:length,view:new DataView(buffer)});index<length;)addElement(that,index++)})),setPrototypeOf&&setPrototypeOf(TypedArrayConstructor,TypedArray),TypedArrayConstructorPrototype=TypedArrayConstructor.prototype=create(TypedArrayPrototype)),TypedArrayConstructorPrototype.constructor!==TypedArrayConstructor&&createNonEnumerableProperty(TypedArrayConstructorPrototype,"constructor",TypedArrayConstructor),createNonEnumerableProperty(TypedArrayConstructorPrototype,TYPED_ARRAY_CONSTRUCTOR,TypedArrayConstructor),TYPED_ARRAY_TAG&&createNonEnumerableProperty(TypedArrayConstructorPrototype,TYPED_ARRAY_TAG,CONSTRUCTOR_NAME),exported[CONSTRUCTOR_NAME]=TypedArrayConstructor,$({global:!0,forced:TypedArrayConstructor!=NativeTypedArrayConstructor,sham:!NATIVE_ARRAY_BUFFER_VIEWS},exported),"BYTES_PER_ELEMENT"in TypedArrayConstructor||createNonEnumerableProperty(TypedArrayConstructor,"BYTES_PER_ELEMENT",BYTES),"BYTES_PER_ELEMENT"in TypedArrayConstructorPrototype||createNonEnumerableProperty(TypedArrayConstructorPrototype,"BYTES_PER_ELEMENT",BYTES),setSpecies(CONSTRUCTOR_NAME)}):module.exports=function(){}},"./node_modules/core-js/internals/typed-array-constructors-require-wrappers.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),checkCorrectnessOfIteration=__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js"),NATIVE_ARRAY_BUFFER_VIEWS=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js").NATIVE_ARRAY_BUFFER_VIEWS,ArrayBuffer=global.ArrayBuffer,Int8Array=global.Int8Array;module.exports=!NATIVE_ARRAY_BUFFER_VIEWS||!fails((function(){Int8Array(1)}))||!fails((function(){new Int8Array(-1)}))||!checkCorrectnessOfIteration((function(iterable){new Int8Array,new Int8Array(null),new Int8Array(1.5),new Int8Array(iterable)}),!0)||fails((function(){return 1!==new Int8Array(new ArrayBuffer(2),1,void 0).length}))},"./node_modules/core-js/internals/typed-array-from-species-and-list.js":function(module,exports,__webpack_require__){var arrayFromConstructorAndList=__webpack_require__("./node_modules/core-js/internals/array-from-constructor-and-list.js"),typedArraySpeciesConstructor=__webpack_require__("./node_modules/core-js/internals/typed-array-species-constructor.js");module.exports=function(instance,list){return arrayFromConstructorAndList(typedArraySpeciesConstructor(instance),list)}},"./node_modules/core-js/internals/typed-array-from.js":function(module,exports,__webpack_require__){var toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js"),isArrayIteratorMethod=__webpack_require__("./node_modules/core-js/internals/is-array-iterator-method.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),aTypedArrayConstructor=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js").aTypedArrayConstructor;module.exports=function from(source){var i,length,result,step,iterator,next,O=toObject(source),argumentsLength=arguments.length,mapfn=argumentsLength>1?arguments[1]:void 0,mapping=void 0!==mapfn,iteratorMethod=getIteratorMethod(O);if(null!=iteratorMethod&&!isArrayIteratorMethod(iteratorMethod))for(next=(iterator=iteratorMethod.call(O)).next,O=[];!(step=next.call(iterator)).done;)O.push(step.value);for(mapping&&argumentsLength>2&&(mapfn=bind(mapfn,arguments[2],2)),length=toLength(O.length),result=new(aTypedArrayConstructor(this))(length),i=0;length>i;i++)result[i]=mapping?mapfn(O[i],i):O[i];return result}},"./node_modules/core-js/internals/typed-array-species-constructor.js":function(module,exports,__webpack_require__){var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),speciesConstructor=__webpack_require__("./node_modules/core-js/internals/species-constructor.js"),TYPED_ARRAY_CONSTRUCTOR=ArrayBufferViewCore.TYPED_ARRAY_CONSTRUCTOR,aTypedArrayConstructor=ArrayBufferViewCore.aTypedArrayConstructor;module.exports=function(originalArray){return aTypedArrayConstructor(speciesConstructor(originalArray,originalArray[TYPED_ARRAY_CONSTRUCTOR]))}},"./node_modules/core-js/internals/uid.js":function(module,exports){var id=0,postfix=Math.random();module.exports=function(key){return"Symbol("+String(void 0===key?"":key)+")_"+(++id+postfix).toString(36)}},"./node_modules/core-js/internals/use-symbol-as-uid.js":function(module,exports,__webpack_require__){var NATIVE_SYMBOL=__webpack_require__("./node_modules/core-js/internals/native-symbol.js");module.exports=NATIVE_SYMBOL&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},"./node_modules/core-js/internals/well-known-symbol-wrapped.js":function(module,exports,__webpack_require__){var wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js");exports.f=wellKnownSymbol},"./node_modules/core-js/internals/well-known-symbol.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),shared=__webpack_require__("./node_modules/core-js/internals/shared.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),uid=__webpack_require__("./node_modules/core-js/internals/uid.js"),NATIVE_SYMBOL=__webpack_require__("./node_modules/core-js/internals/native-symbol.js"),USE_SYMBOL_AS_UID=__webpack_require__("./node_modules/core-js/internals/use-symbol-as-uid.js"),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},"./node_modules/core-js/internals/whitespaces.js":function(module,exports){module.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},"./node_modules/core-js/modules/es.aggregate-error.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),$AggregateError=function AggregateError(errors,message){var that=this;if(!(that instanceof $AggregateError))return new $AggregateError(errors,message);setPrototypeOf&&(that=setPrototypeOf(new Error(void 0),getPrototypeOf(that))),void 0!==message&&createNonEnumerableProperty(that,"message",toString(message));var errorsArray=[];return iterate(errors,errorsArray.push,{that:errorsArray}),createNonEnumerableProperty(that,"errors",errorsArray),that};$AggregateError.prototype=create(Error.prototype,{constructor:createPropertyDescriptor(5,$AggregateError),message:createPropertyDescriptor(5,""),name:createPropertyDescriptor(5,"AggregateError")}),$({global:!0},{AggregateError:$AggregateError})},"./node_modules/core-js/modules/es.array-buffer.constructor.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),arrayBufferModule=__webpack_require__("./node_modules/core-js/internals/array-buffer.js"),setSpecies=__webpack_require__("./node_modules/core-js/internals/set-species.js"),ArrayBuffer=arrayBufferModule.ArrayBuffer;$({global:!0,forced:global.ArrayBuffer!==ArrayBuffer},{ArrayBuffer:ArrayBuffer}),setSpecies("ArrayBuffer")},"./node_modules/core-js/modules/es.array.concat.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),arraySpeciesCreate=__webpack_require__("./node_modules/core-js/internals/array-species-create.js"),arrayMethodHasSpeciesSupport=__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),IS_CONCAT_SPREADABLE=wellKnownSymbol("isConcatSpreadable"),IS_CONCAT_SPREADABLE_SUPPORT=V8_VERSION>=51||!fails((function(){var array=[];return array[IS_CONCAT_SPREADABLE]=!1,array.concat()[0]!==array})),SPECIES_SUPPORT=arrayMethodHasSpeciesSupport("concat"),isConcatSpreadable=function(O){if(!isObject(O))return!1;var spreadable=O[IS_CONCAT_SPREADABLE];return void 0!==spreadable?!!spreadable:isArray(O)};$({target:"Array",proto:!0,forced:!IS_CONCAT_SPREADABLE_SUPPORT||!SPECIES_SUPPORT},{concat:function concat(arg){var i,k,length,len,E,O=toObject(this),A=arraySpeciesCreate(O,0),n=0;for(i=-1,length=arguments.length;i<length;i++)if(isConcatSpreadable(E=-1===i?O:arguments[i])){if(n+(len=toLength(E.length))>9007199254740991)throw TypeError("Maximum allowed index exceeded");for(k=0;k<len;k++,n++)k in E&&createProperty(A,n,E[k])}else{if(n>=9007199254740991)throw TypeError("Maximum allowed index exceeded");createProperty(A,n++,E)}return A.length=n,A}})},"./node_modules/core-js/modules/es.array.every.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$every=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").every;$({target:"Array",proto:!0,forced:!__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js")("every")},{every:function every(callbackfn){return $every(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.array.fill.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),fill=__webpack_require__("./node_modules/core-js/internals/array-fill.js"),addToUnscopables=__webpack_require__("./node_modules/core-js/internals/add-to-unscopables.js");$({target:"Array",proto:!0},{fill:fill}),addToUnscopables("fill")},"./node_modules/core-js/modules/es.array.filter.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$filter=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").filter;$({target:"Array",proto:!0,forced:!__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js")("filter")},{filter:function filter(callbackfn){return $filter(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.array.find-index.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$findIndex=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").findIndex,addToUnscopables=__webpack_require__("./node_modules/core-js/internals/add-to-unscopables.js"),SKIPS_HOLES=!0;"findIndex"in[]&&Array(1).findIndex((function(){SKIPS_HOLES=!1})),$({target:"Array",proto:!0,forced:SKIPS_HOLES},{findIndex:function findIndex(callbackfn){return $findIndex(this,callbackfn,arguments.length>1?arguments[1]:void 0)}}),addToUnscopables("findIndex")},"./node_modules/core-js/modules/es.array.find.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$find=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").find,addToUnscopables=__webpack_require__("./node_modules/core-js/internals/add-to-unscopables.js"),SKIPS_HOLES=!0;"find"in[]&&Array(1).find((function(){SKIPS_HOLES=!1})),$({target:"Array",proto:!0,forced:SKIPS_HOLES},{find:function find(callbackfn){return $find(this,callbackfn,arguments.length>1?arguments[1]:void 0)}}),addToUnscopables("find")},"./node_modules/core-js/modules/es.array.for-each.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),forEach=__webpack_require__("./node_modules/core-js/internals/array-for-each.js");$({target:"Array",proto:!0,forced:[].forEach!=forEach},{forEach:forEach})},"./node_modules/core-js/modules/es.array.from.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),from=__webpack_require__("./node_modules/core-js/internals/array-from.js");$({target:"Array",stat:!0,forced:!__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js")((function(iterable){Array.from(iterable)}))},{from:from})},"./node_modules/core-js/modules/es.array.includes.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$includes=__webpack_require__("./node_modules/core-js/internals/array-includes.js").includes,addToUnscopables=__webpack_require__("./node_modules/core-js/internals/add-to-unscopables.js");$({target:"Array",proto:!0},{includes:function includes(el){return $includes(this,el,arguments.length>1?arguments[1]:void 0)}}),addToUnscopables("includes")},"./node_modules/core-js/modules/es.array.index-of.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$indexOf=__webpack_require__("./node_modules/core-js/internals/array-includes.js").indexOf,arrayMethodIsStrict=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js"),nativeIndexOf=[].indexOf,NEGATIVE_ZERO=!!nativeIndexOf&&1/[1].indexOf(1,-0)<0,STRICT_METHOD=arrayMethodIsStrict("indexOf");$({target:"Array",proto:!0,forced:NEGATIVE_ZERO||!STRICT_METHOD},{indexOf:function indexOf(searchElement){return NEGATIVE_ZERO?nativeIndexOf.apply(this,arguments)||0:$indexOf(this,searchElement,arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.array.is-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Array",stat:!0},{isArray:__webpack_require__("./node_modules/core-js/internals/is-array.js")})},"./node_modules/core-js/modules/es.array.iterator.js":function(module,exports,__webpack_require__){"use strict";var toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),addToUnscopables=__webpack_require__("./node_modules/core-js/internals/add-to-unscopables.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),defineIterator=__webpack_require__("./node_modules/core-js/internals/define-iterator.js"),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("Array Iterator");module.exports=defineIterator(Array,"Array",(function(iterated,kind){setInternalState(this,{type:"Array Iterator",target:toIndexedObject(iterated),index:0,kind:kind})}),(function(){var state=getInternalState(this),target=state.target,kind=state.kind,index=state.index++;return!target||index>=target.length?(state.target=void 0,{value:void 0,done:!0}):"keys"==kind?{value:index,done:!1}:"values"==kind?{value:target[index],done:!1}:{value:[index,target[index]],done:!1}}),"values"),Iterators.Arguments=Iterators.Array,addToUnscopables("keys"),addToUnscopables("values"),addToUnscopables("entries")},"./node_modules/core-js/modules/es.array.join.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),arrayMethodIsStrict=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js"),nativeJoin=[].join,ES3_STRINGS=IndexedObject!=Object,STRICT_METHOD=arrayMethodIsStrict("join",",");$({target:"Array",proto:!0,forced:ES3_STRINGS||!STRICT_METHOD},{join:function join(separator){return nativeJoin.call(toIndexedObject(this),void 0===separator?",":separator)}})},"./node_modules/core-js/modules/es.array.map.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$map=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").map;$({target:"Array",proto:!0,forced:!__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js")("map")},{map:function map(callbackfn){return $map(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.array.reduce.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$reduce=__webpack_require__("./node_modules/core-js/internals/array-reduce.js").left,arrayMethodIsStrict=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js"),CHROME_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),IS_NODE=__webpack_require__("./node_modules/core-js/internals/engine-is-node.js");$({target:"Array",proto:!0,forced:!arrayMethodIsStrict("reduce")||!IS_NODE&&CHROME_VERSION>79&&CHROME_VERSION<83},{reduce:function reduce(callbackfn){return $reduce(this,callbackfn,arguments.length,arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.array.slice.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),HAS_SPECIES_SUPPORT=__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js")("slice"),SPECIES=wellKnownSymbol("species"),nativeSlice=[].slice,max=Math.max;$({target:"Array",proto:!0,forced:!HAS_SPECIES_SUPPORT},{slice:function slice(start,end){var Constructor,result,n,O=toIndexedObject(this),length=toLength(O.length),k=toAbsoluteIndex(start,length),fin=toAbsoluteIndex(void 0===end?length:end,length);if(isArray(O)&&("function"!=typeof(Constructor=O.constructor)||Constructor!==Array&&!isArray(Constructor.prototype)?isObject(Constructor)&&null===(Constructor=Constructor[SPECIES])&&(Constructor=void 0):Constructor=void 0,Constructor===Array||void 0===Constructor))return nativeSlice.call(O,k,fin);for(result=new(void 0===Constructor?Array:Constructor)(max(fin-k,0)),n=0;k<fin;k++,n++)k in O&&createProperty(result,n,O[k]);return result.length=n,result}})},"./node_modules/core-js/modules/es.array.some.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$some=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").some;$({target:"Array",proto:!0,forced:!__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js")("some")},{some:function some(callbackfn){return $some(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.array.sort.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),internalSort=__webpack_require__("./node_modules/core-js/internals/array-sort.js"),arrayMethodIsStrict=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js"),FF=__webpack_require__("./node_modules/core-js/internals/engine-ff-version.js"),IE_OR_EDGE=__webpack_require__("./node_modules/core-js/internals/engine-is-ie-or-edge.js"),V8=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),WEBKIT=__webpack_require__("./node_modules/core-js/internals/engine-webkit-version.js"),test=[],nativeSort=test.sort,FAILS_ON_UNDEFINED=fails((function(){test.sort(void 0)})),FAILS_ON_NULL=fails((function(){test.sort(null)})),STRICT_METHOD=arrayMethodIsStrict("sort"),STABLE_SORT=!fails((function(){if(V8)return V8<70;if(!(FF&&FF>3)){if(IE_OR_EDGE)return!0;if(WEBKIT)return WEBKIT<603;var code,chr,value,index,result="";for(code=65;code<76;code++){switch(chr=String.fromCharCode(code),code){case 66:case 69:case 70:case 72:value=3;break;case 68:case 71:value=4;break;default:value=2}for(index=0;index<47;index++)test.push({k:chr+index,v:value})}for(test.sort((function(a,b){return b.v-a.v})),index=0;index<test.length;index++)chr=test[index].k.charAt(0),result.charAt(result.length-1)!==chr&&(result+=chr);return"DGBEFHACIJK"!==result}}));$({target:"Array",proto:!0,forced:FAILS_ON_UNDEFINED||!FAILS_ON_NULL||!STRICT_METHOD||!STABLE_SORT},{sort:function sort(comparefn){void 0!==comparefn&&aFunction(comparefn);var array=toObject(this);if(STABLE_SORT)return void 0===comparefn?nativeSort.call(array):nativeSort.call(array,comparefn);var itemsLength,index,items=[],arrayLength=toLength(array.length);for(index=0;index<arrayLength;index++)index in array&&items.push(array[index]);for(items=internalSort(items,function(comparefn){return function(x,y){return void 0===y?-1:void 0===x?1:void 0!==comparefn?+comparefn(x,y)||0:toString(x)>toString(y)?1:-1}}(comparefn)),itemsLength=items.length,index=0;index<itemsLength;)array[index]=items[index++];for(;index<arrayLength;)delete array[index++];return array}})},"./node_modules/core-js/modules/es.array.splice.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),arraySpeciesCreate=__webpack_require__("./node_modules/core-js/internals/array-species-create.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),HAS_SPECIES_SUPPORT=__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js")("splice"),max=Math.max,min=Math.min;$({target:"Array",proto:!0,forced:!HAS_SPECIES_SUPPORT},{splice:function splice(start,deleteCount){var insertCount,actualDeleteCount,A,k,from,to,O=toObject(this),len=toLength(O.length),actualStart=toAbsoluteIndex(start,len),argumentsLength=arguments.length;if(0===argumentsLength?insertCount=actualDeleteCount=0:1===argumentsLength?(insertCount=0,actualDeleteCount=len-actualStart):(insertCount=argumentsLength-2,actualDeleteCount=min(max(toInteger(deleteCount),0),len-actualStart)),len+insertCount-actualDeleteCount>9007199254740991)throw TypeError("Maximum allowed length exceeded");for(A=arraySpeciesCreate(O,actualDeleteCount),k=0;k<actualDeleteCount;k++)(from=actualStart+k)in O&&createProperty(A,k,O[from]);if(A.length=actualDeleteCount,insertCount<actualDeleteCount){for(k=actualStart;k<len-actualDeleteCount;k++)to=k+insertCount,(from=k+actualDeleteCount)in O?O[to]=O[from]:delete O[to];for(k=len;k>len-actualDeleteCount+insertCount;k--)delete O[k-1]}else if(insertCount>actualDeleteCount)for(k=len-actualDeleteCount;k>actualStart;k--)to=k+insertCount-1,(from=k+actualDeleteCount-1)in O?O[to]=O[from]:delete O[to];for(k=0;k<insertCount;k++)O[k+actualStart]=arguments[k+2];return O.length=len-actualDeleteCount+insertCount,A}})},"./node_modules/core-js/modules/es.date.to-primitive.js":function(module,exports,__webpack_require__){var createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),dateToPrimitive=__webpack_require__("./node_modules/core-js/internals/date-to-primitive.js"),TO_PRIMITIVE=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("toPrimitive"),DatePrototype=Date.prototype;TO_PRIMITIVE in DatePrototype||createNonEnumerableProperty(DatePrototype,TO_PRIMITIVE,dateToPrimitive)},"./node_modules/core-js/modules/es.date.to-string.js":function(module,exports,__webpack_require__){var redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),DatePrototype=Date.prototype,nativeDateToString=DatePrototype.toString,getTime=DatePrototype.getTime;"Invalid Date"!=String(new Date(NaN))&&redefine(DatePrototype,"toString",(function toString(){var value=getTime.call(this);return value==value?nativeDateToString.call(this):"Invalid Date"}))},"./node_modules/core-js/modules/es.function.bind.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Function",proto:!0},{bind:__webpack_require__("./node_modules/core-js/internals/function-bind.js")})},"./node_modules/core-js/modules/es.function.name.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,FunctionPrototype=Function.prototype,FunctionPrototypeToString=FunctionPrototype.toString,nameRE=/^\s*function ([^ (]*)/;DESCRIPTORS&&!("name"in FunctionPrototype)&&defineProperty(FunctionPrototype,"name",{configurable:!0,get:function(){try{return FunctionPrototypeToString.call(this).match(nameRE)[1]}catch(error){return""}}})},"./node_modules/core-js/modules/es.global-this.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({global:!0},{globalThis:__webpack_require__("./node_modules/core-js/internals/global.js")})},"./node_modules/core-js/modules/es.json.to-string-tag.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js");__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js")(global.JSON,"JSON",!0)},"./node_modules/core-js/modules/es.map.js":function(module,exports,__webpack_require__){"use strict";var collection=__webpack_require__("./node_modules/core-js/internals/collection.js"),collectionStrong=__webpack_require__("./node_modules/core-js/internals/collection-strong.js");module.exports=collection("Map",(function(init){return function Map(){return init(this,arguments.length?arguments[0]:void 0)}}),collectionStrong)},"./node_modules/core-js/modules/es.math.to-string-tag.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js")(Math,"Math",!0)},"./node_modules/core-js/modules/es.number.constructor.js":function(module,exports,__webpack_require__){"use strict";var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),inheritIfRequired=__webpack_require__("./node_modules/core-js/internals/inherit-if-required.js"),isSymbol=__webpack_require__("./node_modules/core-js/internals/is-symbol.js"),toPrimitive=__webpack_require__("./node_modules/core-js/internals/to-primitive.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),getOwnPropertyNames=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js").f,getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,trim=__webpack_require__("./node_modules/core-js/internals/string-trim.js").trim,NativeNumber=global.Number,NumberPrototype=NativeNumber.prototype,BROKEN_CLASSOF="Number"==classof(create(NumberPrototype)),toNumber=function(argument){if(isSymbol(argument))throw TypeError("Cannot convert a Symbol value to a number");var first,third,radix,maxCode,digits,length,index,code,it=toPrimitive(argument,"number");if("string"==typeof it&&it.length>2)if(43===(first=(it=trim(it)).charCodeAt(0))||45===first){if(88===(third=it.charCodeAt(2))||120===third)return NaN}else if(48===first){switch(it.charCodeAt(1)){case 66:case 98:radix=2,maxCode=49;break;case 79:case 111:radix=8,maxCode=55;break;default:return+it}for(length=(digits=it.slice(2)).length,index=0;index<length;index++)if((code=digits.charCodeAt(index))<48||code>maxCode)return NaN;return parseInt(digits,radix)}return+it};if(isForced("Number",!NativeNumber(" 0o1")||!NativeNumber("0b1")||NativeNumber("+0x1"))){for(var key,NumberWrapper=function Number(value){var it=arguments.length<1?0:value,dummy=this;return dummy instanceof NumberWrapper&&(BROKEN_CLASSOF?fails((function(){NumberPrototype.valueOf.call(dummy)})):"Number"!=classof(dummy))?inheritIfRequired(new NativeNumber(toNumber(it)),dummy,NumberWrapper):toNumber(it)},keys=DESCRIPTORS?getOwnPropertyNames(NativeNumber):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger,fromString,range".split(","),j=0;keys.length>j;j++)has(NativeNumber,key=keys[j])&&!has(NumberWrapper,key)&&defineProperty(NumberWrapper,key,getOwnPropertyDescriptor(NativeNumber,key));NumberWrapper.prototype=NumberPrototype,NumberPrototype.constructor=NumberWrapper,redefine(global,"Number",NumberWrapper)}},"./node_modules/core-js/modules/es.number.is-integer.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Number",stat:!0},{isInteger:__webpack_require__("./node_modules/core-js/internals/is-integer.js")})},"./node_modules/core-js/modules/es.number.is-nan.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Number",stat:!0},{isNaN:function isNaN(number){return number!=number}})},"./node_modules/core-js/modules/es.number.max-safe-integer.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Number",stat:!0},{MAX_SAFE_INTEGER:9007199254740991})},"./node_modules/core-js/modules/es.number.to-fixed.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),thisNumberValue=__webpack_require__("./node_modules/core-js/internals/this-number-value.js"),repeat=__webpack_require__("./node_modules/core-js/internals/string-repeat.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),nativeToFixed=1..toFixed,floor=Math.floor,pow=function(x,n,acc){return 0===n?acc:n%2==1?pow(x,n-1,acc*x):pow(x*x,n/2,acc)},multiply=function(data,n,c){for(var index=-1,c2=c;++index<6;)c2+=n*data[index],data[index]=c2%1e7,c2=floor(c2/1e7)},divide=function(data,n){for(var index=6,c=0;--index>=0;)c+=data[index],data[index]=floor(c/n),c=c%n*1e7},dataToString=function(data){for(var index=6,s="";--index>=0;)if(""!==s||0===index||0!==data[index]){var t=String(data[index]);s=""===s?t:s+repeat.call("0",7-t.length)+t}return s};$({target:"Number",proto:!0,forced:nativeToFixed&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!fails((function(){nativeToFixed.call({})}))},{toFixed:function toFixed(fractionDigits){var e,z,j,k,number=thisNumberValue(this),fractDigits=toInteger(fractionDigits),data=[0,0,0,0,0,0],sign="",result="0";if(fractDigits<0||fractDigits>20)throw RangeError("Incorrect fraction digits");if(number!=number)return"NaN";if(number<=-1e21||number>=1e21)return String(number);if(number<0&&(sign="-",number=-number),number>1e-21)if(z=(e=function(x){for(var n=0,x2=x;x2>=4096;)n+=12,x2/=4096;for(;x2>=2;)n+=1,x2/=2;return n}(number*pow(2,69,1))-69)<0?number*pow(2,-e,1):number/pow(2,e,1),z*=4503599627370496,(e=52-e)>0){for(multiply(data,0,z),j=fractDigits;j>=7;)multiply(data,1e7,0),j-=7;for(multiply(data,pow(10,j,1),0),j=e-1;j>=23;)divide(data,1<<23),j-=23;divide(data,1<<j),multiply(data,1,1),divide(data,2),result=dataToString(data)}else multiply(data,0,z),multiply(data,1<<-e,0),result=dataToString(data)+repeat.call("0",fractDigits);return result=fractDigits>0?sign+((k=result.length)<=fractDigits?"0."+repeat.call("0",fractDigits-k)+result:result.slice(0,k-fractDigits)+"."+result.slice(k-fractDigits)):sign+result}})},"./node_modules/core-js/modules/es.object.assign.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),assign=__webpack_require__("./node_modules/core-js/internals/object-assign.js");$({target:"Object",stat:!0,forced:Object.assign!==assign},{assign:assign})},"./node_modules/core-js/modules/es.object.create.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Object",stat:!0,sham:!__webpack_require__("./node_modules/core-js/internals/descriptors.js")},{create:__webpack_require__("./node_modules/core-js/internals/object-create.js")})},"./node_modules/core-js/modules/es.object.define-properties.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js");$({target:"Object",stat:!0,forced:!DESCRIPTORS,sham:!DESCRIPTORS},{defineProperties:__webpack_require__("./node_modules/core-js/internals/object-define-properties.js")})},"./node_modules/core-js/modules/es.object.define-property.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js");$({target:"Object",stat:!0,forced:!DESCRIPTORS,sham:!DESCRIPTORS},{defineProperty:__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f})},"./node_modules/core-js/modules/es.object.entries.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$entries=__webpack_require__("./node_modules/core-js/internals/object-to-array.js").entries;$({target:"Object",stat:!0},{entries:function entries(O){return $entries(O)}})},"./node_modules/core-js/modules/es.object.freeze.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),FREEZING=__webpack_require__("./node_modules/core-js/internals/freezing.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),onFreeze=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js").onFreeze,$freeze=Object.freeze;$({target:"Object",stat:!0,forced:fails((function(){$freeze(1)})),sham:!FREEZING},{freeze:function freeze(it){return $freeze&&isObject(it)?$freeze(onFreeze(it)):it}})},"./node_modules/core-js/modules/es.object.from-entries.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js");$({target:"Object",stat:!0},{fromEntries:function fromEntries(iterable){var obj={};return iterate(iterable,(function(k,v){createProperty(obj,k,v)}),{AS_ENTRIES:!0}),obj}})},"./node_modules/core-js/modules/es.object.get-own-property-descriptor.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),nativeGetOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),FAILS_ON_PRIMITIVES=fails((function(){nativeGetOwnPropertyDescriptor(1)}));$({target:"Object",stat:!0,forced:!DESCRIPTORS||FAILS_ON_PRIMITIVES,sham:!DESCRIPTORS},{getOwnPropertyDescriptor:function getOwnPropertyDescriptor(it,key){return nativeGetOwnPropertyDescriptor(toIndexedObject(it),key)}})},"./node_modules/core-js/modules/es.object.get-own-property-descriptors.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),ownKeys=__webpack_require__("./node_modules/core-js/internals/own-keys.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),getOwnPropertyDescriptorModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js");$({target:"Object",stat:!0,sham:!DESCRIPTORS},{getOwnPropertyDescriptors:function getOwnPropertyDescriptors(object){for(var key,descriptor,O=toIndexedObject(object),getOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,keys=ownKeys(O),result={},index=0;keys.length>index;)void 0!==(descriptor=getOwnPropertyDescriptor(O,key=keys[index++]))&&createProperty(result,key,descriptor);return result}})},"./node_modules/core-js/modules/es.object.get-own-property-names.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),getOwnPropertyNames=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names-external.js").f;$({target:"Object",stat:!0,forced:fails((function(){return!Object.getOwnPropertyNames(1)}))},{getOwnPropertyNames:getOwnPropertyNames})},"./node_modules/core-js/modules/es.object.get-prototype-of.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),nativeGetPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),CORRECT_PROTOTYPE_GETTER=__webpack_require__("./node_modules/core-js/internals/correct-prototype-getter.js");$({target:"Object",stat:!0,forced:fails((function(){nativeGetPrototypeOf(1)})),sham:!CORRECT_PROTOTYPE_GETTER},{getPrototypeOf:function getPrototypeOf(it){return nativeGetPrototypeOf(toObject(it))}})},"./node_modules/core-js/modules/es.object.keys.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),nativeKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js");$({target:"Object",stat:!0,forced:__webpack_require__("./node_modules/core-js/internals/fails.js")((function(){nativeKeys(1)}))},{keys:function keys(it){return nativeKeys(toObject(it))}})},"./node_modules/core-js/modules/es.object.set-prototype-of.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"Object",stat:!0},{setPrototypeOf:__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js")})},"./node_modules/core-js/modules/es.object.to-string.js":function(module,exports,__webpack_require__){var TO_STRING_TAG_SUPPORT=__webpack_require__("./node_modules/core-js/internals/to-string-tag-support.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),toString=__webpack_require__("./node_modules/core-js/internals/object-to-string.js");TO_STRING_TAG_SUPPORT||redefine(Object.prototype,"toString",toString,{unsafe:!0})},"./node_modules/core-js/modules/es.object.values.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$values=__webpack_require__("./node_modules/core-js/internals/object-to-array.js").values;$({target:"Object",stat:!0},{values:function values(O){return $values(O)}})},"./node_modules/core-js/modules/es.parse-int.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),parseIntImplementation=__webpack_require__("./node_modules/core-js/internals/number-parse-int.js");$({global:!0,forced:parseInt!=parseIntImplementation},{parseInt:parseIntImplementation})},"./node_modules/core-js/modules/es.promise.js":function(module,exports,__webpack_require__){"use strict";var Internal,OwnPromiseCapability,PromiseWrapper,nativeThen,$=__webpack_require__("./node_modules/core-js/internals/export.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),NativePromise=__webpack_require__("./node_modules/core-js/internals/native-promise-constructor.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),setSpecies=__webpack_require__("./node_modules/core-js/internals/set-species.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),inspectSource=__webpack_require__("./node_modules/core-js/internals/inspect-source.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),checkCorrectnessOfIteration=__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js"),speciesConstructor=__webpack_require__("./node_modules/core-js/internals/species-constructor.js"),task=__webpack_require__("./node_modules/core-js/internals/task.js").set,microtask=__webpack_require__("./node_modules/core-js/internals/microtask.js"),promiseResolve=__webpack_require__("./node_modules/core-js/internals/promise-resolve.js"),hostReportErrors=__webpack_require__("./node_modules/core-js/internals/host-report-errors.js"),newPromiseCapabilityModule=__webpack_require__("./node_modules/core-js/internals/new-promise-capability.js"),perform=__webpack_require__("./node_modules/core-js/internals/perform.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),IS_BROWSER=__webpack_require__("./node_modules/core-js/internals/engine-is-browser.js"),IS_NODE=__webpack_require__("./node_modules/core-js/internals/engine-is-node.js"),V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),SPECIES=wellKnownSymbol("species"),PROMISE="Promise",getInternalState=InternalStateModule.get,setInternalState=InternalStateModule.set,getInternalPromiseState=InternalStateModule.getterFor(PROMISE),NativePromisePrototype=NativePromise&&NativePromise.prototype,PromiseConstructor=NativePromise,PromiseConstructorPrototype=NativePromisePrototype,TypeError=global.TypeError,document=global.document,process=global.process,newPromiseCapability=newPromiseCapabilityModule.f,newGenericPromiseCapability=newPromiseCapability,DISPATCH_EVENT=!!(document&&document.createEvent&&global.dispatchEvent),NATIVE_REJECTION_EVENT="function"==typeof PromiseRejectionEvent,SUBCLASSING=!1,FORCED=isForced(PROMISE,(function(){var PROMISE_CONSTRUCTOR_SOURCE=inspectSource(PromiseConstructor),GLOBAL_CORE_JS_PROMISE=PROMISE_CONSTRUCTOR_SOURCE!==String(PromiseConstructor);if(!GLOBAL_CORE_JS_PROMISE&&66===V8_VERSION)return!0;if(IS_PURE&&!PromiseConstructorPrototype.finally)return!0;if(V8_VERSION>=51&&/native code/.test(PROMISE_CONSTRUCTOR_SOURCE))return!1;var promise=new PromiseConstructor((function(resolve){resolve(1)})),FakePromise=function(exec){exec((function(){}),(function(){}))};return(promise.constructor={})[SPECIES]=FakePromise,!(SUBCLASSING=promise.then((function(){}))instanceof FakePromise)||!GLOBAL_CORE_JS_PROMISE&&IS_BROWSER&&!NATIVE_REJECTION_EVENT})),INCORRECT_ITERATION=FORCED||!checkCorrectnessOfIteration((function(iterable){PromiseConstructor.all(iterable).catch((function(){}))})),isThenable=function(it){var then;return!(!isObject(it)||"function"!=typeof(then=it.then))&&then},notify=function(state,isReject){if(!state.notified){state.notified=!0;var chain=state.reactions;microtask((function(){for(var value=state.value,ok=1==state.state,index=0;chain.length>index;){var result,then,exited,reaction=chain[index++],handler=ok?reaction.ok:reaction.fail,resolve=reaction.resolve,reject=reaction.reject,domain=reaction.domain;try{handler?(ok||(2===state.rejection&&onHandleUnhandled(state),state.rejection=1),!0===handler?result=value:(domain&&domain.enter(),result=handler(value),domain&&(domain.exit(),exited=!0)),result===reaction.promise?reject(TypeError("Promise-chain cycle")):(then=isThenable(result))?then.call(result,resolve,reject):resolve(result)):reject(value)}catch(error){domain&&!exited&&domain.exit(),reject(error)}}state.reactions=[],state.notified=!1,isReject&&!state.rejection&&onUnhandled(state)}))}},dispatchEvent=function(name,promise,reason){var event,handler;DISPATCH_EVENT?((event=document.createEvent("Event")).promise=promise,event.reason=reason,event.initEvent(name,!1,!0),global.dispatchEvent(event)):event={promise:promise,reason:reason},!NATIVE_REJECTION_EVENT&&(handler=global["on"+name])?handler(event):"unhandledrejection"===name&&hostReportErrors("Unhandled promise rejection",reason)},onUnhandled=function(state){task.call(global,(function(){var result,promise=state.facade,value=state.value;if(isUnhandled(state)&&(result=perform((function(){IS_NODE?process.emit("unhandledRejection",value,promise):dispatchEvent("unhandledrejection",promise,value)})),state.rejection=IS_NODE||isUnhandled(state)?2:1,result.error))throw result.value}))},isUnhandled=function(state){return 1!==state.rejection&&!state.parent},onHandleUnhandled=function(state){task.call(global,(function(){var promise=state.facade;IS_NODE?process.emit("rejectionHandled",promise):dispatchEvent("rejectionhandled",promise,state.value)}))},bind=function(fn,state,unwrap){return function(value){fn(state,value,unwrap)}},internalReject=function(state,value,unwrap){state.done||(state.done=!0,unwrap&&(state=unwrap),state.value=value,state.state=2,notify(state,!0))},internalResolve=function(state,value,unwrap){if(!state.done){state.done=!0,unwrap&&(state=unwrap);try{if(state.facade===value)throw TypeError("Promise can't be resolved itself");var then=isThenable(value);then?microtask((function(){var wrapper={done:!1};try{then.call(value,bind(internalResolve,wrapper,state),bind(internalReject,wrapper,state))}catch(error){internalReject(wrapper,error,state)}})):(state.value=value,state.state=1,notify(state,!1))}catch(error){internalReject({done:!1},error,state)}}};if(FORCED&&(PromiseConstructorPrototype=(PromiseConstructor=function Promise(executor){anInstance(this,PromiseConstructor,PROMISE),aFunction(executor),Internal.call(this);var state=getInternalState(this);try{executor(bind(internalResolve,state),bind(internalReject,state))}catch(error){internalReject(state,error)}}).prototype,(Internal=function Promise(executor){setInternalState(this,{type:PROMISE,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:0,value:void 0})}).prototype=redefineAll(PromiseConstructorPrototype,{then:function then(onFulfilled,onRejected){var state=getInternalPromiseState(this),reaction=newPromiseCapability(speciesConstructor(this,PromiseConstructor));return reaction.ok="function"!=typeof onFulfilled||onFulfilled,reaction.fail="function"==typeof onRejected&&onRejected,reaction.domain=IS_NODE?process.domain:void 0,state.parent=!0,state.reactions.push(reaction),0!=state.state&&notify(state,!1),reaction.promise},catch:function(onRejected){return this.then(void 0,onRejected)}}),OwnPromiseCapability=function(){var promise=new Internal,state=getInternalState(promise);this.promise=promise,this.resolve=bind(internalResolve,state),this.reject=bind(internalReject,state)},newPromiseCapabilityModule.f=newPromiseCapability=function(C){return C===PromiseConstructor||C===PromiseWrapper?new OwnPromiseCapability(C):newGenericPromiseCapability(C)},!IS_PURE&&"function"==typeof NativePromise&&NativePromisePrototype!==Object.prototype)){nativeThen=NativePromisePrototype.then,SUBCLASSING||(redefine(NativePromisePrototype,"then",(function then(onFulfilled,onRejected){var that=this;return new PromiseConstructor((function(resolve,reject){nativeThen.call(that,resolve,reject)})).then(onFulfilled,onRejected)}),{unsafe:!0}),redefine(NativePromisePrototype,"catch",PromiseConstructorPrototype.catch,{unsafe:!0}));try{delete NativePromisePrototype.constructor}catch(error){}setPrototypeOf&&setPrototypeOf(NativePromisePrototype,PromiseConstructorPrototype)}$({global:!0,wrap:!0,forced:FORCED},{Promise:PromiseConstructor}),setToStringTag(PromiseConstructor,PROMISE,!1,!0),setSpecies(PROMISE),PromiseWrapper=getBuiltIn(PROMISE),$({target:PROMISE,stat:!0,forced:FORCED},{reject:function reject(r){var capability=newPromiseCapability(this);return capability.reject.call(void 0,r),capability.promise}}),$({target:PROMISE,stat:!0,forced:IS_PURE||FORCED},{resolve:function resolve(x){return promiseResolve(IS_PURE&&this===PromiseWrapper?PromiseConstructor:this,x)}}),$({target:PROMISE,stat:!0,forced:INCORRECT_ITERATION},{all:function all(iterable){var C=this,capability=newPromiseCapability(C),resolve=capability.resolve,reject=capability.reject,result=perform((function(){var $promiseResolve=aFunction(C.resolve),values=[],counter=0,remaining=1;iterate(iterable,(function(promise){var index=counter++,alreadyCalled=!1;values.push(void 0),remaining++,$promiseResolve.call(C,promise).then((function(value){alreadyCalled||(alreadyCalled=!0,values[index]=value,--remaining||resolve(values))}),reject)})),--remaining||resolve(values)}));return result.error&&reject(result.value),capability.promise},race:function race(iterable){var C=this,capability=newPromiseCapability(C),reject=capability.reject,result=perform((function(){var $promiseResolve=aFunction(C.resolve);iterate(iterable,(function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject)}))}));return result.error&&reject(result.value),capability.promise}})},"./node_modules/core-js/modules/es.reflect.construct.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),nativeConstruct=getBuiltIn("Reflect","construct"),NEW_TARGET_BUG=fails((function(){function F(){}return!(nativeConstruct((function(){}),[],F)instanceof F)})),ARGS_BUG=!fails((function(){nativeConstruct((function(){}))})),FORCED=NEW_TARGET_BUG||ARGS_BUG;$({target:"Reflect",stat:!0,forced:FORCED,sham:FORCED},{construct:function construct(Target,args){aFunction(Target),anObject(args);var newTarget=arguments.length<3?Target:aFunction(arguments[2]);if(ARGS_BUG&&!NEW_TARGET_BUG)return nativeConstruct(Target,args,newTarget);if(Target==newTarget){switch(args.length){case 0:return new Target;case 1:return new Target(args[0]);case 2:return new Target(args[0],args[1]);case 3:return new Target(args[0],args[1],args[2]);case 4:return new Target(args[0],args[1],args[2],args[3])}var $args=[null];return $args.push.apply($args,args),new(bind.apply(Target,$args))}var proto=newTarget.prototype,instance=create(isObject(proto)?proto:Object.prototype),result=Function.apply.call(Target,instance,args);return isObject(result)?result:instance}})},"./node_modules/core-js/modules/es.reflect.get-prototype-of.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),objectGetPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js");$({target:"Reflect",stat:!0,sham:!__webpack_require__("./node_modules/core-js/internals/correct-prototype-getter.js")},{getPrototypeOf:function getPrototypeOf(target){return objectGetPrototypeOf(anObject(target))}})},"./node_modules/core-js/modules/es.reflect.get.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isDataDescriptor=__webpack_require__("./node_modules/core-js/internals/is-data-descriptor.js"),getOwnPropertyDescriptorModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js");$({target:"Reflect",stat:!0},{get:function get(target,propertyKey){var descriptor,prototype,receiver=arguments.length<3?target:arguments[2];return anObject(target)===receiver?target[propertyKey]:(descriptor=getOwnPropertyDescriptorModule.f(target,propertyKey))?isDataDescriptor(descriptor)?descriptor.value:void 0===descriptor.get?void 0:descriptor.get.call(receiver):isObject(prototype=getPrototypeOf(target))?get(prototype,propertyKey,receiver):void 0}})},"./node_modules/core-js/modules/es.reflect.to-string-tag.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js");$({global:!0},{Reflect:{}}),setToStringTag(global.Reflect,"Reflect",!0)},"./node_modules/core-js/modules/es.regexp.constructor.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js"),inheritIfRequired=__webpack_require__("./node_modules/core-js/internals/inherit-if-required.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,getOwnPropertyNames=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js").f,isRegExp=__webpack_require__("./node_modules/core-js/internals/is-regexp.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),getFlags=__webpack_require__("./node_modules/core-js/internals/regexp-flags.js"),stickyHelpers=__webpack_require__("./node_modules/core-js/internals/regexp-sticky-helpers.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),enforceInternalState=__webpack_require__("./node_modules/core-js/internals/internal-state.js").enforce,setSpecies=__webpack_require__("./node_modules/core-js/internals/set-species.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),UNSUPPORTED_DOT_ALL=__webpack_require__("./node_modules/core-js/internals/regexp-unsupported-dot-all.js"),UNSUPPORTED_NCG=__webpack_require__("./node_modules/core-js/internals/regexp-unsupported-ncg.js"),MATCH=wellKnownSymbol("match"),NativeRegExp=global.RegExp,RegExpPrototype=NativeRegExp.prototype,IS_NCG=/^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/,re1=/a/g,re2=/a/g,CORRECT_NEW=new NativeRegExp(re1)!==re1,UNSUPPORTED_Y=stickyHelpers.UNSUPPORTED_Y,BASE_FORCED=DESCRIPTORS&&(!CORRECT_NEW||UNSUPPORTED_Y||UNSUPPORTED_DOT_ALL||UNSUPPORTED_NCG||fails((function(){return re2[MATCH]=!1,NativeRegExp(re1)!=re1||NativeRegExp(re2)==re2||"/a/i"!=NativeRegExp(re1,"i")})));if(isForced("RegExp",BASE_FORCED)){for(var RegExpWrapper=function RegExp(pattern,flags){var rawFlags,dotAll,sticky,handled,result,state,thisIsRegExp=this instanceof RegExpWrapper,patternIsRegExp=isRegExp(pattern),flagsAreUndefined=void 0===flags,groups=[],rawPattern=pattern;if(!thisIsRegExp&&patternIsRegExp&&flagsAreUndefined&&pattern.constructor===RegExpWrapper)return pattern;if((patternIsRegExp||pattern instanceof RegExpWrapper)&&(pattern=pattern.source,flagsAreUndefined&&(flags="flags"in rawPattern?rawPattern.flags:getFlags.call(rawPattern))),pattern=void 0===pattern?"":toString(pattern),flags=void 0===flags?"":toString(flags),rawPattern=pattern,UNSUPPORTED_DOT_ALL&&"dotAll"in re1&&(dotAll=!!flags&&flags.indexOf("s")>-1)&&(flags=flags.replace(/s/g,"")),rawFlags=flags,UNSUPPORTED_Y&&"sticky"in re1&&(sticky=!!flags&&flags.indexOf("y")>-1)&&(flags=flags.replace(/y/g,"")),UNSUPPORTED_NCG&&(handled=function(string){for(var chr,length=string.length,index=0,result="",named=[],names={},brackets=!1,ncg=!1,groupid=0,groupname="";index<=length;index++){if("\\"===(chr=string.charAt(index)))chr+=string.charAt(++index);else if("]"===chr)brackets=!1;else if(!brackets)switch(!0){case"["===chr:brackets=!0;break;case"("===chr:IS_NCG.test(string.slice(index+1))&&(index+=2,ncg=!0),result+=chr,groupid++;continue;case">"===chr&&ncg:if(""===groupname||has(names,groupname))throw new SyntaxError("Invalid capture group name");names[groupname]=!0,named.push([groupname,groupid]),ncg=!1,groupname="";continue}ncg?groupname+=chr:result+=chr}return[result,named]}(pattern),pattern=handled[0],groups=handled[1]),result=inheritIfRequired(NativeRegExp(pattern,flags),thisIsRegExp?this:RegExpPrototype,RegExpWrapper),(dotAll||sticky||groups.length)&&(state=enforceInternalState(result),dotAll&&(state.dotAll=!0,state.raw=RegExpWrapper(function(string){for(var chr,length=string.length,index=0,result="",brackets=!1;index<=length;index++)"\\"!==(chr=string.charAt(index))?brackets||"."!==chr?("["===chr?brackets=!0:"]"===chr&&(brackets=!1),result+=chr):result+="[\\s\\S]":result+=chr+string.charAt(++index);return result}(pattern),rawFlags)),sticky&&(state.sticky=!0),groups.length&&(state.groups=groups)),pattern!==rawPattern)try{createNonEnumerableProperty(result,"source",""===rawPattern?"(?:)":rawPattern)}catch(error){}return result},proxy=function(key){key in RegExpWrapper||defineProperty(RegExpWrapper,key,{configurable:!0,get:function(){return NativeRegExp[key]},set:function(it){NativeRegExp[key]=it}})},keys=getOwnPropertyNames(NativeRegExp),index=0;keys.length>index;)proxy(keys[index++]);RegExpPrototype.constructor=RegExpWrapper,RegExpWrapper.prototype=RegExpPrototype,redefine(global,"RegExp",RegExpWrapper)}setSpecies("RegExp")},"./node_modules/core-js/modules/es.regexp.exec.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),exec=__webpack_require__("./node_modules/core-js/internals/regexp-exec.js");$({target:"RegExp",proto:!0,forced:/./.exec!==exec},{exec:exec})},"./node_modules/core-js/modules/es.regexp.flags.js":function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),objectDefinePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),regExpFlags=__webpack_require__("./node_modules/core-js/internals/regexp-flags.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js");DESCRIPTORS&&fails((function(){return"sy"!==Object.getOwnPropertyDescriptor(RegExp.prototype,"flags").get.call({dotAll:!0,sticky:!0})}))&&objectDefinePropertyModule.f(RegExp.prototype,"flags",{configurable:!0,get:regExpFlags})},"./node_modules/core-js/modules/es.regexp.to-string.js":function(module,exports,__webpack_require__){"use strict";var redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),$toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),flags=__webpack_require__("./node_modules/core-js/internals/regexp-flags.js"),RegExpPrototype=RegExp.prototype,nativeToString=RegExpPrototype.toString,NOT_GENERIC=fails((function(){return"/a/b"!=nativeToString.call({source:"a",flags:"b"})})),INCORRECT_NAME="toString"!=nativeToString.name;(NOT_GENERIC||INCORRECT_NAME)&&redefine(RegExp.prototype,"toString",(function toString(){var R=anObject(this),p=$toString(R.source),rf=R.flags;return"/"+p+"/"+$toString(void 0===rf&&R instanceof RegExp&&!("flags"in RegExpPrototype)?flags.call(R):rf)}),{unsafe:!0})},"./node_modules/core-js/modules/es.set.js":function(module,exports,__webpack_require__){"use strict";var collection=__webpack_require__("./node_modules/core-js/internals/collection.js"),collectionStrong=__webpack_require__("./node_modules/core-js/internals/collection-strong.js");module.exports=collection("Set",(function(init){return function Set(){return init(this,arguments.length?arguments[0]:void 0)}}),collectionStrong)},"./node_modules/core-js/modules/es.string.bold.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),createHTML=__webpack_require__("./node_modules/core-js/internals/create-html.js");$({target:"String",proto:!0,forced:__webpack_require__("./node_modules/core-js/internals/string-html-forced.js")("bold")},{bold:function bold(){return createHTML(this,"b","","")}})},"./node_modules/core-js/modules/es.string.ends-with.js":function(module,exports,__webpack_require__){"use strict";var descriptor,$=__webpack_require__("./node_modules/core-js/internals/export.js"),getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),notARegExp=__webpack_require__("./node_modules/core-js/internals/not-a-regexp.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),correctIsRegExpLogic=__webpack_require__("./node_modules/core-js/internals/correct-is-regexp-logic.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),$endsWith="".endsWith,min=Math.min,CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic("endsWith");$({target:"String",proto:!0,forced:!!(IS_PURE||CORRECT_IS_REGEXP_LOGIC||(descriptor=getOwnPropertyDescriptor(String.prototype,"endsWith"),!descriptor||descriptor.writable))&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString){var that=toString(requireObjectCoercible(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:void 0,len=toLength(that.length),end=void 0===endPosition?len:min(toLength(endPosition),len),search=toString(searchString);return $endsWith?$endsWith.call(that,search,end):that.slice(end-search.length,end)===search}})},"./node_modules/core-js/modules/es.string.includes.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),notARegExp=__webpack_require__("./node_modules/core-js/internals/not-a-regexp.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js");$({target:"String",proto:!0,forced:!__webpack_require__("./node_modules/core-js/internals/correct-is-regexp-logic.js")("includes")},{includes:function includes(searchString){return!!~toString(requireObjectCoercible(this)).indexOf(toString(notARegExp(searchString)),arguments.length>1?arguments[1]:void 0)}})},"./node_modules/core-js/modules/es.string.iterator.js":function(module,exports,__webpack_require__){"use strict";var charAt=__webpack_require__("./node_modules/core-js/internals/string-multibyte.js").charAt,toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),defineIterator=__webpack_require__("./node_modules/core-js/internals/define-iterator.js"),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("String Iterator");defineIterator(String,"String",(function(iterated){setInternalState(this,{type:"String Iterator",string:toString(iterated),index:0})}),(function next(){var point,state=getInternalState(this),string=state.string,index=state.index;return index>=string.length?{value:void 0,done:!0}:(point=charAt(string,index),state.index+=point.length,{value:point,done:!1})}))},"./node_modules/core-js/modules/es.string.match.js":function(module,exports,__webpack_require__){"use strict";var fixRegExpWellKnownSymbolLogic=__webpack_require__("./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),advanceStringIndex=__webpack_require__("./node_modules/core-js/internals/advance-string-index.js"),regExpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec-abstract.js");fixRegExpWellKnownSymbolLogic("match",(function(MATCH,nativeMatch,maybeCallNative){return[function match(regexp){var O=requireObjectCoercible(this),matcher=null==regexp?void 0:regexp[MATCH];return void 0!==matcher?matcher.call(regexp,O):new RegExp(regexp)[MATCH](toString(O))},function(string){var rx=anObject(this),S=toString(string),res=maybeCallNative(nativeMatch,rx,S);if(res.done)return res.value;if(!rx.global)return regExpExec(rx,S);var fullUnicode=rx.unicode;rx.lastIndex=0;for(var result,A=[],n=0;null!==(result=regExpExec(rx,S));){var matchStr=toString(result[0]);A[n]=matchStr,""===matchStr&&(rx.lastIndex=advanceStringIndex(S,toLength(rx.lastIndex),fullUnicode)),n++}return 0===n?null:A}]}))},"./node_modules/core-js/modules/es.string.repeat.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/export.js")({target:"String",proto:!0},{repeat:__webpack_require__("./node_modules/core-js/internals/string-repeat.js")})},"./node_modules/core-js/modules/es.string.replace.js":function(module,exports,__webpack_require__){"use strict";var fixRegExpWellKnownSymbolLogic=__webpack_require__("./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),toInteger=__webpack_require__("./node_modules/core-js/internals/to-integer.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),advanceStringIndex=__webpack_require__("./node_modules/core-js/internals/advance-string-index.js"),getSubstitution=__webpack_require__("./node_modules/core-js/internals/get-substitution.js"),regExpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec-abstract.js"),REPLACE=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("replace"),max=Math.max,min=Math.min,REPLACE_KEEPS_$0="$0"==="a".replace(/./,"$0"),REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE=!!/./[REPLACE]&&""===/./[REPLACE]("a","$0");fixRegExpWellKnownSymbolLogic("replace",(function(_,nativeReplace,maybeCallNative){var UNSAFE_SUBSTITUTE=REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE?"$":"$0";return[function replace(searchValue,replaceValue){var O=requireObjectCoercible(this),replacer=null==searchValue?void 0:searchValue[REPLACE];return void 0!==replacer?replacer.call(searchValue,O,replaceValue):nativeReplace.call(toString(O),searchValue,replaceValue)},function(string,replaceValue){var rx=anObject(this),S=toString(string);if("string"==typeof replaceValue&&-1===replaceValue.indexOf(UNSAFE_SUBSTITUTE)&&-1===replaceValue.indexOf("$<")){var res=maybeCallNative(nativeReplace,rx,S,replaceValue);if(res.done)return res.value}var functionalReplace="function"==typeof replaceValue;functionalReplace||(replaceValue=toString(replaceValue));var global=rx.global;if(global){var fullUnicode=rx.unicode;rx.lastIndex=0}for(var results=[];;){var result=regExpExec(rx,S);if(null===result)break;if(results.push(result),!global)break;""===toString(result[0])&&(rx.lastIndex=advanceStringIndex(S,toLength(rx.lastIndex),fullUnicode))}for(var it,accumulatedResult="",nextSourcePosition=0,i=0;i<results.length;i++){result=results[i];for(var matched=toString(result[0]),position=max(min(toInteger(result.index),S.length),0),captures=[],j=1;j<result.length;j++)captures.push(void 0===(it=result[j])?it:String(it));var namedCaptures=result.groups;if(functionalReplace){var replacerArgs=[matched].concat(captures,position,S);void 0!==namedCaptures&&replacerArgs.push(namedCaptures);var replacement=toString(replaceValue.apply(void 0,replacerArgs))}else replacement=getSubstitution(matched,S,position,captures,namedCaptures,replaceValue);position>=nextSourcePosition&&(accumulatedResult+=S.slice(nextSourcePosition,position)+replacement,nextSourcePosition=position+matched.length)}return accumulatedResult+S.slice(nextSourcePosition)}]}),!!fails((function(){var re=/./;return re.exec=function(){var result=[];return result.groups={a:"7"},result},"7"!=="".replace(re,"$<a>")}))||!REPLACE_KEEPS_$0||REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE)},"./node_modules/core-js/modules/es.string.search.js":function(module,exports,__webpack_require__){"use strict";var fixRegExpWellKnownSymbolLogic=__webpack_require__("./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),sameValue=__webpack_require__("./node_modules/core-js/internals/same-value.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),regExpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec-abstract.js");fixRegExpWellKnownSymbolLogic("search",(function(SEARCH,nativeSearch,maybeCallNative){return[function search(regexp){var O=requireObjectCoercible(this),searcher=null==regexp?void 0:regexp[SEARCH];return void 0!==searcher?searcher.call(regexp,O):new RegExp(regexp)[SEARCH](toString(O))},function(string){var rx=anObject(this),S=toString(string),res=maybeCallNative(nativeSearch,rx,S);if(res.done)return res.value;var previousLastIndex=rx.lastIndex;sameValue(previousLastIndex,0)||(rx.lastIndex=0);var result=regExpExec(rx,S);return sameValue(rx.lastIndex,previousLastIndex)||(rx.lastIndex=previousLastIndex),null===result?-1:result.index}]}))},"./node_modules/core-js/modules/es.string.small.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),createHTML=__webpack_require__("./node_modules/core-js/internals/create-html.js");$({target:"String",proto:!0,forced:__webpack_require__("./node_modules/core-js/internals/string-html-forced.js")("small")},{small:function small(){return createHTML(this,"small","","")}})},"./node_modules/core-js/modules/es.string.split.js":function(module,exports,__webpack_require__){"use strict";var fixRegExpWellKnownSymbolLogic=__webpack_require__("./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js"),isRegExp=__webpack_require__("./node_modules/core-js/internals/is-regexp.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),speciesConstructor=__webpack_require__("./node_modules/core-js/internals/species-constructor.js"),advanceStringIndex=__webpack_require__("./node_modules/core-js/internals/advance-string-index.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),callRegExpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec-abstract.js"),regexpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec.js"),stickyHelpers=__webpack_require__("./node_modules/core-js/internals/regexp-sticky-helpers.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),UNSUPPORTED_Y=stickyHelpers.UNSUPPORTED_Y,arrayPush=[].push,min=Math.min,SPLIT_WORKS_WITH_OVERWRITTEN_EXEC=!fails((function(){var re=/(?:)/,originalExec=re.exec;re.exec=function(){return originalExec.apply(this,arguments)};var result="ab".split(re);return 2!==result.length||"a"!==result[0]||"b"!==result[1]}));fixRegExpWellKnownSymbolLogic("split",(function(SPLIT,nativeSplit,maybeCallNative){var internalSplit;return internalSplit="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(separator,limit){var string=toString(requireObjectCoercible(this)),lim=void 0===limit?4294967295:limit>>>0;if(0===lim)return[];if(void 0===separator)return[string];if(!isRegExp(separator))return nativeSplit.call(string,separator,lim);for(var match,lastIndex,lastLength,output=[],flags=(separator.ignoreCase?"i":"")+(separator.multiline?"m":"")+(separator.unicode?"u":"")+(separator.sticky?"y":""),lastLastIndex=0,separatorCopy=new RegExp(separator.source,flags+"g");(match=regexpExec.call(separatorCopy,string))&&!((lastIndex=separatorCopy.lastIndex)>lastLastIndex&&(output.push(string.slice(lastLastIndex,match.index)),match.length>1&&match.index<string.length&&arrayPush.apply(output,match.slice(1)),lastLength=match[0].length,lastLastIndex=lastIndex,output.length>=lim));)separatorCopy.lastIndex===match.index&&separatorCopy.lastIndex++;return lastLastIndex===string.length?!lastLength&&separatorCopy.test("")||output.push(""):output.push(string.slice(lastLastIndex)),output.length>lim?output.slice(0,lim):output}:"0".split(void 0,0).length?function(separator,limit){return void 0===separator&&0===limit?[]:nativeSplit.call(this,separator,limit)}:nativeSplit,[function split(separator,limit){var O=requireObjectCoercible(this),splitter=null==separator?void 0:separator[SPLIT];return void 0!==splitter?splitter.call(separator,O,limit):internalSplit.call(toString(O),separator,limit)},function(string,limit){var rx=anObject(this),S=toString(string),res=maybeCallNative(internalSplit,rx,S,limit,internalSplit!==nativeSplit);if(res.done)return res.value;var C=speciesConstructor(rx,RegExp),unicodeMatching=rx.unicode,flags=(rx.ignoreCase?"i":"")+(rx.multiline?"m":"")+(rx.unicode?"u":"")+(UNSUPPORTED_Y?"g":"y"),splitter=new C(UNSUPPORTED_Y?"^(?:"+rx.source+")":rx,flags),lim=void 0===limit?4294967295:limit>>>0;if(0===lim)return[];if(0===S.length)return null===callRegExpExec(splitter,S)?[S]:[];for(var p=0,q=0,A=[];q<S.length;){splitter.lastIndex=UNSUPPORTED_Y?0:q;var e,z=callRegExpExec(splitter,UNSUPPORTED_Y?S.slice(q):S);if(null===z||(e=min(toLength(splitter.lastIndex+(UNSUPPORTED_Y?q:0)),S.length))===p)q=advanceStringIndex(S,q,unicodeMatching);else{if(A.push(S.slice(p,q)),A.length===lim)return A;for(var i=1;i<=z.length-1;i++)if(A.push(z[i]),A.length===lim)return A;q=p=e}}return A.push(S.slice(p)),A}]}),!SPLIT_WORKS_WITH_OVERWRITTEN_EXEC,UNSUPPORTED_Y)},"./node_modules/core-js/modules/es.string.starts-with.js":function(module,exports,__webpack_require__){"use strict";var descriptor,$=__webpack_require__("./node_modules/core-js/internals/export.js"),getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),notARegExp=__webpack_require__("./node_modules/core-js/internals/not-a-regexp.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),correctIsRegExpLogic=__webpack_require__("./node_modules/core-js/internals/correct-is-regexp-logic.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),$startsWith="".startsWith,min=Math.min,CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic("startsWith");$({target:"String",proto:!0,forced:!!(IS_PURE||CORRECT_IS_REGEXP_LOGIC||(descriptor=getOwnPropertyDescriptor(String.prototype,"startsWith"),!descriptor||descriptor.writable))&&!CORRECT_IS_REGEXP_LOGIC},{startsWith:function startsWith(searchString){var that=toString(requireObjectCoercible(this));notARegExp(searchString);var index=toLength(min(arguments.length>1?arguments[1]:void 0,that.length)),search=toString(searchString);return $startsWith?$startsWith.call(that,search,index):that.slice(index,index+search.length)===search}})},"./node_modules/core-js/modules/es.string.trim-end.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$trimEnd=__webpack_require__("./node_modules/core-js/internals/string-trim.js").end,FORCED=__webpack_require__("./node_modules/core-js/internals/string-trim-forced.js")("trimEnd"),trimEnd=FORCED?function trimEnd(){return $trimEnd(this)}:"".trimEnd;$({target:"String",proto:!0,forced:FORCED},{trimEnd:trimEnd,trimRight:trimEnd})},"./node_modules/core-js/modules/es.string.trim.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$trim=__webpack_require__("./node_modules/core-js/internals/string-trim.js").trim;$({target:"String",proto:!0,forced:__webpack_require__("./node_modules/core-js/internals/string-trim-forced.js")("trim")},{trim:function trim(){return $trim(this)}})},"./node_modules/core-js/modules/es.symbol.async-iterator.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("asyncIterator")},"./node_modules/core-js/modules/es.symbol.description.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,copyConstructorProperties=__webpack_require__("./node_modules/core-js/internals/copy-constructor-properties.js"),NativeSymbol=global.Symbol;if(DESCRIPTORS&&"function"==typeof NativeSymbol&&(!("description"in NativeSymbol.prototype)||void 0!==NativeSymbol().description)){var EmptyStringDescriptionStore={},SymbolWrapper=function Symbol(){var description=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),result=this instanceof SymbolWrapper?new NativeSymbol(description):void 0===description?NativeSymbol():NativeSymbol(description);return""===description&&(EmptyStringDescriptionStore[result]=!0),result};copyConstructorProperties(SymbolWrapper,NativeSymbol);var symbolPrototype=SymbolWrapper.prototype=NativeSymbol.prototype;symbolPrototype.constructor=SymbolWrapper;var symbolToString=symbolPrototype.toString,native="Symbol(test)"==String(NativeSymbol("test")),regexp=/^Symbol\((.*)\)[^)]+$/;defineProperty(symbolPrototype,"description",{configurable:!0,get:function description(){var symbol=isObject(this)?this.valueOf():this,string=symbolToString.call(symbol);if(has(EmptyStringDescriptionStore,symbol))return"";var desc=native?string.slice(7,-1):string.replace(regexp,"$1");return""===desc?void 0:desc}}),$({global:!0,forced:!0},{Symbol:SymbolWrapper})}},"./node_modules/core-js/modules/es.symbol.has-instance.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("hasInstance")},"./node_modules/core-js/modules/es.symbol.is-concat-spreadable.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("isConcatSpreadable")},"./node_modules/core-js/modules/es.symbol.iterator.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("iterator")},"./node_modules/core-js/modules/es.symbol.js":function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),NATIVE_SYMBOL=__webpack_require__("./node_modules/core-js/internals/native-symbol.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),isSymbol=__webpack_require__("./node_modules/core-js/internals/is-symbol.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),toPropertyKey=__webpack_require__("./node_modules/core-js/internals/to-property-key.js"),$toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),nativeObjectCreate=__webpack_require__("./node_modules/core-js/internals/object-create.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js"),getOwnPropertyNamesModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js"),getOwnPropertyNamesExternal=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names-external.js"),getOwnPropertySymbolsModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-symbols.js"),getOwnPropertyDescriptorModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),propertyIsEnumerableModule=__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),shared=__webpack_require__("./node_modules/core-js/internals/shared.js"),sharedKey=__webpack_require__("./node_modules/core-js/internals/shared-key.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),uid=__webpack_require__("./node_modules/core-js/internals/uid.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),wrappedWellKnownSymbolModule=__webpack_require__("./node_modules/core-js/internals/well-known-symbol-wrapped.js"),defineWellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),$forEach=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").forEach,HIDDEN=sharedKey("hidden"),TO_PRIMITIVE=wellKnownSymbol("toPrimitive"),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("Symbol"),ObjectPrototype=Object.prototype,$Symbol=global.Symbol,$stringify=getBuiltIn("JSON","stringify"),nativeGetOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,nativeDefineProperty=definePropertyModule.f,nativeGetOwnPropertyNames=getOwnPropertyNamesExternal.f,nativePropertyIsEnumerable=propertyIsEnumerableModule.f,AllSymbols=shared("symbols"),ObjectPrototypeSymbols=shared("op-symbols"),StringToSymbolRegistry=shared("string-to-symbol-registry"),SymbolToStringRegistry=shared("symbol-to-string-registry"),WellKnownSymbolsStore=shared("wks"),QObject=global.QObject,USE_SETTER=!QObject||!QObject.prototype||!QObject.prototype.findChild,setSymbolDescriptor=DESCRIPTORS&&fails((function(){return 7!=nativeObjectCreate(nativeDefineProperty({},"a",{get:function(){return nativeDefineProperty(this,"a",{value:7}).a}})).a}))?function(O,P,Attributes){var ObjectPrototypeDescriptor=nativeGetOwnPropertyDescriptor(ObjectPrototype,P);ObjectPrototypeDescriptor&&delete ObjectPrototype[P],nativeDefineProperty(O,P,Attributes),ObjectPrototypeDescriptor&&O!==ObjectPrototype&&nativeDefineProperty(ObjectPrototype,P,ObjectPrototypeDescriptor)}:nativeDefineProperty,wrap=function(tag,description){var symbol=AllSymbols[tag]=nativeObjectCreate($Symbol.prototype);return setInternalState(symbol,{type:"Symbol",tag:tag,description:description}),DESCRIPTORS||(symbol.description=description),symbol},$defineProperty=function defineProperty(O,P,Attributes){O===ObjectPrototype&&$defineProperty(ObjectPrototypeSymbols,P,Attributes),anObject(O);var key=toPropertyKey(P);return anObject(Attributes),has(AllSymbols,key)?(Attributes.enumerable?(has(O,HIDDEN)&&O[HIDDEN][key]&&(O[HIDDEN][key]=!1),Attributes=nativeObjectCreate(Attributes,{enumerable:createPropertyDescriptor(0,!1)})):(has(O,HIDDEN)||nativeDefineProperty(O,HIDDEN,createPropertyDescriptor(1,{})),O[HIDDEN][key]=!0),setSymbolDescriptor(O,key,Attributes)):nativeDefineProperty(O,key,Attributes)},$defineProperties=function defineProperties(O,Properties){anObject(O);var properties=toIndexedObject(Properties),keys=objectKeys(properties).concat($getOwnPropertySymbols(properties));return $forEach(keys,(function(key){DESCRIPTORS&&!$propertyIsEnumerable.call(properties,key)||$defineProperty(O,key,properties[key])})),O},$propertyIsEnumerable=function propertyIsEnumerable(V){var P=toPropertyKey(V),enumerable=nativePropertyIsEnumerable.call(this,P);return!(this===ObjectPrototype&&has(AllSymbols,P)&&!has(ObjectPrototypeSymbols,P))&&(!(enumerable||!has(this,P)||!has(AllSymbols,P)||has(this,HIDDEN)&&this[HIDDEN][P])||enumerable)},$getOwnPropertyDescriptor=function getOwnPropertyDescriptor(O,P){var it=toIndexedObject(O),key=toPropertyKey(P);if(it!==ObjectPrototype||!has(AllSymbols,key)||has(ObjectPrototypeSymbols,key)){var descriptor=nativeGetOwnPropertyDescriptor(it,key);return!descriptor||!has(AllSymbols,key)||has(it,HIDDEN)&&it[HIDDEN][key]||(descriptor.enumerable=!0),descriptor}},$getOwnPropertyNames=function getOwnPropertyNames(O){var names=nativeGetOwnPropertyNames(toIndexedObject(O)),result=[];return $forEach(names,(function(key){has(AllSymbols,key)||has(hiddenKeys,key)||result.push(key)})),result},$getOwnPropertySymbols=function getOwnPropertySymbols(O){var IS_OBJECT_PROTOTYPE=O===ObjectPrototype,names=nativeGetOwnPropertyNames(IS_OBJECT_PROTOTYPE?ObjectPrototypeSymbols:toIndexedObject(O)),result=[];return $forEach(names,(function(key){!has(AllSymbols,key)||IS_OBJECT_PROTOTYPE&&!has(ObjectPrototype,key)||result.push(AllSymbols[key])})),result};(NATIVE_SYMBOL||($Symbol=function Symbol(){if(this instanceof $Symbol)throw TypeError("Symbol is not a constructor");var description=arguments.length&&void 0!==arguments[0]?$toString(arguments[0]):void 0,tag=uid(description),setter=function(value){this===ObjectPrototype&&setter.call(ObjectPrototypeSymbols,value),has(this,HIDDEN)&&has(this[HIDDEN],tag)&&(this[HIDDEN][tag]=!1),setSymbolDescriptor(this,tag,createPropertyDescriptor(1,value))};return DESCRIPTORS&&USE_SETTER&&setSymbolDescriptor(ObjectPrototype,tag,{configurable:!0,set:setter}),wrap(tag,description)},redefine($Symbol.prototype,"toString",(function toString(){return getInternalState(this).tag})),redefine($Symbol,"withoutSetter",(function(description){return wrap(uid(description),description)})),propertyIsEnumerableModule.f=$propertyIsEnumerable,definePropertyModule.f=$defineProperty,getOwnPropertyDescriptorModule.f=$getOwnPropertyDescriptor,getOwnPropertyNamesModule.f=getOwnPropertyNamesExternal.f=$getOwnPropertyNames,getOwnPropertySymbolsModule.f=$getOwnPropertySymbols,wrappedWellKnownSymbolModule.f=function(name){return wrap(wellKnownSymbol(name),name)},DESCRIPTORS&&(nativeDefineProperty($Symbol.prototype,"description",{configurable:!0,get:function description(){return getInternalState(this).description}}),IS_PURE||redefine(ObjectPrototype,"propertyIsEnumerable",$propertyIsEnumerable,{unsafe:!0}))),$({global:!0,wrap:!0,forced:!NATIVE_SYMBOL,sham:!NATIVE_SYMBOL},{Symbol:$Symbol}),$forEach(objectKeys(WellKnownSymbolsStore),(function(name){defineWellKnownSymbol(name)})),$({target:"Symbol",stat:!0,forced:!NATIVE_SYMBOL},{for:function(key){var string=$toString(key);if(has(StringToSymbolRegistry,string))return StringToSymbolRegistry[string];var symbol=$Symbol(string);return StringToSymbolRegistry[string]=symbol,SymbolToStringRegistry[symbol]=string,symbol},keyFor:function keyFor(sym){if(!isSymbol(sym))throw TypeError(sym+" is not a symbol");if(has(SymbolToStringRegistry,sym))return SymbolToStringRegistry[sym]},useSetter:function(){USE_SETTER=!0},useSimple:function(){USE_SETTER=!1}}),$({target:"Object",stat:!0,forced:!NATIVE_SYMBOL,sham:!DESCRIPTORS},{create:function create(O,Properties){return void 0===Properties?nativeObjectCreate(O):$defineProperties(nativeObjectCreate(O),Properties)},defineProperty:$defineProperty,defineProperties:$defineProperties,getOwnPropertyDescriptor:$getOwnPropertyDescriptor}),$({target:"Object",stat:!0,forced:!NATIVE_SYMBOL},{getOwnPropertyNames:$getOwnPropertyNames,getOwnPropertySymbols:$getOwnPropertySymbols}),$({target:"Object",stat:!0,forced:fails((function(){getOwnPropertySymbolsModule.f(1)}))},{getOwnPropertySymbols:function getOwnPropertySymbols(it){return getOwnPropertySymbolsModule.f(toObject(it))}}),$stringify)&&$({target:"JSON",stat:!0,forced:!NATIVE_SYMBOL||fails((function(){var symbol=$Symbol();return"[null]"!=$stringify([symbol])||"{}"!=$stringify({a:symbol})||"{}"!=$stringify(Object(symbol))}))},{stringify:function stringify(it,replacer,space){for(var $replacer,args=[it],index=1;arguments.length>index;)args.push(arguments[index++]);if($replacer=replacer,(isObject(replacer)||void 0!==it)&&!isSymbol(it))return isArray(replacer)||(replacer=function(key,value){if("function"==typeof $replacer&&(value=$replacer.call(this,key,value)),!isSymbol(value))return value}),args[1]=replacer,$stringify.apply(null,args)}});$Symbol.prototype[TO_PRIMITIVE]||createNonEnumerableProperty($Symbol.prototype,TO_PRIMITIVE,$Symbol.prototype.valueOf),setToStringTag($Symbol,"Symbol"),hiddenKeys[HIDDEN]=!0},"./node_modules/core-js/modules/es.symbol.match-all.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("matchAll")},"./node_modules/core-js/modules/es.symbol.match.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("match")},"./node_modules/core-js/modules/es.symbol.replace.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("replace")},"./node_modules/core-js/modules/es.symbol.search.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("search")},"./node_modules/core-js/modules/es.symbol.species.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("species")},"./node_modules/core-js/modules/es.symbol.split.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("split")},"./node_modules/core-js/modules/es.symbol.to-primitive.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("toPrimitive")},"./node_modules/core-js/modules/es.symbol.to-string-tag.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("toStringTag")},"./node_modules/core-js/modules/es.symbol.unscopables.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("unscopables")},"./node_modules/core-js/modules/es.typed-array.copy-within.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$copyWithin=__webpack_require__("./node_modules/core-js/internals/array-copy-within.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("copyWithin",(function copyWithin(target,start){return $copyWithin.call(aTypedArray(this),target,start,arguments.length>2?arguments[2]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.every.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$every=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").every,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("every",(function every(callbackfn){return $every(aTypedArray(this),callbackfn,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.fill.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$fill=__webpack_require__("./node_modules/core-js/internals/array-fill.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("fill",(function fill(value){return $fill.apply(aTypedArray(this),arguments)}))},"./node_modules/core-js/modules/es.typed-array.filter.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$filter=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").filter,fromSpeciesAndList=__webpack_require__("./node_modules/core-js/internals/typed-array-from-species-and-list.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("filter",(function filter(callbackfn){var list=$filter(aTypedArray(this),callbackfn,arguments.length>1?arguments[1]:void 0);return fromSpeciesAndList(this,list)}))},"./node_modules/core-js/modules/es.typed-array.find-index.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$findIndex=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").findIndex,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("findIndex",(function findIndex(predicate){return $findIndex(aTypedArray(this),predicate,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.find.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$find=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").find,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("find",(function find(predicate){return $find(aTypedArray(this),predicate,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.float32-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Float32",(function(init){return function Float32Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.float64-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Float64",(function(init){return function Float64Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.for-each.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$forEach=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").forEach,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("forEach",(function forEach(callbackfn){$forEach(aTypedArray(this),callbackfn,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.includes.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$includes=__webpack_require__("./node_modules/core-js/internals/array-includes.js").includes,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("includes",(function includes(searchElement){return $includes(aTypedArray(this),searchElement,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.index-of.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$indexOf=__webpack_require__("./node_modules/core-js/internals/array-includes.js").indexOf,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("indexOf",(function indexOf(searchElement){return $indexOf(aTypedArray(this),searchElement,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.int16-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Int16",(function(init){return function Int16Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.int32-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Int32",(function(init){return function Int32Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.int8-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Int8",(function(init){return function Int8Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.iterator.js":function(module,exports,__webpack_require__){"use strict";var global=__webpack_require__("./node_modules/core-js/internals/global.js"),ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),ArrayIterators=__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator"),Uint8Array=global.Uint8Array,arrayValues=ArrayIterators.values,arrayKeys=ArrayIterators.keys,arrayEntries=ArrayIterators.entries,aTypedArray=ArrayBufferViewCore.aTypedArray,exportTypedArrayMethod=ArrayBufferViewCore.exportTypedArrayMethod,nativeTypedArrayIterator=Uint8Array&&Uint8Array.prototype[ITERATOR],CORRECT_ITER_NAME=!!nativeTypedArrayIterator&&("values"==nativeTypedArrayIterator.name||null==nativeTypedArrayIterator.name),typedArrayValues=function values(){return arrayValues.call(aTypedArray(this))};exportTypedArrayMethod("entries",(function entries(){return arrayEntries.call(aTypedArray(this))})),exportTypedArrayMethod("keys",(function keys(){return arrayKeys.call(aTypedArray(this))})),exportTypedArrayMethod("values",typedArrayValues,!CORRECT_ITER_NAME),exportTypedArrayMethod(ITERATOR,typedArrayValues,!CORRECT_ITER_NAME)},"./node_modules/core-js/modules/es.typed-array.join.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),aTypedArray=ArrayBufferViewCore.aTypedArray,exportTypedArrayMethod=ArrayBufferViewCore.exportTypedArrayMethod,$join=[].join;exportTypedArrayMethod("join",(function join(separator){return $join.apply(aTypedArray(this),arguments)}))},"./node_modules/core-js/modules/es.typed-array.last-index-of.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$lastIndexOf=__webpack_require__("./node_modules/core-js/internals/array-last-index-of.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("lastIndexOf",(function lastIndexOf(searchElement){return $lastIndexOf.apply(aTypedArray(this),arguments)}))},"./node_modules/core-js/modules/es.typed-array.map.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$map=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").map,typedArraySpeciesConstructor=__webpack_require__("./node_modules/core-js/internals/typed-array-species-constructor.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("map",(function map(mapfn){return $map(aTypedArray(this),mapfn,arguments.length>1?arguments[1]:void 0,(function(O,length){return new(typedArraySpeciesConstructor(O))(length)}))}))},"./node_modules/core-js/modules/es.typed-array.reduce-right.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$reduceRight=__webpack_require__("./node_modules/core-js/internals/array-reduce.js").right,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("reduceRight",(function reduceRight(callbackfn){return $reduceRight(aTypedArray(this),callbackfn,arguments.length,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.reduce.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$reduce=__webpack_require__("./node_modules/core-js/internals/array-reduce.js").left,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("reduce",(function reduce(callbackfn){return $reduce(aTypedArray(this),callbackfn,arguments.length,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.reverse.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),aTypedArray=ArrayBufferViewCore.aTypedArray,exportTypedArrayMethod=ArrayBufferViewCore.exportTypedArrayMethod,floor=Math.floor;exportTypedArrayMethod("reverse",(function reverse(){for(var value,length=aTypedArray(this).length,middle=floor(length/2),index=0;index<middle;)value=this[index],this[index++]=this[--length],this[length]=value;return this}))},"./node_modules/core-js/modules/es.typed-array.set.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toOffset=__webpack_require__("./node_modules/core-js/internals/to-offset.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("set",(function set(arrayLike){aTypedArray(this);var offset=toOffset(arguments.length>1?arguments[1]:void 0,1),length=this.length,src=toObject(arrayLike),len=toLength(src.length),index=0;if(len+offset>length)throw RangeError("Wrong length");for(;index<len;)this[offset+index]=src[index++]}),fails((function(){new Int8Array(1).set({})})))},"./node_modules/core-js/modules/es.typed-array.slice.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),typedArraySpeciesConstructor=__webpack_require__("./node_modules/core-js/internals/typed-array-species-constructor.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),aTypedArray=ArrayBufferViewCore.aTypedArray,exportTypedArrayMethod=ArrayBufferViewCore.exportTypedArrayMethod,$slice=[].slice;exportTypedArrayMethod("slice",(function slice(start,end){for(var list=$slice.call(aTypedArray(this),start,end),C=typedArraySpeciesConstructor(this),index=0,length=list.length,result=new C(length);length>index;)result[index]=list[index++];return result}),fails((function(){new Int8Array(1).slice()})))},"./node_modules/core-js/modules/es.typed-array.some.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),$some=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").some,aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("some",(function some(callbackfn){return $some(aTypedArray(this),callbackfn,arguments.length>1?arguments[1]:void 0)}))},"./node_modules/core-js/modules/es.typed-array.sort.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),aFunction=__webpack_require__("./node_modules/core-js/internals/a-function.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),internalSort=__webpack_require__("./node_modules/core-js/internals/array-sort.js"),FF=__webpack_require__("./node_modules/core-js/internals/engine-ff-version.js"),IE_OR_EDGE=__webpack_require__("./node_modules/core-js/internals/engine-is-ie-or-edge.js"),V8=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),WEBKIT=__webpack_require__("./node_modules/core-js/internals/engine-webkit-version.js"),aTypedArray=ArrayBufferViewCore.aTypedArray,exportTypedArrayMethod=ArrayBufferViewCore.exportTypedArrayMethod,Uint16Array=global.Uint16Array,nativeSort=Uint16Array&&Uint16Array.prototype.sort,ACCEPT_INCORRECT_ARGUMENTS=!!nativeSort&&!fails((function(){var array=new Uint16Array(2);array.sort(null),array.sort({})})),STABLE_SORT=!!nativeSort&&!fails((function(){if(V8)return V8<74;if(FF)return FF<67;if(IE_OR_EDGE)return!0;if(WEBKIT)return WEBKIT<602;var index,mod,array=new Uint16Array(516),expected=Array(516);for(index=0;index<516;index++)mod=index%4,array[index]=515-index,expected[index]=index-2*mod+3;for(array.sort((function(a,b){return(a/4|0)-(b/4|0)})),index=0;index<516;index++)if(array[index]!==expected[index])return!0}));exportTypedArrayMethod("sort",(function sort(comparefn){if(void 0!==comparefn&&aFunction(comparefn),STABLE_SORT)return nativeSort.call(this,comparefn);aTypedArray(this);var index,arrayLength=toLength(this.length),items=Array(arrayLength);for(index=0;index<arrayLength;index++)items[index]=this[index];for(items=internalSort(this,function(comparefn){return function(x,y){return void 0!==comparefn?+comparefn(x,y)||0:y!=y?-1:x!=x?1:0===x&&0===y?1/x>0&&1/y<0?1:-1:x>y}}(comparefn)),index=0;index<arrayLength;index++)this[index]=items[index];return this}),!STABLE_SORT||ACCEPT_INCORRECT_ARGUMENTS)},"./node_modules/core-js/modules/es.typed-array.subarray.js":function(module,exports,__webpack_require__){"use strict";var ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),typedArraySpeciesConstructor=__webpack_require__("./node_modules/core-js/internals/typed-array-species-constructor.js"),aTypedArray=ArrayBufferViewCore.aTypedArray;(0,ArrayBufferViewCore.exportTypedArrayMethod)("subarray",(function subarray(begin,end){var O=aTypedArray(this),length=O.length,beginIndex=toAbsoluteIndex(begin,length);return new(typedArraySpeciesConstructor(O))(O.buffer,O.byteOffset+beginIndex*O.BYTES_PER_ELEMENT,toLength((void 0===end?length:toAbsoluteIndex(end,length))-beginIndex))}))},"./node_modules/core-js/modules/es.typed-array.to-locale-string.js":function(module,exports,__webpack_require__){"use strict";var global=__webpack_require__("./node_modules/core-js/internals/global.js"),ArrayBufferViewCore=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),Int8Array=global.Int8Array,aTypedArray=ArrayBufferViewCore.aTypedArray,exportTypedArrayMethod=ArrayBufferViewCore.exportTypedArrayMethod,$toLocaleString=[].toLocaleString,$slice=[].slice,TO_LOCALE_STRING_BUG=!!Int8Array&&fails((function(){$toLocaleString.call(new Int8Array(1))}));exportTypedArrayMethod("toLocaleString",(function toLocaleString(){return $toLocaleString.apply(TO_LOCALE_STRING_BUG?$slice.call(aTypedArray(this)):aTypedArray(this),arguments)}),fails((function(){return[1,2].toLocaleString()!=new Int8Array([1,2]).toLocaleString()}))||!fails((function(){Int8Array.prototype.toLocaleString.call([1,2])})))},"./node_modules/core-js/modules/es.typed-array.to-string.js":function(module,exports,__webpack_require__){"use strict";var exportTypedArrayMethod=__webpack_require__("./node_modules/core-js/internals/array-buffer-view-core.js").exportTypedArrayMethod,fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),Uint8Array=__webpack_require__("./node_modules/core-js/internals/global.js").Uint8Array,Uint8ArrayPrototype=Uint8Array&&Uint8Array.prototype||{},arrayToString=[].toString,arrayJoin=[].join;fails((function(){arrayToString.call({})}))&&(arrayToString=function toString(){return arrayJoin.call(this)});var IS_NOT_ARRAY_METHOD=Uint8ArrayPrototype.toString!=arrayToString;exportTypedArrayMethod("toString",arrayToString,IS_NOT_ARRAY_METHOD)},"./node_modules/core-js/modules/es.typed-array.uint16-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Uint16",(function(init){return function Uint16Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.uint32-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Uint32",(function(init){return function Uint32Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.uint8-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Uint8",(function(init){return function Uint8Array(data,byteOffset,length){return init(this,data,byteOffset,length)}}))},"./node_modules/core-js/modules/es.typed-array.uint8-clamped-array.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/typed-array-constructor.js")("Uint8",(function(init){return function Uint8ClampedArray(data,byteOffset,length){return init(this,data,byteOffset,length)}}),!0)},"./node_modules/core-js/modules/es.weak-map.js":function(module,exports,__webpack_require__){"use strict";var InternalWeakMap,global=__webpack_require__("./node_modules/core-js/internals/global.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),InternalMetadataModule=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js"),collection=__webpack_require__("./node_modules/core-js/internals/collection.js"),collectionWeak=__webpack_require__("./node_modules/core-js/internals/collection-weak.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),enforceIternalState=__webpack_require__("./node_modules/core-js/internals/internal-state.js").enforce,NATIVE_WEAK_MAP=__webpack_require__("./node_modules/core-js/internals/native-weak-map.js"),IS_IE11=!global.ActiveXObject&&"ActiveXObject"in global,isExtensible=Object.isExtensible,wrapper=function(init){return function WeakMap(){return init(this,arguments.length?arguments[0]:void 0)}},$WeakMap=module.exports=collection("WeakMap",wrapper,collectionWeak);if(NATIVE_WEAK_MAP&&IS_IE11){InternalWeakMap=collectionWeak.getConstructor(wrapper,"WeakMap",!0),InternalMetadataModule.enable();var WeakMapPrototype=$WeakMap.prototype,nativeDelete=WeakMapPrototype.delete,nativeHas=WeakMapPrototype.has,nativeGet=WeakMapPrototype.get,nativeSet=WeakMapPrototype.set;redefineAll(WeakMapPrototype,{delete:function(key){if(isObject(key)&&!isExtensible(key)){var state=enforceIternalState(this);return state.frozen||(state.frozen=new InternalWeakMap),nativeDelete.call(this,key)||state.frozen.delete(key)}return nativeDelete.call(this,key)},has:function has(key){if(isObject(key)&&!isExtensible(key)){var state=enforceIternalState(this);return state.frozen||(state.frozen=new InternalWeakMap),nativeHas.call(this,key)||state.frozen.has(key)}return nativeHas.call(this,key)},get:function get(key){if(isObject(key)&&!isExtensible(key)){var state=enforceIternalState(this);return state.frozen||(state.frozen=new InternalWeakMap),nativeHas.call(this,key)?nativeGet.call(this,key):state.frozen.get(key)}return nativeGet.call(this,key)},set:function set(key,value){if(isObject(key)&&!isExtensible(key)){var state=enforceIternalState(this);state.frozen||(state.frozen=new InternalWeakMap),nativeHas.call(this,key)?nativeSet.call(this,key,value):state.frozen.set(key,value)}else nativeSet.call(this,key,value);return this}})}},"./node_modules/core-js/modules/es.weak-set.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/internals/collection.js")("WeakSet",(function(init){return function WeakSet(){return init(this,arguments.length?arguments[0]:void 0)}}),__webpack_require__("./node_modules/core-js/internals/collection-weak.js"))},"./node_modules/core-js/modules/esnext.aggregate-error.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/modules/es.aggregate-error.js")},"./node_modules/core-js/modules/esnext.global-this.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/modules/es.global-this.js")},"./node_modules/core-js/modules/esnext.symbol.async-dispose.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("asyncDispose")},"./node_modules/core-js/modules/esnext.symbol.dispose.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("dispose")},"./node_modules/core-js/modules/esnext.symbol.matcher.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("matcher")},"./node_modules/core-js/modules/esnext.symbol.metadata.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("metadata")},"./node_modules/core-js/modules/esnext.symbol.observable.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("observable")},"./node_modules/core-js/modules/esnext.symbol.pattern-match.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("patternMatch")},"./node_modules/core-js/modules/esnext.symbol.replace-all.js":function(module,exports,__webpack_require__){__webpack_require__("./node_modules/core-js/internals/define-well-known-symbol.js")("replaceAll")},"./node_modules/core-js/modules/web.dom-collections.for-each.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),DOMIterables=__webpack_require__("./node_modules/core-js/internals/dom-iterables.js"),forEach=__webpack_require__("./node_modules/core-js/internals/array-for-each.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js");for(var COLLECTION_NAME in DOMIterables){var Collection=global[COLLECTION_NAME],CollectionPrototype=Collection&&Collection.prototype;if(CollectionPrototype&&CollectionPrototype.forEach!==forEach)try{createNonEnumerableProperty(CollectionPrototype,"forEach",forEach)}catch(error){CollectionPrototype.forEach=forEach}}},"./node_modules/core-js/modules/web.dom-collections.iterator.js":function(module,exports,__webpack_require__){var global=__webpack_require__("./node_modules/core-js/internals/global.js"),DOMIterables=__webpack_require__("./node_modules/core-js/internals/dom-iterables.js"),ArrayIteratorMethods=__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),ITERATOR=wellKnownSymbol("iterator"),TO_STRING_TAG=wellKnownSymbol("toStringTag"),ArrayValues=ArrayIteratorMethods.values;for(var COLLECTION_NAME in DOMIterables){var Collection=global[COLLECTION_NAME],CollectionPrototype=Collection&&Collection.prototype;if(CollectionPrototype){if(CollectionPrototype[ITERATOR]!==ArrayValues)try{createNonEnumerableProperty(CollectionPrototype,ITERATOR,ArrayValues)}catch(error){CollectionPrototype[ITERATOR]=ArrayValues}if(CollectionPrototype[TO_STRING_TAG]||createNonEnumerableProperty(CollectionPrototype,TO_STRING_TAG,COLLECTION_NAME),DOMIterables[COLLECTION_NAME])for(var METHOD_NAME in ArrayIteratorMethods)if(CollectionPrototype[METHOD_NAME]!==ArrayIteratorMethods[METHOD_NAME])try{createNonEnumerableProperty(CollectionPrototype,METHOD_NAME,ArrayIteratorMethods[METHOD_NAME])}catch(error){CollectionPrototype[METHOD_NAME]=ArrayIteratorMethods[METHOD_NAME]}}}},"./node_modules/core-js/modules/web.immediate.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),task=__webpack_require__("./node_modules/core-js/internals/task.js");$({global:!0,bind:!0,enumerable:!0,forced:!global.setImmediate||!global.clearImmediate},{setImmediate:task.set,clearImmediate:task.clear})},"./node_modules/core-js/modules/web.timers.js":function(module,exports,__webpack_require__){var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js"),slice=[].slice,wrap=function(scheduler){return function(handler,timeout){var boundArgs=arguments.length>2,args=boundArgs?slice.call(arguments,2):void 0;return scheduler(boundArgs?function(){("function"==typeof handler?handler:Function(handler)).apply(this,args)}:handler,timeout)}};$({global:!0,bind:!0,forced:/MSIE .\./.test(userAgent)},{setTimeout:wrap(global.setTimeout),setInterval:wrap(global.setInterval)})},"./node_modules/core-js/modules/web.url-search-params.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js");var $=__webpack_require__("./node_modules/core-js/internals/export.js"),getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),USE_NATIVE_URL=__webpack_require__("./node_modules/core-js/internals/native-url.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),createIteratorConstructor=__webpack_require__("./node_modules/core-js/internals/create-iterator-constructor.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),$toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),getIterator=__webpack_require__("./node_modules/core-js/internals/get-iterator.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),nativeFetch=getBuiltIn("fetch"),NativeRequest=getBuiltIn("Request"),RequestPrototype=NativeRequest&&NativeRequest.prototype,Headers=getBuiltIn("Headers"),ITERATOR=wellKnownSymbol("iterator"),setInternalState=InternalStateModule.set,getInternalParamsState=InternalStateModule.getterFor("URLSearchParams"),getInternalIteratorState=InternalStateModule.getterFor("URLSearchParamsIterator"),plus=/\+/g,sequences=Array(4),percentSequence=function(bytes){return sequences[bytes-1]||(sequences[bytes-1]=RegExp("((?:%[\\da-f]{2}){"+bytes+"})","gi"))},percentDecode=function(sequence){try{return decodeURIComponent(sequence)}catch(error){return sequence}},deserialize=function(it){var result=it.replace(plus," "),bytes=4;try{return decodeURIComponent(result)}catch(error){for(;bytes;)result=result.replace(percentSequence(bytes--),percentDecode);return result}},find=/[!'()~]|%20/g,replace={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+"},replacer=function(match){return replace[match]},serialize=function(it){return encodeURIComponent(it).replace(find,replacer)},parseSearchParams=function(result,query){if(query)for(var attribute,entry,attributes=query.split("&"),index=0;index<attributes.length;)(attribute=attributes[index++]).length&&(entry=attribute.split("="),result.push({key:deserialize(entry.shift()),value:deserialize(entry.join("="))}))},updateSearchParams=function(query){this.entries.length=0,parseSearchParams(this.entries,query)},validateArgumentsLength=function(passed,required){if(passed<required)throw TypeError("Not enough arguments")},URLSearchParamsIterator=createIteratorConstructor((function Iterator(params,kind){setInternalState(this,{type:"URLSearchParamsIterator",iterator:getIterator(getInternalParamsState(params).entries),kind:kind})}),"Iterator",(function next(){var state=getInternalIteratorState(this),kind=state.kind,step=state.iterator.next(),entry=step.value;return step.done||(step.value="keys"===kind?entry.key:"values"===kind?entry.value:[entry.key,entry.value]),step})),URLSearchParamsConstructor=function URLSearchParams(){anInstance(this,URLSearchParamsConstructor,"URLSearchParams");var iteratorMethod,iterator,next,step,entryIterator,entryNext,first,second,key,init=arguments.length>0?arguments[0]:void 0,that=this,entries=[];if(setInternalState(that,{type:"URLSearchParams",entries:entries,updateURL:function(){},updateSearchParams:updateSearchParams}),void 0!==init)if(isObject(init))if("function"==typeof(iteratorMethod=getIteratorMethod(init)))for(next=(iterator=iteratorMethod.call(init)).next;!(step=next.call(iterator)).done;){if((first=(entryNext=(entryIterator=getIterator(anObject(step.value))).next).call(entryIterator)).done||(second=entryNext.call(entryIterator)).done||!entryNext.call(entryIterator).done)throw TypeError("Expected sequence with length 2");entries.push({key:$toString(first.value),value:$toString(second.value)})}else for(key in init)hasOwn(init,key)&&entries.push({key:key,value:$toString(init[key])});else parseSearchParams(entries,"string"==typeof init?"?"===init.charAt(0)?init.slice(1):init:$toString(init))},URLSearchParamsPrototype=URLSearchParamsConstructor.prototype;if(redefineAll(URLSearchParamsPrototype,{append:function append(name,value){validateArgumentsLength(arguments.length,2);var state=getInternalParamsState(this);state.entries.push({key:$toString(name),value:$toString(value)}),state.updateURL()},delete:function(name){validateArgumentsLength(arguments.length,1);for(var state=getInternalParamsState(this),entries=state.entries,key=$toString(name),index=0;index<entries.length;)entries[index].key===key?entries.splice(index,1):index++;state.updateURL()},get:function get(name){validateArgumentsLength(arguments.length,1);for(var entries=getInternalParamsState(this).entries,key=$toString(name),index=0;index<entries.length;index++)if(entries[index].key===key)return entries[index].value;return null},getAll:function getAll(name){validateArgumentsLength(arguments.length,1);for(var entries=getInternalParamsState(this).entries,key=$toString(name),result=[],index=0;index<entries.length;index++)entries[index].key===key&&result.push(entries[index].value);return result},has:function has(name){validateArgumentsLength(arguments.length,1);for(var entries=getInternalParamsState(this).entries,key=$toString(name),index=0;index<entries.length;)if(entries[index++].key===key)return!0;return!1},set:function set(name,value){validateArgumentsLength(arguments.length,1);for(var entry,state=getInternalParamsState(this),entries=state.entries,found=!1,key=$toString(name),val=$toString(value),index=0;index<entries.length;index++)(entry=entries[index]).key===key&&(found?entries.splice(index--,1):(found=!0,entry.value=val));found||entries.push({key:key,value:val}),state.updateURL()},sort:function sort(){var entry,entriesIndex,sliceIndex,state=getInternalParamsState(this),entries=state.entries,slice=entries.slice();for(entries.length=0,sliceIndex=0;sliceIndex<slice.length;sliceIndex++){for(entry=slice[sliceIndex],entriesIndex=0;entriesIndex<sliceIndex;entriesIndex++)if(entries[entriesIndex].key>entry.key){entries.splice(entriesIndex,0,entry);break}entriesIndex===sliceIndex&&entries.push(entry)}state.updateURL()},forEach:function forEach(callback){for(var entry,entries=getInternalParamsState(this).entries,boundFunction=bind(callback,arguments.length>1?arguments[1]:void 0,3),index=0;index<entries.length;)boundFunction((entry=entries[index++]).value,entry.key,this)},keys:function keys(){return new URLSearchParamsIterator(this,"keys")},values:function values(){return new URLSearchParamsIterator(this,"values")},entries:function entries(){return new URLSearchParamsIterator(this,"entries")}},{enumerable:!0}),redefine(URLSearchParamsPrototype,ITERATOR,URLSearchParamsPrototype.entries),redefine(URLSearchParamsPrototype,"toString",(function toString(){for(var entry,entries=getInternalParamsState(this).entries,result=[],index=0;index<entries.length;)entry=entries[index++],result.push(serialize(entry.key)+"="+serialize(entry.value));return result.join("&")}),{enumerable:!0}),setToStringTag(URLSearchParamsConstructor,"URLSearchParams"),$({global:!0,forced:!USE_NATIVE_URL},{URLSearchParams:URLSearchParamsConstructor}),!USE_NATIVE_URL&&"function"==typeof Headers){var wrapRequestOptions=function(init){if(isObject(init)){var headers,body=init.body;if("URLSearchParams"===classof(body))return(headers=init.headers?new Headers(init.headers):new Headers).has("content-type")||headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"),create(init,{body:createPropertyDescriptor(0,String(body)),headers:createPropertyDescriptor(0,headers)})}return init};if("function"==typeof nativeFetch&&$({global:!0,enumerable:!0,forced:!0},{fetch:function fetch(input){return nativeFetch(input,arguments.length>1?wrapRequestOptions(arguments[1]):{})}}),"function"==typeof NativeRequest){var RequestConstructor=function Request(input){return anInstance(this,RequestConstructor,"Request"),new NativeRequest(input,arguments.length>1?wrapRequestOptions(arguments[1]):{})};RequestPrototype.constructor=RequestConstructor,RequestConstructor.prototype=RequestPrototype,$({global:!0,forced:!0},{Request:RequestConstructor})}}module.exports={URLSearchParams:URLSearchParamsConstructor,getState:getInternalParamsState}},"./node_modules/core-js/modules/web.url.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js");var EOF,$=__webpack_require__("./node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),USE_NATIVE_URL=__webpack_require__("./node_modules/core-js/internals/native-url.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),defineProperties=__webpack_require__("./node_modules/core-js/internals/object-define-properties.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),has=__webpack_require__("./node_modules/core-js/internals/has.js"),assign=__webpack_require__("./node_modules/core-js/internals/object-assign.js"),arrayFrom=__webpack_require__("./node_modules/core-js/internals/array-from.js"),codeAt=__webpack_require__("./node_modules/core-js/internals/string-multibyte.js").codeAt,toASCII=__webpack_require__("./node_modules/core-js/internals/string-punycode-to-ascii.js"),$toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),URLSearchParamsModule=__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),NativeURL=global.URL,URLSearchParams=URLSearchParamsModule.URLSearchParams,getInternalSearchParamsState=URLSearchParamsModule.getState,setInternalState=InternalStateModule.set,getInternalURLState=InternalStateModule.getterFor("URL"),floor=Math.floor,pow=Math.pow,ALPHA=/[A-Za-z]/,ALPHANUMERIC=/[\d+-.A-Za-z]/,DIGIT=/\d/,HEX_START=/^0x/i,OCT=/^[0-7]+$/,DEC=/^\d+$/,HEX=/^[\dA-Fa-f]+$/,FORBIDDEN_HOST_CODE_POINT=/[\0\t\n\r #%/:<>?@[\\\]^|]/,FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT=/[\0\t\n\r #/:<>?@[\\\]^|]/,LEADING_AND_TRAILING_C0_CONTROL_OR_SPACE=/^[\u0000-\u0020]+|[\u0000-\u0020]+$/g,TAB_AND_NEW_LINE=/[\t\n\r]/g,parseHost=function(url,input){var result,codePoints,index;if("["==input.charAt(0)){if("]"!=input.charAt(input.length-1))return"Invalid host";if(!(result=parseIPv6(input.slice(1,-1))))return"Invalid host";url.host=result}else if(isSpecial(url)){if(input=toASCII(input),FORBIDDEN_HOST_CODE_POINT.test(input))return"Invalid host";if(null===(result=parseIPv4(input)))return"Invalid host";url.host=result}else{if(FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT.test(input))return"Invalid host";for(result="",codePoints=arrayFrom(input),index=0;index<codePoints.length;index++)result+=percentEncode(codePoints[index],C0ControlPercentEncodeSet);url.host=result}},parseIPv4=function(input){var partsLength,numbers,index,part,radix,number,ipv4,parts=input.split(".");if(parts.length&&""==parts[parts.length-1]&&parts.pop(),(partsLength=parts.length)>4)return input;for(numbers=[],index=0;index<partsLength;index++){if(""==(part=parts[index]))return input;if(radix=10,part.length>1&&"0"==part.charAt(0)&&(radix=HEX_START.test(part)?16:8,part=part.slice(8==radix?1:2)),""===part)number=0;else{if(!(10==radix?DEC:8==radix?OCT:HEX).test(part))return input;number=parseInt(part,radix)}numbers.push(number)}for(index=0;index<partsLength;index++)if(number=numbers[index],index==partsLength-1){if(number>=pow(256,5-partsLength))return null}else if(number>255)return null;for(ipv4=numbers.pop(),index=0;index<numbers.length;index++)ipv4+=numbers[index]*pow(256,3-index);return ipv4},parseIPv6=function(input){var value,length,numbersSeen,ipv4Piece,number,swaps,swap,address=[0,0,0,0,0,0,0,0],pieceIndex=0,compress=null,pointer=0,char=function(){return input.charAt(pointer)};if(":"==char()){if(":"!=input.charAt(1))return;pointer+=2,compress=++pieceIndex}for(;char();){if(8==pieceIndex)return;if(":"!=char()){for(value=length=0;length<4&&HEX.test(char());)value=16*value+parseInt(char(),16),pointer++,length++;if("."==char()){if(0==length)return;if(pointer-=length,pieceIndex>6)return;for(numbersSeen=0;char();){if(ipv4Piece=null,numbersSeen>0){if(!("."==char()&&numbersSeen<4))return;pointer++}if(!DIGIT.test(char()))return;for(;DIGIT.test(char());){if(number=parseInt(char(),10),null===ipv4Piece)ipv4Piece=number;else{if(0==ipv4Piece)return;ipv4Piece=10*ipv4Piece+number}if(ipv4Piece>255)return;pointer++}address[pieceIndex]=256*address[pieceIndex]+ipv4Piece,2!=++numbersSeen&&4!=numbersSeen||pieceIndex++}if(4!=numbersSeen)return;break}if(":"==char()){if(pointer++,!char())return}else if(char())return;address[pieceIndex++]=value}else{if(null!==compress)return;pointer++,compress=++pieceIndex}}if(null!==compress)for(swaps=pieceIndex-compress,pieceIndex=7;0!=pieceIndex&&swaps>0;)swap=address[pieceIndex],address[pieceIndex--]=address[compress+swaps-1],address[compress+--swaps]=swap;else if(8!=pieceIndex)return;return address},serializeHost=function(host){var result,index,compress,ignore0;if("number"==typeof host){for(result=[],index=0;index<4;index++)result.unshift(host%256),host=floor(host/256);return result.join(".")}if("object"==typeof host){for(result="",compress=function(ipv6){for(var maxIndex=null,maxLength=1,currStart=null,currLength=0,index=0;index<8;index++)0!==ipv6[index]?(currLength>maxLength&&(maxIndex=currStart,maxLength=currLength),currStart=null,currLength=0):(null===currStart&&(currStart=index),++currLength);return currLength>maxLength&&(maxIndex=currStart,maxLength=currLength),maxIndex}(host),index=0;index<8;index++)ignore0&&0===host[index]||(ignore0&&(ignore0=!1),compress===index?(result+=index?":":"::",ignore0=!0):(result+=host[index].toString(16),index<7&&(result+=":")));return"["+result+"]"}return host},C0ControlPercentEncodeSet={},fragmentPercentEncodeSet=assign({},C0ControlPercentEncodeSet,{" ":1,'"':1,"<":1,">":1,"`":1}),pathPercentEncodeSet=assign({},fragmentPercentEncodeSet,{"#":1,"?":1,"{":1,"}":1}),userinfoPercentEncodeSet=assign({},pathPercentEncodeSet,{"/":1,":":1,";":1,"=":1,"@":1,"[":1,"\\":1,"]":1,"^":1,"|":1}),percentEncode=function(char,set){var code=codeAt(char,0);return code>32&&code<127&&!has(set,char)?char:encodeURIComponent(char)},specialSchemes={ftp:21,file:null,http:80,https:443,ws:80,wss:443},isSpecial=function(url){return has(specialSchemes,url.scheme)},includesCredentials=function(url){return""!=url.username||""!=url.password},cannotHaveUsernamePasswordPort=function(url){return!url.host||url.cannotBeABaseURL||"file"==url.scheme},isWindowsDriveLetter=function(string,normalized){var second;return 2==string.length&&ALPHA.test(string.charAt(0))&&(":"==(second=string.charAt(1))||!normalized&&"|"==second)},startsWithWindowsDriveLetter=function(string){var third;return string.length>1&&isWindowsDriveLetter(string.slice(0,2))&&(2==string.length||"/"===(third=string.charAt(2))||"\\"===third||"?"===third||"#"===third)},shortenURLsPath=function(url){var path=url.path,pathSize=path.length;!pathSize||"file"==url.scheme&&1==pathSize&&isWindowsDriveLetter(path[0],!0)||path.pop()},isSingleDot=function(segment){return"."===segment||"%2e"===segment.toLowerCase()},SCHEME_START={},SCHEME={},NO_SCHEME={},SPECIAL_RELATIVE_OR_AUTHORITY={},PATH_OR_AUTHORITY={},RELATIVE={},RELATIVE_SLASH={},SPECIAL_AUTHORITY_SLASHES={},SPECIAL_AUTHORITY_IGNORE_SLASHES={},AUTHORITY={},HOST={},HOSTNAME={},PORT={},FILE={},FILE_SLASH={},FILE_HOST={},PATH_START={},PATH={},CANNOT_BE_A_BASE_URL_PATH={},QUERY={},FRAGMENT={},parseURL=function(url,input,stateOverride,base){var codePoints,char,bufferCodePoints,failure,segment,state=stateOverride||SCHEME_START,pointer=0,buffer="",seenAt=!1,seenBracket=!1,seenPasswordToken=!1;for(stateOverride||(url.scheme="",url.username="",url.password="",url.host=null,url.port=null,url.path=[],url.query=null,url.fragment=null,url.cannotBeABaseURL=!1,input=input.replace(LEADING_AND_TRAILING_C0_CONTROL_OR_SPACE,"")),input=input.replace(TAB_AND_NEW_LINE,""),codePoints=arrayFrom(input);pointer<=codePoints.length;){switch(char=codePoints[pointer],state){case SCHEME_START:if(!char||!ALPHA.test(char)){if(stateOverride)return"Invalid scheme";state=NO_SCHEME;continue}buffer+=char.toLowerCase(),state=SCHEME;break;case SCHEME:if(char&&(ALPHANUMERIC.test(char)||"+"==char||"-"==char||"."==char))buffer+=char.toLowerCase();else{if(":"!=char){if(stateOverride)return"Invalid scheme";buffer="",state=NO_SCHEME,pointer=0;continue}if(stateOverride&&(isSpecial(url)!=has(specialSchemes,buffer)||"file"==buffer&&(includesCredentials(url)||null!==url.port)||"file"==url.scheme&&!url.host))return;if(url.scheme=buffer,stateOverride)return void(isSpecial(url)&&specialSchemes[url.scheme]==url.port&&(url.port=null));buffer="","file"==url.scheme?state=FILE:isSpecial(url)&&base&&base.scheme==url.scheme?state=SPECIAL_RELATIVE_OR_AUTHORITY:isSpecial(url)?state=SPECIAL_AUTHORITY_SLASHES:"/"==codePoints[pointer+1]?(state=PATH_OR_AUTHORITY,pointer++):(url.cannotBeABaseURL=!0,url.path.push(""),state=CANNOT_BE_A_BASE_URL_PATH)}break;case NO_SCHEME:if(!base||base.cannotBeABaseURL&&"#"!=char)return"Invalid scheme";if(base.cannotBeABaseURL&&"#"==char){url.scheme=base.scheme,url.path=base.path.slice(),url.query=base.query,url.fragment="",url.cannotBeABaseURL=!0,state=FRAGMENT;break}state="file"==base.scheme?FILE:RELATIVE;continue;case SPECIAL_RELATIVE_OR_AUTHORITY:if("/"!=char||"/"!=codePoints[pointer+1]){state=RELATIVE;continue}state=SPECIAL_AUTHORITY_IGNORE_SLASHES,pointer++;break;case PATH_OR_AUTHORITY:if("/"==char){state=AUTHORITY;break}state=PATH;continue;case RELATIVE:if(url.scheme=base.scheme,char==EOF)url.username=base.username,url.password=base.password,url.host=base.host,url.port=base.port,url.path=base.path.slice(),url.query=base.query;else if("/"==char||"\\"==char&&isSpecial(url))state=RELATIVE_SLASH;else if("?"==char)url.username=base.username,url.password=base.password,url.host=base.host,url.port=base.port,url.path=base.path.slice(),url.query="",state=QUERY;else{if("#"!=char){url.username=base.username,url.password=base.password,url.host=base.host,url.port=base.port,url.path=base.path.slice(),url.path.pop(),state=PATH;continue}url.username=base.username,url.password=base.password,url.host=base.host,url.port=base.port,url.path=base.path.slice(),url.query=base.query,url.fragment="",state=FRAGMENT}break;case RELATIVE_SLASH:if(!isSpecial(url)||"/"!=char&&"\\"!=char){if("/"!=char){url.username=base.username,url.password=base.password,url.host=base.host,url.port=base.port,state=PATH;continue}state=AUTHORITY}else state=SPECIAL_AUTHORITY_IGNORE_SLASHES;break;case SPECIAL_AUTHORITY_SLASHES:if(state=SPECIAL_AUTHORITY_IGNORE_SLASHES,"/"!=char||"/"!=buffer.charAt(pointer+1))continue;pointer++;break;case SPECIAL_AUTHORITY_IGNORE_SLASHES:if("/"!=char&&"\\"!=char){state=AUTHORITY;continue}break;case AUTHORITY:if("@"==char){seenAt&&(buffer="%40"+buffer),seenAt=!0,bufferCodePoints=arrayFrom(buffer);for(var i=0;i<bufferCodePoints.length;i++){var codePoint=bufferCodePoints[i];if(":"!=codePoint||seenPasswordToken){var encodedCodePoints=percentEncode(codePoint,userinfoPercentEncodeSet);seenPasswordToken?url.password+=encodedCodePoints:url.username+=encodedCodePoints}else seenPasswordToken=!0}buffer=""}else if(char==EOF||"/"==char||"?"==char||"#"==char||"\\"==char&&isSpecial(url)){if(seenAt&&""==buffer)return"Invalid authority";pointer-=arrayFrom(buffer).length+1,buffer="",state=HOST}else buffer+=char;break;case HOST:case HOSTNAME:if(stateOverride&&"file"==url.scheme){state=FILE_HOST;continue}if(":"!=char||seenBracket){if(char==EOF||"/"==char||"?"==char||"#"==char||"\\"==char&&isSpecial(url)){if(isSpecial(url)&&""==buffer)return"Invalid host";if(stateOverride&&""==buffer&&(includesCredentials(url)||null!==url.port))return;if(failure=parseHost(url,buffer))return failure;if(buffer="",state=PATH_START,stateOverride)return;continue}"["==char?seenBracket=!0:"]"==char&&(seenBracket=!1),buffer+=char}else{if(""==buffer)return"Invalid host";if(failure=parseHost(url,buffer))return failure;if(buffer="",state=PORT,stateOverride==HOSTNAME)return}break;case PORT:if(!DIGIT.test(char)){if(char==EOF||"/"==char||"?"==char||"#"==char||"\\"==char&&isSpecial(url)||stateOverride){if(""!=buffer){var port=parseInt(buffer,10);if(port>65535)return"Invalid port";url.port=isSpecial(url)&&port===specialSchemes[url.scheme]?null:port,buffer=""}if(stateOverride)return;state=PATH_START;continue}return"Invalid port"}buffer+=char;break;case FILE:if(url.scheme="file","/"==char||"\\"==char)state=FILE_SLASH;else{if(!base||"file"!=base.scheme){state=PATH;continue}if(char==EOF)url.host=base.host,url.path=base.path.slice(),url.query=base.query;else if("?"==char)url.host=base.host,url.path=base.path.slice(),url.query="",state=QUERY;else{if("#"!=char){startsWithWindowsDriveLetter(codePoints.slice(pointer).join(""))||(url.host=base.host,url.path=base.path.slice(),shortenURLsPath(url)),state=PATH;continue}url.host=base.host,url.path=base.path.slice(),url.query=base.query,url.fragment="",state=FRAGMENT}}break;case FILE_SLASH:if("/"==char||"\\"==char){state=FILE_HOST;break}base&&"file"==base.scheme&&!startsWithWindowsDriveLetter(codePoints.slice(pointer).join(""))&&(isWindowsDriveLetter(base.path[0],!0)?url.path.push(base.path[0]):url.host=base.host),state=PATH;continue;case FILE_HOST:if(char==EOF||"/"==char||"\\"==char||"?"==char||"#"==char){if(!stateOverride&&isWindowsDriveLetter(buffer))state=PATH;else if(""==buffer){if(url.host="",stateOverride)return;state=PATH_START}else{if(failure=parseHost(url,buffer))return failure;if("localhost"==url.host&&(url.host=""),stateOverride)return;buffer="",state=PATH_START}continue}buffer+=char;break;case PATH_START:if(isSpecial(url)){if(state=PATH,"/"!=char&&"\\"!=char)continue}else if(stateOverride||"?"!=char)if(stateOverride||"#"!=char){if(char!=EOF&&(state=PATH,"/"!=char))continue}else url.fragment="",state=FRAGMENT;else url.query="",state=QUERY;break;case PATH:if(char==EOF||"/"==char||"\\"==char&&isSpecial(url)||!stateOverride&&("?"==char||"#"==char)){if(".."===(segment=(segment=buffer).toLowerCase())||"%2e."===segment||".%2e"===segment||"%2e%2e"===segment?(shortenURLsPath(url),"/"==char||"\\"==char&&isSpecial(url)||url.path.push("")):isSingleDot(buffer)?"/"==char||"\\"==char&&isSpecial(url)||url.path.push(""):("file"==url.scheme&&!url.path.length&&isWindowsDriveLetter(buffer)&&(url.host&&(url.host=""),buffer=buffer.charAt(0)+":"),url.path.push(buffer)),buffer="","file"==url.scheme&&(char==EOF||"?"==char||"#"==char))for(;url.path.length>1&&""===url.path[0];)url.path.shift();"?"==char?(url.query="",state=QUERY):"#"==char&&(url.fragment="",state=FRAGMENT)}else buffer+=percentEncode(char,pathPercentEncodeSet);break;case CANNOT_BE_A_BASE_URL_PATH:"?"==char?(url.query="",state=QUERY):"#"==char?(url.fragment="",state=FRAGMENT):char!=EOF&&(url.path[0]+=percentEncode(char,C0ControlPercentEncodeSet));break;case QUERY:stateOverride||"#"!=char?char!=EOF&&("'"==char&&isSpecial(url)?url.query+="%27":url.query+="#"==char?"%23":percentEncode(char,C0ControlPercentEncodeSet)):(url.fragment="",state=FRAGMENT);break;case FRAGMENT:char!=EOF&&(url.fragment+=percentEncode(char,fragmentPercentEncodeSet))}pointer++}},URLConstructor=function URL(url){var baseState,failure,that=anInstance(this,URLConstructor,"URL"),base=arguments.length>1?arguments[1]:void 0,urlString=$toString(url),state=setInternalState(that,{type:"URL"});if(void 0!==base)if(base instanceof URLConstructor)baseState=getInternalURLState(base);else if(failure=parseURL(baseState={},$toString(base)))throw TypeError(failure);if(failure=parseURL(state,urlString,null,baseState))throw TypeError(failure);var searchParams=state.searchParams=new URLSearchParams,searchParamsState=getInternalSearchParamsState(searchParams);searchParamsState.updateSearchParams(state.query),searchParamsState.updateURL=function(){state.query=String(searchParams)||null},DESCRIPTORS||(that.href=serializeURL.call(that),that.origin=getOrigin.call(that),that.protocol=getProtocol.call(that),that.username=getUsername.call(that),that.password=getPassword.call(that),that.host=getHost.call(that),that.hostname=getHostname.call(that),that.port=getPort.call(that),that.pathname=getPathname.call(that),that.search=getSearch.call(that),that.searchParams=getSearchParams.call(that),that.hash=getHash.call(that))},URLPrototype=URLConstructor.prototype,serializeURL=function(){var url=getInternalURLState(this),scheme=url.scheme,username=url.username,password=url.password,host=url.host,port=url.port,path=url.path,query=url.query,fragment=url.fragment,output=scheme+":";return null!==host?(output+="//",includesCredentials(url)&&(output+=username+(password?":"+password:"")+"@"),output+=serializeHost(host),null!==port&&(output+=":"+port)):"file"==scheme&&(output+="//"),output+=url.cannotBeABaseURL?path[0]:path.length?"/"+path.join("/"):"",null!==query&&(output+="?"+query),null!==fragment&&(output+="#"+fragment),output},getOrigin=function(){var url=getInternalURLState(this),scheme=url.scheme,port=url.port;if("blob"==scheme)try{return new URLConstructor(scheme.path[0]).origin}catch(error){return"null"}return"file"!=scheme&&isSpecial(url)?scheme+"://"+serializeHost(url.host)+(null!==port?":"+port:""):"null"},getProtocol=function(){return getInternalURLState(this).scheme+":"},getUsername=function(){return getInternalURLState(this).username},getPassword=function(){return getInternalURLState(this).password},getHost=function(){var url=getInternalURLState(this),host=url.host,port=url.port;return null===host?"":null===port?serializeHost(host):serializeHost(host)+":"+port},getHostname=function(){var host=getInternalURLState(this).host;return null===host?"":serializeHost(host)},getPort=function(){var port=getInternalURLState(this).port;return null===port?"":String(port)},getPathname=function(){var url=getInternalURLState(this),path=url.path;return url.cannotBeABaseURL?path[0]:path.length?"/"+path.join("/"):""},getSearch=function(){var query=getInternalURLState(this).query;return query?"?"+query:""},getSearchParams=function(){return getInternalURLState(this).searchParams},getHash=function(){var fragment=getInternalURLState(this).fragment;return fragment?"#"+fragment:""},accessorDescriptor=function(getter,setter){return{get:getter,set:setter,configurable:!0,enumerable:!0}};if(DESCRIPTORS&&defineProperties(URLPrototype,{href:accessorDescriptor(serializeURL,(function(href){var url=getInternalURLState(this),urlString=$toString(href),failure=parseURL(url,urlString);if(failure)throw TypeError(failure);getInternalSearchParamsState(url.searchParams).updateSearchParams(url.query)})),origin:accessorDescriptor(getOrigin),protocol:accessorDescriptor(getProtocol,(function(protocol){var url=getInternalURLState(this);parseURL(url,$toString(protocol)+":",SCHEME_START)})),username:accessorDescriptor(getUsername,(function(username){var url=getInternalURLState(this),codePoints=arrayFrom($toString(username));if(!cannotHaveUsernamePasswordPort(url)){url.username="";for(var i=0;i<codePoints.length;i++)url.username+=percentEncode(codePoints[i],userinfoPercentEncodeSet)}})),password:accessorDescriptor(getPassword,(function(password){var url=getInternalURLState(this),codePoints=arrayFrom($toString(password));if(!cannotHaveUsernamePasswordPort(url)){url.password="";for(var i=0;i<codePoints.length;i++)url.password+=percentEncode(codePoints[i],userinfoPercentEncodeSet)}})),host:accessorDescriptor(getHost,(function(host){var url=getInternalURLState(this);url.cannotBeABaseURL||parseURL(url,$toString(host),HOST)})),hostname:accessorDescriptor(getHostname,(function(hostname){var url=getInternalURLState(this);url.cannotBeABaseURL||parseURL(url,$toString(hostname),HOSTNAME)})),port:accessorDescriptor(getPort,(function(port){var url=getInternalURLState(this);cannotHaveUsernamePasswordPort(url)||(""==(port=$toString(port))?url.port=null:parseURL(url,port,PORT))})),pathname:accessorDescriptor(getPathname,(function(pathname){var url=getInternalURLState(this);url.cannotBeABaseURL||(url.path=[],parseURL(url,$toString(pathname),PATH_START))})),search:accessorDescriptor(getSearch,(function(search){var url=getInternalURLState(this);""==(search=$toString(search))?url.query=null:("?"==search.charAt(0)&&(search=search.slice(1)),url.query="",parseURL(url,search,QUERY)),getInternalSearchParamsState(url.searchParams).updateSearchParams(url.query)})),searchParams:accessorDescriptor(getSearchParams),hash:accessorDescriptor(getHash,(function(hash){var url=getInternalURLState(this);""!=(hash=$toString(hash))?("#"==hash.charAt(0)&&(hash=hash.slice(1)),url.fragment="",parseURL(url,hash,FRAGMENT)):url.fragment=null}))}),redefine(URLPrototype,"toJSON",(function toJSON(){return serializeURL.call(this)}),{enumerable:!0}),redefine(URLPrototype,"toString",(function toString(){return serializeURL.call(this)}),{enumerable:!0}),NativeURL){var nativeCreateObjectURL=NativeURL.createObjectURL,nativeRevokeObjectURL=NativeURL.revokeObjectURL;nativeCreateObjectURL&&redefine(URLConstructor,"createObjectURL",(function createObjectURL(blob){return nativeCreateObjectURL.apply(NativeURL,arguments)})),nativeRevokeObjectURL&&redefine(URLConstructor,"revokeObjectURL",(function revokeObjectURL(url){return nativeRevokeObjectURL.apply(NativeURL,arguments)}))}setToStringTag(URLConstructor,"URL"),$({global:!0,forced:!USE_NATIVE_URL,sham:!DESCRIPTORS},{URL:URLConstructor})},"./node_modules/core-js/stable/symbol/index.js":function(module,exports,__webpack_require__){var parent=__webpack_require__("./node_modules/core-js/es/symbol/index.js");__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),module.exports=parent},"./node_modules/css-loader/dist/runtime/api.js":function(module,exports,__webpack_require__){"use strict";module.exports=function(useSourceMap){var list=[];return list.toString=function toString(){return this.map((function(item){var content=function cssWithMappingToString(item,useSourceMap){var content=item[1]||"",cssMapping=item[3];if(!cssMapping)return content;if(useSourceMap&&"function"==typeof btoa){var sourceMapping=function toComment(sourceMap){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);return"/*# ".concat(data," */")}(cssMapping),sourceURLs=cssMapping.sources.map((function(source){return"/*# sourceURL=".concat(cssMapping.sourceRoot||"").concat(source," */")}));return[content].concat(sourceURLs).concat([sourceMapping]).join("\n")}return[content].join("\n")}(item,useSourceMap);return item[2]?"@media ".concat(item[2]," {").concat(content,"}"):content})).join("")},list.i=function(modules,mediaQuery,dedupe){"string"==typeof modules&&(modules=[[null,modules,""]]);var alreadyImportedModules={};if(dedupe)for(var i=0;i<this.length;i++){var id=this[i][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _i=0;_i<modules.length;_i++){var item=[].concat(modules[_i]);dedupe&&alreadyImportedModules[item[0]]||(mediaQuery&&(item[2]?item[2]="".concat(mediaQuery," and ").concat(item[2]):item[2]=mediaQuery),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/getUrl.js":function(module,exports,__webpack_require__){"use strict";module.exports=function(url,options){return options||(options={}),"string"!=typeof(url=url&&url.__esModule?url.default:url)?url:(/^['"].*['"]$/.test(url)&&(url=url.slice(1,-1)),options.hash&&(url+=options.hash),/["'() \t\n]/.test(url)||options.needQuotes?'"'.concat(url.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):url)}},"./node_modules/dayjs/dayjs.min.js":function(module,exports,__webpack_require__){module.exports=function(){"use strict";var t="millisecond",e="second",n="minute",r="hour",i="day",s="week",u="month",o="quarter",a="year",h=/^(\d{4})-?(\d{1,2})-?(\d{0,2})[^0-9]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?.?(\d{1,3})?$/,f=/\[([^\]]+)]|Y{2,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,c=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},d={s:c,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+c(r,2,"0")+":"+c(i,2,"0")},m:function(t,e){var n=12*(e.year()-t.year())+(e.month()-t.month()),r=t.clone().add(n,u),i=e-r<0,s=t.clone().add(n+(i?-1:1),u);return Number(-(n+(e-r)/(i?r-s:s-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(h){return{M:u,y:a,w:s,d:i,D:"date",h:r,m:n,s:e,ms:t,Q:o}[h]||String(h||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},$={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},l="en",m={};m[l]=$;var y=function(t){return t instanceof v},M=function(t,e,n){var r;if(!t)return l;if("string"==typeof t)m[t]&&(r=t),e&&(m[t]=e,r=t);else{var i=t.name;m[i]=t,r=i}return!n&&r&&(l=r),r||!n&&l},g=function(t,e){if(y(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new v(n)},D=d;D.l=M,D.i=y,D.w=function(t,e){return g(t,{locale:e.$L,utc:e.$u,$offset:e.$offset})};var v=function(){function c(t){this.$L=this.$L||M(t.locale,null,!0),this.parse(t)}var d=c.prototype;return d.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(D.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(h);if(r)return n?new Date(Date.UTC(r[1],r[2]-1,r[3]||1,r[4]||0,r[5]||0,r[6]||0,r[7]||0)):new Date(r[1],r[2]-1,r[3]||1,r[4]||0,r[5]||0,r[6]||0,r[7]||0)}return new Date(e)}(t),this.init()},d.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},d.$utils=function(){return D},d.isValid=function(){return!("Invalid Date"===this.$d.toString())},d.isSame=function(t,e){var n=g(t);return this.startOf(e)<=n&&n<=this.endOf(e)},d.isAfter=function(t,e){return g(t)<this.startOf(e)},d.isBefore=function(t,e){return this.endOf(e)<g(t)},d.$g=function(t,e,n){return D.u(t)?this[e]:this.set(n,t)},d.year=function(t){return this.$g(t,"$y",a)},d.month=function(t){return this.$g(t,"$M",u)},d.day=function(t){return this.$g(t,"$W",i)},d.date=function(t){return this.$g(t,"$D","date")},d.hour=function(t){return this.$g(t,"$H",r)},d.minute=function(t){return this.$g(t,"$m",n)},d.second=function(t){return this.$g(t,"$s",e)},d.millisecond=function(e){return this.$g(e,"$ms",t)},d.unix=function(){return Math.floor(this.valueOf()/1e3)},d.valueOf=function(){return this.$d.getTime()},d.startOf=function(t,o){var h=this,f=!!D.u(o)||o,c=D.p(t),d=function(t,e){var n=D.w(h.$u?Date.UTC(h.$y,e,t):new Date(h.$y,e,t),h);return f?n:n.endOf(i)},$=function(t,e){return D.w(h.toDate()[t].apply(h.toDate("s"),(f?[0,0,0,0]:[23,59,59,999]).slice(e)),h)},l=this.$W,m=this.$M,y=this.$D,M="set"+(this.$u?"UTC":"");switch(c){case a:return f?d(1,0):d(31,11);case u:return f?d(1,m):d(0,m+1);case s:var g=this.$locale().weekStart||0,v=(l<g?l+7:l)-g;return d(f?y-v:y+(6-v),m);case i:case"date":return $(M+"Hours",0);case r:return $(M+"Minutes",1);case n:return $(M+"Seconds",2);case e:return $(M+"Milliseconds",3);default:return this.clone()}},d.endOf=function(t){return this.startOf(t,!1)},d.$set=function(s,o){var h,f=D.p(s),c="set"+(this.$u?"UTC":""),d=(h={},h[i]=c+"Date",h.date=c+"Date",h[u]=c+"Month",h[a]=c+"FullYear",h[r]=c+"Hours",h[n]=c+"Minutes",h[e]=c+"Seconds",h[t]=c+"Milliseconds",h)[f],$=f===i?this.$D+(o-this.$W):o;if(f===u||f===a){var l=this.clone().set("date",1);l.$d[d]($),l.init(),this.$d=l.set("date",Math.min(this.$D,l.daysInMonth())).toDate()}else d&&this.$d[d]($);return this.init(),this},d.set=function(t,e){return this.clone().$set(t,e)},d.get=function(t){return this[D.p(t)]()},d.add=function(t,o){var h,f=this;t=Number(t);var c=D.p(o),d=function(e){var n=g(f);return D.w(n.date(n.date()+Math.round(e*t)),f)};if(c===u)return this.set(u,this.$M+t);if(c===a)return this.set(a,this.$y+t);if(c===i)return d(1);if(c===s)return d(7);var $=(h={},h[n]=6e4,h[r]=36e5,h[e]=1e3,h)[c]||1,l=this.$d.getTime()+t*$;return D.w(l,this)},d.subtract=function(t,e){return this.add(-1*t,e)},d.format=function(t){var e=this;if(!this.isValid())return"Invalid Date";var n=t||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),i=this.$locale(),s=this.$H,u=this.$m,o=this.$M,a=i.weekdays,h=i.months,c=function(t,r,i,s){return t&&(t[r]||t(e,n))||i[r].substr(0,s)},d=function(t){return D.s(s%12||12,t,"0")},$=i.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:o+1,MM:D.s(o+1,2,"0"),MMM:c(i.monthsShort,o,h,3),MMMM:c(h,o),D:this.$D,DD:D.s(this.$D,2,"0"),d:String(this.$W),dd:c(i.weekdaysMin,this.$W,a,2),ddd:c(i.weekdaysShort,this.$W,a,3),dddd:a[this.$W],H:String(s),HH:D.s(s,2,"0"),h:d(1),hh:d(2),a:$(s,u,!0),A:$(s,u,!1),m:String(u),mm:D.s(u,2,"0"),s:String(this.$s),ss:D.s(this.$s,2,"0"),SSS:D.s(this.$ms,3,"0"),Z:r};return n.replace(f,(function(t,e){return e||l[t]||r.replace(":","")}))},d.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},d.diff=function(t,h,f){var c,d=D.p(h),$=g(t),l=6e4*($.utcOffset()-this.utcOffset()),m=this-$,y=D.m(this,$);return y=(c={},c[a]=y/12,c[u]=y,c[o]=y/3,c[s]=(m-l)/6048e5,c[i]=(m-l)/864e5,c[r]=m/36e5,c[n]=m/6e4,c[e]=m/1e3,c)[d]||m,f?y:D.a(y)},d.daysInMonth=function(){return this.endOf(u).$D},d.$locale=function(){return m[this.$L]},d.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=M(t,e,!0);return r&&(n.$L=r),n},d.clone=function(){return D.w(this.$d,this)},d.toDate=function(){return new Date(this.valueOf())},d.toJSON=function(){return this.isValid()?this.toISOString():null},d.toISOString=function(){return this.$d.toISOString()},d.toString=function(){return this.$d.toUTCString()},c}();return g.prototype=v.prototype,g.extend=function(t,e){return t(e,v,g),g},g.locale=M,g.isDayjs=y,g.unix=function(t){return g(1e3*t)},g.en=m[l],g.Ls=m,g}()},"./node_modules/dayjs/plugin/localizedFormat.js":function(module,exports,__webpack_require__){module.exports=function(){"use strict";return function(e,t,o){var n=t.prototype,r=n.format,M={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};o.en.formats=M,n.format=function(e){void 0===e&&(e="YYYY-MM-DDTHH:mm:ssZ");var t=this.$locale().formats,o=void 0===t?{}:t,n=e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,t,n){var r=n&&n.toUpperCase();return t||o[n]||M[n]||o[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,o){return t||o.slice(1)}))}));return r.call(this,n)}}}()},"./node_modules/define-properties/index.js":function(module,exports,__webpack_require__){"use strict";var keys=__webpack_require__("./node_modules/object-keys/index.js"),hasSymbols="function"==typeof Symbol&&"symbol"==typeof Symbol("foo"),toStr=Object.prototype.toString,concat=Array.prototype.concat,origDefineProperty=Object.defineProperty,hasPropertyDescriptors=__webpack_require__("./node_modules/has-property-descriptors/index.js")(),supportsDescriptors=origDefineProperty&&hasPropertyDescriptors,defineProperty=function(object,name,value,predicate){var fn;(!(name in object)||"function"==typeof(fn=predicate)&&"[object Function]"===toStr.call(fn)&&predicate())&&(supportsDescriptors?origDefineProperty(object,name,{configurable:!0,enumerable:!1,value:value,writable:!0}):object[name]=value)},defineProperties=function(object,map){var predicates=arguments.length>2?arguments[2]:{},props=keys(map);hasSymbols&&(props=concat.call(props,Object.getOwnPropertySymbols(map)));for(var i=0;i<props.length;i+=1)defineProperty(object,props[i],map[props[i]],predicates[props[i]])};defineProperties.supportsDescriptors=!!supportsDescriptors,module.exports=defineProperties},"./node_modules/doctrine/lib/doctrine.js":function(module,exports,__webpack_require__){!function(){"use strict";var typed,utility,jsdoc,esutils,hasOwnProperty,func;function sliceSource(source,index,last){return source.slice(index,last)}function isParamTitle(title){return"param"===title||"argument"===title||"arg"===title}function isReturnTitle(title){return"return"===title||"returns"===title}function isProperty(title){return"property"===title||"prop"===title}function isNameParameterRequired(title){return isParamTitle(title)||isProperty(title)||"alias"===title||"this"===title||"mixes"===title||"requires"===title}function isAllowedOptional(title){return isProperty(title)||isParamTitle(title)}function isTypeParameterRequired(title){return isParamTitle(title)||isReturnTitle(title)||"define"===title||"enum"===title||"implements"===title||"this"===title||"type"===title||"typedef"===title||isProperty(title)}esutils=__webpack_require__("./node_modules/esutils/lib/utils.js"),typed=__webpack_require__("./node_modules/doctrine/lib/typed.js"),utility=__webpack_require__("./node_modules/doctrine/lib/utility.js"),func=Object.prototype.hasOwnProperty,hasOwnProperty=function hasOwnProperty(obj,name){return func.call(obj,name)};var WHITESPACE="[ \\f\\t\\v\\u00a0\\u1680\\u180e\\u2000-\\u200a\\u202f\\u205f\\u3000\\ufeff]",STAR_MATCHER="("+WHITESPACE+"*(?:\\*"+WHITESPACE+"?)?)(.+|[\r\n\u2028\u2029])";function unwrapComment(doc){return doc.replace(/^\/\*\*?/,"").replace(/\*\/$/,"").replace(new RegExp(STAR_MATCHER,"g"),"$2").replace(/\s*$/,"")}!function(exports){var Rules,index,lineNumber,length,source,originalSource,recoverable,sloppy,strict;function advance(){var ch=source.charCodeAt(index);return index+=1,!esutils.code.isLineTerminator(ch)||13===ch&&10===source.charCodeAt(index)||(lineNumber+=1),String.fromCharCode(ch)}function parseType(title,last,addRange){for(var ch,brace,type,startIndex,direct=!1;index<last;){if(ch=source.charCodeAt(index),!esutils.code.isWhiteSpace(ch)){if(123===ch){advance();break}direct=!0;break}advance()}if(direct)return null;for(brace=1,type="";index<last;)if(ch=source.charCodeAt(index),esutils.code.isLineTerminator(ch))advance();else{if(125===ch){if(0===(brace-=1)){advance();break}}else 123===ch&&(brace+=1);""===type&&(startIndex=index),type+=advance()}return 0!==brace?utility.throwError("Braces are not balanced"):isAllowedOptional(title)?typed.parseParamType(type,{startIndex:convertIndex(startIndex),range:addRange}):typed.parseType(type,{startIndex:convertIndex(startIndex),range:addRange})}function scanIdentifier(last){var identifier;if(!esutils.code.isIdentifierStartES5(source.charCodeAt(index))&&!source[index].match(/[0-9]/))return null;for(identifier=advance();index<last&&esutils.code.isIdentifierPartES5(source.charCodeAt(index));)identifier+=advance();return identifier}function skipWhiteSpace(last){for(;index<last&&(esutils.code.isWhiteSpace(source.charCodeAt(index))||esutils.code.isLineTerminator(source.charCodeAt(index)));)advance()}function parseName(last,allowBrackets,allowNestedParams){var useBrackets,insideString,name="";if(skipWhiteSpace(last),index>=last)return null;if(91===source.charCodeAt(index)){if(!allowBrackets)return null;useBrackets=!0,name=advance()}if(name+=scanIdentifier(last),allowNestedParams)for(58!==source.charCodeAt(index)||"module"!==name&&"external"!==name&&"event"!==name||(name+=advance(),name+=scanIdentifier(last)),91===source.charCodeAt(index)&&93===source.charCodeAt(index+1)&&(name+=advance(),name+=advance());46===source.charCodeAt(index)||47===source.charCodeAt(index)||35===source.charCodeAt(index)||45===source.charCodeAt(index)||126===source.charCodeAt(index);)name+=advance(),name+=scanIdentifier(last);if(useBrackets){if(skipWhiteSpace(last),61===source.charCodeAt(index)){var ch;name+=advance(),skipWhiteSpace(last);for(var bracketDepth=1;index<last;){if(ch=source.charCodeAt(index),esutils.code.isWhiteSpace(ch)&&(insideString||(skipWhiteSpace(last),ch=source.charCodeAt(index))),39===ch&&(insideString?"'"===insideString&&(insideString=""):insideString="'"),34===ch&&(insideString?'"'===insideString&&(insideString=""):insideString='"'),91===ch)bracketDepth++;else if(93===ch&&0==--bracketDepth)break;name+=advance()}}if(skipWhiteSpace(last),index>=last||93!==source.charCodeAt(index))return null;name+=advance()}return name}function convertIndex(rangeIndex){return source===originalSource?rangeIndex:function convertUnwrappedCommentIndex(originalSource,unwrappedIndex){for(var match,replacedSource=originalSource.replace(/^\/\*\*?/,""),numSkippedChars=0,matcher=new RegExp(STAR_MATCHER,"g");match=matcher.exec(replacedSource);)if(numSkippedChars+=match[1].length,match.index+match[0].length>unwrappedIndex+numSkippedChars)return unwrappedIndex+numSkippedChars+originalSource.length-replacedSource.length;return originalSource.replace(/\*\/$/,"").replace(/\s*$/,"").length}(originalSource,rangeIndex)}function TagParser(options,title){this._options=options,this._title=title.toLowerCase(),this._tag={title:title,description:null},this._options.lineNumbers&&(this._tag.lineNumber=lineNumber),this._first=index-title.length-1,this._last=0,this._extra={}}function parseTag(options){var parser,tag;if(!function skipToTag(){for(;index<length&&64!==source.charCodeAt(index);)advance();return!(index>=length||(utility.assert(64===source.charCodeAt(index)),0))}())return null;for(tag=(parser=new TagParser(options,function scanTitle(){var ch,title="";for(advance();index<length&&((ch=source.charCodeAt(index))>=97&&ch<=122||ch>=65&&ch<=90||ch>=48&&ch<=57);)title+=advance();return title}())).parse();index<parser._last;)advance();return tag}TagParser.prototype.addError=function addError(errorText){var args=Array.prototype.slice.call(arguments,1),msg=errorText.replace(/%(\d)/g,(function(whole,index){return utility.assert(index<args.length,"Message reference must be in range"),args[index]}));return this._tag.errors||(this._tag.errors=[]),strict&&utility.throwError(msg),this._tag.errors.push(msg),recoverable},TagParser.prototype.parseType=function(){if(isTypeParameterRequired(this._title))try{if(this._tag.type=parseType(this._title,this._last,this._options.range),!(this._tag.type||isParamTitle(this._title)||isReturnTitle(this._title)||this.addError("Missing or invalid tag type")))return!1}catch(error){if(this._tag.type=null,!this.addError(error.message))return!1}else if(function isAllowedType(title){return isTypeParameterRequired(title)||"throws"===title||"const"===title||"constant"===title||"namespace"===title||"member"===title||"var"===title||"module"===title||"constructor"===title||"class"===title||"extends"===title||"augments"===title||"public"===title||"private"===title||"protected"===title}(this._title))try{this._tag.type=parseType(this._title,this._last,this._options.range)}catch(e){}return!0},TagParser.prototype._parseNamePath=function(optional){var name;return!!((name=parseName(this._last,sloppy&&isAllowedOptional(this._title),!0))||optional||this.addError("Missing or invalid tag name"))&&(this._tag.name=name,!0)},TagParser.prototype.parseNamePath=function(){return this._parseNamePath(!1)},TagParser.prototype.parseNamePathOptional=function(){return this._parseNamePath(!0)},TagParser.prototype.parseName=function(){var assign,name;if(function isAllowedName(title){return isNameParameterRequired(title)||"const"===title||"constant"===title}(this._title))if(this._tag.name=parseName(this._last,sloppy&&isAllowedOptional(this._title),function isAllowedNested(title){return isProperty(title)||isParamTitle(title)}(this._title)),this._tag.name)"["===(name=this._tag.name).charAt(0)&&"]"===name.charAt(name.length-1)&&((assign=name.substring(1,name.length-1).split("=")).length>1&&(this._tag.default=assign.slice(1).join("=")),this._tag.name=assign[0],this._tag.type&&"OptionalType"!==this._tag.type.type&&(this._tag.type={type:"OptionalType",expression:this._tag.type}));else{if(!isNameParameterRequired(this._title))return!0;if(isParamTitle(this._title)&&this._tag.type&&this._tag.type.name)this._extra.name=this._tag.type,this._tag.name=this._tag.type.name,this._tag.type=null;else if(!this.addError("Missing or invalid tag name"))return!1}return!0},TagParser.prototype.parseDescription=function parseDescription(){var description=sliceSource(source,index,this._last).trim();return description&&(/^-\s+/.test(description)&&(description=description.substring(2)),this._tag.description=description),!0},TagParser.prototype.parseCaption=function parseDescription(){var description=sliceSource(source,index,this._last).trim(),captionStart=description.indexOf("<caption>"),captionEnd=description.indexOf("</caption>");return captionStart>=0&&captionEnd>=0?(this._tag.caption=description.substring(captionStart+"<caption>".length,captionEnd).trim(),this._tag.description=description.substring(captionEnd+"</caption>".length).trim()):this._tag.description=description,!0},TagParser.prototype.parseKind=function parseKind(){var kind,kinds;return kinds={class:!0,constant:!0,event:!0,external:!0,file:!0,function:!0,member:!0,mixin:!0,module:!0,namespace:!0,typedef:!0},kind=sliceSource(source,index,this._last).trim(),this._tag.kind=kind,!(!hasOwnProperty(kinds,kind)&&!this.addError("Invalid kind name '%0'",kind))},TagParser.prototype.parseAccess=function parseAccess(){var access;return access=sliceSource(source,index,this._last).trim(),this._tag.access=access,!("private"!==access&&"protected"!==access&&"public"!==access&&!this.addError("Invalid access name '%0'",access))},TagParser.prototype.parseThis=function parseThis(){var value=sliceSource(source,index,this._last).trim();return value&&"{"===value.charAt(0)?this.parseType()&&"NameExpression"===this._tag.type.type||"UnionType"===this._tag.type.type?(this._tag.name=this._tag.type.name,!0):this.addError("Invalid name for this"):this.parseNamePath()},TagParser.prototype.parseVariation=function parseVariation(){var variation,text;return text=sliceSource(source,index,this._last).trim(),variation=parseFloat(text,10),this._tag.variation=variation,!(isNaN(variation)&&!this.addError("Invalid variation '%0'",text))},TagParser.prototype.ensureEnd=function(){var shouldBeEmpty=sliceSource(source,index,this._last).trim();return!(shouldBeEmpty&&!this.addError("Unknown content '%0'",shouldBeEmpty))},TagParser.prototype.epilogue=function epilogue(){var description;return description=this._tag.description,!(isAllowedOptional(this._title)&&!this._tag.type&&description&&"["===description.charAt(0)&&(this._tag.type=this._extra.name,this._tag.name||(this._tag.name=void 0),!sloppy&&!this.addError("Missing or invalid tag name")))},Rules={access:["parseAccess"],alias:["parseNamePath","ensureEnd"],augments:["parseType","parseNamePathOptional","ensureEnd"],constructor:["parseType","parseNamePathOptional","ensureEnd"],class:["parseType","parseNamePathOptional","ensureEnd"],extends:["parseType","parseNamePathOptional","ensureEnd"],example:["parseCaption"],deprecated:["parseDescription"],global:["ensureEnd"],inner:["ensureEnd"],instance:["ensureEnd"],kind:["parseKind"],mixes:["parseNamePath","ensureEnd"],mixin:["parseNamePathOptional","ensureEnd"],member:["parseType","parseNamePathOptional","ensureEnd"],method:["parseNamePathOptional","ensureEnd"],module:["parseType","parseNamePathOptional","ensureEnd"],func:["parseNamePathOptional","ensureEnd"],function:["parseNamePathOptional","ensureEnd"],var:["parseType","parseNamePathOptional","ensureEnd"],name:["parseNamePath","ensureEnd"],namespace:["parseType","parseNamePathOptional","ensureEnd"],private:["parseType","parseDescription"],protected:["parseType","parseDescription"],public:["parseType","parseDescription"],readonly:["ensureEnd"],requires:["parseNamePath","ensureEnd"],since:["parseDescription"],static:["ensureEnd"],summary:["parseDescription"],this:["parseThis","ensureEnd"],todo:["parseDescription"],typedef:["parseType","parseNamePathOptional"],variation:["parseVariation"],version:["parseDescription"]},TagParser.prototype.parse=function parse(){var i,iz,sequences;if(!this._title&&!this.addError("Missing or invalid title"))return null;for(this._last=function seekContent(){var ch,waiting,last=index;for(waiting=!1;last<length;){if(ch=source.charCodeAt(last),!esutils.code.isLineTerminator(ch)||13===ch&&10===source.charCodeAt(last+1)){if(waiting){if(64===ch)break;esutils.code.isWhiteSpace(ch)||(waiting=!1)}}else waiting=!0;last+=1}return last}(this._title),this._options.range&&(this._tag.range=[this._first,source.slice(0,this._last).replace(/\s*$/,"").length].map(convertIndex)),i=0,iz=(sequences=hasOwnProperty(Rules,this._title)?Rules[this._title]:["parseType","parseName","parseDescription","epilogue"]).length;i<iz;++i)if(!this[sequences[i]]())return null;return this._tag},exports.parse=function parse(comment,options){var tag,description,interestingTags,i,iz,tags=[];if(void 0===options&&(options={}),source="boolean"==typeof options.unwrap&&options.unwrap?unwrapComment(comment):comment,originalSource=comment,options.tags)if(Array.isArray(options.tags))for(interestingTags={},i=0,iz=options.tags.length;i<iz;i++)"string"==typeof options.tags[i]?interestingTags[options.tags[i]]=!0:utility.throwError('Invalid "tags" parameter: '+options.tags);else utility.throwError('Invalid "tags" parameter: '+options.tags);for(length=source.length,index=0,lineNumber=0,recoverable=options.recoverable,sloppy=options.sloppy,strict=options.strict,description=function scanJSDocDescription(preserveWhitespace){var ch,atAllowed,description="";for(atAllowed=!0;index<length&&(ch=source.charCodeAt(index),!atAllowed||64!==ch);)esutils.code.isLineTerminator(ch)?atAllowed=!0:atAllowed&&!esutils.code.isWhiteSpace(ch)&&(atAllowed=!1),description+=advance();return preserveWhitespace?description:description.trim()}(options.preserveWhitespace);tag=parseTag(options);)interestingTags&&!interestingTags.hasOwnProperty(tag.title)||tags.push(tag);return{description:description,tags:tags}}}(jsdoc={}),exports.version=utility.VERSION,exports.parse=jsdoc.parse,exports.parseType=typed.parseType,exports.parseParamType=typed.parseParamType,exports.unwrapComment=unwrapComment,exports.Syntax=function shallowCopy(obj){var key,ret={};for(key in obj)obj.hasOwnProperty(key)&&(ret[key]=obj[key]);return ret}(typed.Syntax),exports.Error=utility.DoctrineError,exports.type={Syntax:exports.Syntax,parseType:typed.parseType,parseParamType:typed.parseParamType,stringify:typed.stringify}}()},"./node_modules/doctrine/lib/typed.js":function(module,exports,__webpack_require__){!function(){"use strict";var Syntax,Token,source,length,index,previous,token,value,esutils,utility,rangeOffset,addRange;function isTypeName(ch){return-1==="><(){}[],:*|?!=".indexOf(String.fromCharCode(ch))&&!esutils.code.isWhiteSpace(ch)&&!esutils.code.isLineTerminator(ch)}function Context(previous,index,token,value){this._previous=previous,this._index=index,this._token=token,this._value=value}function maybeAddRange(node,range){return addRange&&(node.range=[range[0]+rangeOffset,range[1]+rangeOffset]),node}function advance(){var ch=source.charAt(index);return index+=1,ch}function scanHexEscape(prefix){var i,len,ch,code=0;for(len="u"===prefix?4:2,i=0;i<len;++i){if(!(index<length&&esutils.code.isHexDigit(source.charCodeAt(index))))return"";ch=advance(),code=16*code+"0123456789abcdef".indexOf(ch.toLowerCase())}return String.fromCharCode(code)}function scanNumber(){var number,ch;if(number="",46!==(ch=source.charCodeAt(index))){if(number=advance(),ch=source.charCodeAt(index),"0"===number){if(120===ch||88===ch){for(number+=advance();index<length&&(ch=source.charCodeAt(index),esutils.code.isHexDigit(ch));)number+=advance();return number.length<=2&&utility.throwError("unexpected token"),index<length&&(ch=source.charCodeAt(index),esutils.code.isIdentifierStartES5(ch)&&utility.throwError("unexpected token")),value=parseInt(number,16),Token.NUMBER}if(esutils.code.isOctalDigit(ch)){for(number+=advance();index<length&&(ch=source.charCodeAt(index),esutils.code.isOctalDigit(ch));)number+=advance();return index<length&&(ch=source.charCodeAt(index),(esutils.code.isIdentifierStartES5(ch)||esutils.code.isDecimalDigit(ch))&&utility.throwError("unexpected token")),value=parseInt(number,8),Token.NUMBER}esutils.code.isDecimalDigit(ch)&&utility.throwError("unexpected token")}for(;index<length&&(ch=source.charCodeAt(index),esutils.code.isDecimalDigit(ch));)number+=advance()}if(46===ch)for(number+=advance();index<length&&(ch=source.charCodeAt(index),esutils.code.isDecimalDigit(ch));)number+=advance();if(101===ch||69===ch)if(number+=advance(),43!==(ch=source.charCodeAt(index))&&45!==ch||(number+=advance()),ch=source.charCodeAt(index),esutils.code.isDecimalDigit(ch))for(number+=advance();index<length&&(ch=source.charCodeAt(index),esutils.code.isDecimalDigit(ch));)number+=advance();else utility.throwError("unexpected token");return index<length&&(ch=source.charCodeAt(index),esutils.code.isIdentifierStartES5(ch)&&utility.throwError("unexpected token")),value=parseFloat(number),Token.NUMBER}function next(){var ch;for(previous=index;index<length&&esutils.code.isWhiteSpace(source.charCodeAt(index));)advance();if(index>=length)return token=Token.EOF;switch(ch=source.charCodeAt(index)){case 39:case 34:return token=function scanString(){var quote,ch,code,unescaped,restore,str="";for(quote=source.charAt(index),++index;index<length;){if((ch=advance())===quote){quote="";break}if("\\"===ch)if(ch=advance(),esutils.code.isLineTerminator(ch.charCodeAt(0)))"\r"===ch&&10===source.charCodeAt(index)&&++index;else switch(ch){case"n":str+="\n";break;case"r":str+="\r";break;case"t":str+="\t";break;case"u":case"x":restore=index,(unescaped=scanHexEscape(ch))?str+=unescaped:(index=restore,str+=ch);break;case"b":str+="\b";break;case"f":str+="\f";break;case"v":str+="\v";break;default:esutils.code.isOctalDigit(ch.charCodeAt(0))?(code="01234567".indexOf(ch),index<length&&esutils.code.isOctalDigit(source.charCodeAt(index))&&(code=8*code+"01234567".indexOf(advance()),"0123".indexOf(ch)>=0&&index<length&&esutils.code.isOctalDigit(source.charCodeAt(index))&&(code=8*code+"01234567".indexOf(advance()))),str+=String.fromCharCode(code)):str+=ch}else{if(esutils.code.isLineTerminator(ch.charCodeAt(0)))break;str+=ch}}return""!==quote&&utility.throwError("unexpected quote"),value=str,Token.STRING}(),token;case 58:return advance(),token=Token.COLON;case 44:return advance(),token=Token.COMMA;case 40:return advance(),token=Token.LPAREN;case 41:return advance(),token=Token.RPAREN;case 91:return advance(),token=Token.LBRACK;case 93:return advance(),token=Token.RBRACK;case 123:return advance(),token=Token.LBRACE;case 125:return advance(),token=Token.RBRACE;case 46:if(index+1<length){if(60===(ch=source.charCodeAt(index+1)))return advance(),advance(),token=Token.DOT_LT;if(46===ch&&index+2<length&&46===source.charCodeAt(index+2))return advance(),advance(),advance(),token=Token.REST;if(esutils.code.isDecimalDigit(ch))return token=scanNumber()}return token=Token.ILLEGAL;case 60:return advance(),token=Token.LT;case 62:return advance(),token=Token.GT;case 42:return advance(),token=Token.STAR;case 124:return advance(),token=Token.PIPE;case 63:return advance(),token=Token.QUESTION;case 33:return advance(),token=Token.BANG;case 61:return advance(),token=Token.EQUAL;case 45:return token=scanNumber();default:return esutils.code.isDecimalDigit(ch)?token=scanNumber():(utility.assert(isTypeName(ch)),token=function scanTypeName(){for(value=advance();index<length&&isTypeName(source.charCodeAt(index));){if(46===source.charCodeAt(index)){if(index+1>=length)return Token.ILLEGAL;if(60===source.charCodeAt(index+1))break}value+=advance()}return Token.NAME}())}}function consume(target,text){utility.assert(token===target,text||"consumed token not matched"),next()}function expect(target,message){token!==target&&utility.throwError(message||"unexpected token"),next()}function parseFieldType(){var key,rangeStart=previous;return key=function parseFieldName(){var v=value;return token===Token.NAME||token===Token.STRING?(next(),v):token===Token.NUMBER?(consume(Token.NUMBER),String(v)):void utility.throwError("unexpected token")}(),token===Token.COLON?(consume(Token.COLON),maybeAddRange({type:Syntax.FieldType,key:key,value:parseTypeExpression()},[rangeStart,previous])):maybeAddRange({type:Syntax.FieldType,key:key,value:null},[rangeStart,previous])}function parseTypeName(){var expr,applications,startIndex=index-value.length;return expr=function parseNameExpression(){var name=value,rangeStart=index-name.length;return expect(Token.NAME),token!==Token.COLON||"module"!==name&&"external"!==name&&"event"!==name||(consume(Token.COLON),name+=":"+value,expect(Token.NAME)),maybeAddRange({type:Syntax.NameExpression,name:name},[rangeStart,previous])}(),token===Token.DOT_LT||token===Token.LT?(next(),applications=function parseTypeExpressionList(){var elements=[];for(elements.push(parseTop());token===Token.COMMA;)consume(Token.COMMA),elements.push(parseTop());return elements}(),expect(Token.GT),maybeAddRange({type:Syntax.TypeApplication,expression:expr,applications:applications},[startIndex,previous])):expr}function parseParametersType(){for(var expr,startIndex,nameStartIndex,params=[],optionalSequence=!1,rest=!1,restStartIndex=index-3;token!==Token.RPAREN;)token===Token.REST&&(consume(Token.REST),rest=!0),startIndex=previous,(expr=parseTypeExpression()).type===Syntax.NameExpression&&token===Token.COLON&&(nameStartIndex=previous-expr.name.length,consume(Token.COLON),expr=maybeAddRange({type:Syntax.ParameterType,name:expr.name,expression:parseTypeExpression()},[nameStartIndex,previous])),token===Token.EQUAL?(consume(Token.EQUAL),expr=maybeAddRange({type:Syntax.OptionalType,expression:expr},[startIndex,previous]),optionalSequence=!0):optionalSequence&&utility.throwError("unexpected token"),rest&&(expr=maybeAddRange({type:Syntax.RestType,expression:expr},[restStartIndex,previous])),params.push(expr),token!==Token.RPAREN&&expect(Token.COMMA);return params}function parseFunctionType(){var isNew,thisBinding,params,result,fnType,startIndex=index-value.length;return utility.assert(token===Token.NAME&&"function"===value,"FunctionType should start with 'function'"),consume(Token.NAME),expect(Token.LPAREN),isNew=!1,params=[],thisBinding=null,token!==Token.RPAREN&&(token!==Token.NAME||"this"!==value&&"new"!==value?params=parseParametersType():(isNew="new"===value,consume(Token.NAME),expect(Token.COLON),thisBinding=parseTypeName(),token===Token.COMMA&&(consume(Token.COMMA),params=parseParametersType()))),expect(Token.RPAREN),result=null,token===Token.COLON&&(result=function parseResultType(){return consume(Token.COLON,"ResultType should start with :"),token===Token.NAME&&"void"===value?(consume(Token.NAME),{type:Syntax.VoidLiteral}):parseTypeExpression()}()),fnType=maybeAddRange({type:Syntax.FunctionType,params:params,result:result},[startIndex,previous]),thisBinding&&(fnType.this=thisBinding,isNew&&(fnType.new=!0)),fnType}function parseBasicTypeExpression(){var context,startIndex;switch(token){case Token.STAR:return consume(Token.STAR),maybeAddRange({type:Syntax.AllLiteral},[previous-1,previous]);case Token.LPAREN:return function parseUnionType(){var elements,startIndex=index-1;if(consume(Token.LPAREN,"UnionType should start with ("),elements=[],token!==Token.RPAREN)for(;elements.push(parseTypeExpression()),token!==Token.RPAREN;)expect(Token.PIPE);return consume(Token.RPAREN,"UnionType should end with )"),maybeAddRange({type:Syntax.UnionType,elements:elements},[startIndex,previous])}();case Token.LBRACK:return function parseArrayType(){var elements,restStartIndex,startIndex=index-1;for(consume(Token.LBRACK,"ArrayType should start with ["),elements=[];token!==Token.RBRACK;){if(token===Token.REST){restStartIndex=index-3,consume(Token.REST),elements.push(maybeAddRange({type:Syntax.RestType,expression:parseTypeExpression()},[restStartIndex,previous]));break}elements.push(parseTypeExpression()),token!==Token.RBRACK&&expect(Token.COMMA)}return expect(Token.RBRACK),maybeAddRange({type:Syntax.ArrayType,elements:elements},[startIndex,previous])}();case Token.LBRACE:return function parseRecordType(){var fields,rangeEnd,rangeStart=index-1;if(consume(Token.LBRACE,"RecordType should start with {"),fields=[],token===Token.COMMA)consume(Token.COMMA);else for(;token!==Token.RBRACE;)fields.push(parseFieldType()),token!==Token.RBRACE&&expect(Token.COMMA);return rangeEnd=index,expect(Token.RBRACE),maybeAddRange({type:Syntax.RecordType,fields:fields},[rangeStart,rangeEnd])}();case Token.NAME:if(startIndex=index-value.length,"null"===value)return consume(Token.NAME),maybeAddRange({type:Syntax.NullLiteral},[startIndex,previous]);if("undefined"===value)return consume(Token.NAME),maybeAddRange({type:Syntax.UndefinedLiteral},[startIndex,previous]);if("true"===value||"false"===value)return consume(Token.NAME),maybeAddRange({type:Syntax.BooleanLiteralType,value:"true"===value},[startIndex,previous]);if(context=Context.save(),"function"===value)try{return parseFunctionType()}catch(e){context.restore()}return parseTypeName();case Token.STRING:return next(),maybeAddRange({type:Syntax.StringLiteralType,value:value},[previous-value.length-2,previous]);case Token.NUMBER:return next(),maybeAddRange({type:Syntax.NumericLiteralType,value:value},[previous-String(value).length,previous]);default:utility.throwError("unexpected token")}}function parseTypeExpression(){var expr,rangeStart;return token===Token.QUESTION?(rangeStart=index-1,consume(Token.QUESTION),maybeAddRange(token===Token.COMMA||token===Token.EQUAL||token===Token.RBRACE||token===Token.RPAREN||token===Token.PIPE||token===Token.EOF||token===Token.RBRACK||token===Token.GT?{type:Syntax.NullableLiteral}:{type:Syntax.NullableType,expression:parseBasicTypeExpression(),prefix:!0},[rangeStart,previous])):token===Token.BANG?(rangeStart=index-1,consume(Token.BANG),maybeAddRange({type:Syntax.NonNullableType,expression:parseBasicTypeExpression(),prefix:!0},[rangeStart,previous])):(rangeStart=previous,expr=parseBasicTypeExpression(),token===Token.BANG?(consume(Token.BANG),maybeAddRange({type:Syntax.NonNullableType,expression:expr,prefix:!1},[rangeStart,previous])):token===Token.QUESTION?(consume(Token.QUESTION),maybeAddRange({type:Syntax.NullableType,expression:expr,prefix:!1},[rangeStart,previous])):token===Token.LBRACK?(consume(Token.LBRACK),expect(Token.RBRACK,"expected an array-style type declaration ("+value+"[])"),maybeAddRange({type:Syntax.TypeApplication,expression:maybeAddRange({type:Syntax.NameExpression,name:"Array"},[rangeStart,previous]),applications:[expr]},[rangeStart,previous])):expr)}function parseTop(){var expr,elements;if(expr=parseTypeExpression(),token!==Token.PIPE)return expr;for(elements=[expr],consume(Token.PIPE);elements.push(parseTypeExpression()),token===Token.PIPE;)consume(Token.PIPE);return maybeAddRange({type:Syntax.UnionType,elements:elements},[0,index])}function stringifyImpl(node,compact,topLevel){var result,i,iz;switch(node.type){case Syntax.NullableLiteral:result="?";break;case Syntax.AllLiteral:result="*";break;case Syntax.NullLiteral:result="null";break;case Syntax.UndefinedLiteral:result="undefined";break;case Syntax.VoidLiteral:result="void";break;case Syntax.UnionType:for(result=topLevel?"":"(",i=0,iz=node.elements.length;i<iz;++i)result+=stringifyImpl(node.elements[i],compact),i+1!==iz&&(result+=compact?"|":" | ");topLevel||(result+=")");break;case Syntax.ArrayType:for(result="[",i=0,iz=node.elements.length;i<iz;++i)result+=stringifyImpl(node.elements[i],compact),i+1!==iz&&(result+=compact?",":", ");result+="]";break;case Syntax.RecordType:for(result="{",i=0,iz=node.fields.length;i<iz;++i)result+=stringifyImpl(node.fields[i],compact),i+1!==iz&&(result+=compact?",":", ");result+="}";break;case Syntax.FieldType:result=node.value?node.key+(compact?":":": ")+stringifyImpl(node.value,compact):node.key;break;case Syntax.FunctionType:for(result=compact?"function(":"function (",node.this&&(node.new?result+=compact?"new:":"new: ":result+=compact?"this:":"this: ",result+=stringifyImpl(node.this,compact),0!==node.params.length&&(result+=compact?",":", ")),i=0,iz=node.params.length;i<iz;++i)result+=stringifyImpl(node.params[i],compact),i+1!==iz&&(result+=compact?",":", ");result+=")",node.result&&(result+=(compact?":":": ")+stringifyImpl(node.result,compact));break;case Syntax.ParameterType:result=node.name+(compact?":":": ")+stringifyImpl(node.expression,compact);break;case Syntax.RestType:result="...",node.expression&&(result+=stringifyImpl(node.expression,compact));break;case Syntax.NonNullableType:result=node.prefix?"!"+stringifyImpl(node.expression,compact):stringifyImpl(node.expression,compact)+"!";break;case Syntax.OptionalType:result=stringifyImpl(node.expression,compact)+"=";break;case Syntax.NullableType:result=node.prefix?"?"+stringifyImpl(node.expression,compact):stringifyImpl(node.expression,compact)+"?";break;case Syntax.NameExpression:result=node.name;break;case Syntax.TypeApplication:for(result=stringifyImpl(node.expression,compact)+".<",i=0,iz=node.applications.length;i<iz;++i)result+=stringifyImpl(node.applications[i],compact),i+1!==iz&&(result+=compact?",":", ");result+=">";break;case Syntax.StringLiteralType:result='"'+node.value+'"';break;case Syntax.NumericLiteralType:case Syntax.BooleanLiteralType:result=String(node.value);break;default:utility.throwError("Unknown type "+node.type)}return result}esutils=__webpack_require__("./node_modules/esutils/lib/utils.js"),utility=__webpack_require__("./node_modules/doctrine/lib/utility.js"),Syntax={NullableLiteral:"NullableLiteral",AllLiteral:"AllLiteral",NullLiteral:"NullLiteral",UndefinedLiteral:"UndefinedLiteral",VoidLiteral:"VoidLiteral",UnionType:"UnionType",ArrayType:"ArrayType",RecordType:"RecordType",FieldType:"FieldType",FunctionType:"FunctionType",ParameterType:"ParameterType",RestType:"RestType",NonNullableType:"NonNullableType",OptionalType:"OptionalType",NullableType:"NullableType",NameExpression:"NameExpression",TypeApplication:"TypeApplication",StringLiteralType:"StringLiteralType",NumericLiteralType:"NumericLiteralType",BooleanLiteralType:"BooleanLiteralType"},Token={ILLEGAL:0,DOT_LT:1,REST:2,LT:3,GT:4,LPAREN:5,RPAREN:6,LBRACE:7,RBRACE:8,LBRACK:9,RBRACK:10,COMMA:11,COLON:12,STAR:13,PIPE:14,QUESTION:15,BANG:16,EQUAL:17,NAME:18,STRING:19,NUMBER:20,EOF:21},Context.prototype.restore=function(){previous=this._previous,index=this._index,token=this._token,value=this._value},Context.save=function(){return new Context(previous,index,token,value)},exports.parseType=function parseType(src,opt){var expr;return length=(source=src).length,index=0,previous=0,addRange=opt&&opt.range,rangeOffset=opt&&opt.startIndex||0,next(),expr=parseTop(),opt&&opt.midstream?{expression:expr,index:previous}:(token!==Token.EOF&&utility.throwError("not reach to EOF"),expr)},exports.parseParamType=function parseParamType(src,opt){var expr;return length=(source=src).length,index=0,previous=0,addRange=opt&&opt.range,rangeOffset=opt&&opt.startIndex||0,next(),expr=function parseTopParamType(){var expr;return token===Token.REST?(consume(Token.REST),maybeAddRange({type:Syntax.RestType,expression:parseTop()},[0,index])):(expr=parseTop(),token===Token.EQUAL?(consume(Token.EQUAL),maybeAddRange({type:Syntax.OptionalType,expression:expr},[0,index])):expr)}(),opt&&opt.midstream?{expression:expr,index:previous}:(token!==Token.EOF&&utility.throwError("not reach to EOF"),expr)},exports.stringify=function stringify(node,options){return null==options&&(options={}),stringifyImpl(node,options.compact,options.topLevel)},exports.Syntax=Syntax}()},"./node_modules/doctrine/lib/utility.js":function(module,exports,__webpack_require__){!function(){"use strict";var VERSION,Middle;function DoctrineError(message){this.name="DoctrineError",this.message=message}VERSION=__webpack_require__("./node_modules/doctrine/package.json").version,exports.VERSION=VERSION,DoctrineError.prototype=((Middle=function(){}).prototype=Error.prototype,new Middle),DoctrineError.prototype.constructor=DoctrineError,exports.DoctrineError=DoctrineError,exports.throwError=function throwError(message){throw new DoctrineError(message)},exports.assert=__webpack_require__("./node_modules/assert/assert.js")}()},"./node_modules/doctrine/package.json":function(module){module.exports=JSON.parse('{"name":"doctrine","description":"JSDoc parser","homepage":"https://github.com/eslint/doctrine","main":"lib/doctrine.js","version":"3.0.0","engines":{"node":">=6.0.0"},"directories":{"lib":"./lib"},"files":["lib"],"maintainers":[{"name":"Nicholas C. Zakas","email":"nicholas+npm@nczconsulting.com","web":"https://www.nczonline.net"},{"name":"Yusuke Suzuki","email":"utatane.tea@gmail.com","web":"https://github.com/Constellation"}],"repository":"eslint/doctrine","devDependencies":{"coveralls":"^3.0.1","dateformat":"^1.0.11","eslint":"^1.10.3","eslint-release":"^1.0.0","linefix":"^0.1.1","mocha":"^3.4.2","npm-license":"^0.3.1","nyc":"^10.3.2","semver":"^5.0.3","shelljs":"^0.5.3","shelljs-nodecli":"^0.1.1","should":"^5.0.1"},"license":"Apache-2.0","scripts":{"pretest":"npm run lint","test":"nyc mocha","coveralls":"nyc report --reporter=text-lcov | coveralls","lint":"eslint lib/","generate-release":"eslint-generate-release","generate-alpharelease":"eslint-generate-prerelease alpha","generate-betarelease":"eslint-generate-prerelease beta","generate-rcrelease":"eslint-generate-prerelease rc","publish-release":"eslint-publish-release"},"dependencies":{"esutils":"^2.0.2"}}')},"./node_modules/es-abstract/2021/AddEntriesFromIterable.js":function(module,exports,__webpack_require__){"use strict";var inspect=__webpack_require__("./node_modules/object-inspect/index.js"),$TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),GetIterator=__webpack_require__("./node_modules/es-abstract/2021/GetIterator.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),IteratorClose=__webpack_require__("./node_modules/es-abstract/2021/IteratorClose.js"),IteratorStep=__webpack_require__("./node_modules/es-abstract/2021/IteratorStep.js"),IteratorValue=__webpack_require__("./node_modules/es-abstract/2021/IteratorValue.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function AddEntriesFromIterable(target,iterable,adder){if(!IsCallable(adder))throw new $TypeError("Assertion failed: `adder` is not callable");if(null==iterable)throw new $TypeError("Assertion failed: `iterable` is present, and not nullish");for(var iteratorRecord=GetIterator(iterable);;){var next=IteratorStep(iteratorRecord);if(!next)return target;var nextItem=IteratorValue(next);if("Object"!==Type(nextItem)){var error=new $TypeError("iterator next must return an Object, got "+inspect(nextItem));return IteratorClose(iteratorRecord,(function(){throw error}))}try{var k=Get(nextItem,"0"),v=Get(nextItem,"1");Call(adder,target,[k,v])}catch(e){return IteratorClose(iteratorRecord,(function(){throw e}))}}}},"./node_modules/es-abstract/2021/AdvanceStringIndex.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),CodePointAt=__webpack_require__("./node_modules/es-abstract/2021/CodePointAt.js"),IsIntegralNumber=__webpack_require__("./node_modules/es-abstract/2021/IsIntegralNumber.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),MAX_SAFE_INTEGER=__webpack_require__("./node_modules/es-abstract/helpers/maxSafeInteger.js"),$TypeError=GetIntrinsic("%TypeError%");module.exports=function AdvanceStringIndex(S,index,unicode){if("String"!==Type(S))throw new $TypeError("Assertion failed: `S` must be a String");if(!IsIntegralNumber(index)||index<0||index>MAX_SAFE_INTEGER)throw new $TypeError("Assertion failed: `length` must be an integer >= 0 and <= 2**53");if("Boolean"!==Type(unicode))throw new $TypeError("Assertion failed: `unicode` must be a Boolean");return unicode?index+1>=S.length?index+1:index+CodePointAt(S,index)["[[CodeUnitCount]]"]:index+1}},"./node_modules/es-abstract/2021/ArrayCreate.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$ArrayPrototype=GetIntrinsic("%Array.prototype%"),$RangeError=GetIntrinsic("%RangeError%"),$SyntaxError=GetIntrinsic("%SyntaxError%"),$TypeError=GetIntrinsic("%TypeError%"),IsIntegralNumber=__webpack_require__("./node_modules/es-abstract/2021/IsIntegralNumber.js"),MAX_ARRAY_LENGTH=Math.pow(2,32)-1,$setProto=GetIntrinsic("%Object.setPrototypeOf%",!0)||([].__proto__!==$ArrayPrototype?null:function(O,proto){return O.__proto__=proto,O});module.exports=function ArrayCreate(length){if(!IsIntegralNumber(length)||length<0)throw new $TypeError("Assertion failed: `length` must be an integer Number >= 0");if(length>MAX_ARRAY_LENGTH)throw new $RangeError("length is greater than (2**32 - 1)");var proto=arguments.length>1?arguments[1]:$ArrayPrototype,A=[];if(proto!==$ArrayPrototype){if(!$setProto)throw new $SyntaxError("ArrayCreate: a `proto` argument that is not `Array.prototype` is not supported in an environment that does not support setting the [[Prototype]]");$setProto(A,proto)}return 0!==length&&(A.length=length),A}},"./node_modules/es-abstract/2021/ArraySpeciesCreate.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$species=GetIntrinsic("%Symbol.species%",!0),$TypeError=GetIntrinsic("%TypeError%"),ArrayCreate=__webpack_require__("./node_modules/es-abstract/2021/ArrayCreate.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),IsConstructor=__webpack_require__("./node_modules/es-abstract/2021/IsConstructor.js"),IsIntegralNumber=__webpack_require__("./node_modules/es-abstract/2021/IsIntegralNumber.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function ArraySpeciesCreate(originalArray,length){if(!IsIntegralNumber(length)||length<0)throw new $TypeError("Assertion failed: length must be an integer >= 0");if(!IsArray(originalArray))return ArrayCreate(length);var C=Get(originalArray,"constructor");if($species&&"Object"===Type(C)&&null===(C=Get(C,$species))&&(C=void 0),void 0===C)return ArrayCreate(length);if(!IsConstructor(C))throw new $TypeError("C must be a constructor");return new C(length)}},"./node_modules/es-abstract/2021/Call.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$TypeError=GetIntrinsic("%TypeError%"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),$apply=GetIntrinsic("%Reflect.apply%",!0)||callBound("%Function.prototype.apply%");module.exports=function Call(F,V){var argumentsList=arguments.length>2?arguments[2]:[];if(!IsArray(argumentsList))throw new $TypeError("Assertion failed: optional `argumentsList`, if provided, must be a List");return $apply(F,V,argumentsList)}},"./node_modules/es-abstract/2021/CodePointAt.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),isLeadingSurrogate=__webpack_require__("./node_modules/es-abstract/helpers/isLeadingSurrogate.js"),isTrailingSurrogate=__webpack_require__("./node_modules/es-abstract/helpers/isTrailingSurrogate.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),UTF16SurrogatePairToCodePoint=__webpack_require__("./node_modules/es-abstract/2021/UTF16SurrogatePairToCodePoint.js"),$charAt=callBound("String.prototype.charAt"),$charCodeAt=callBound("String.prototype.charCodeAt");module.exports=function CodePointAt(string,position){if("String"!==Type(string))throw new $TypeError("Assertion failed: `string` must be a String");var size=string.length;if(position<0||position>=size)throw new $TypeError("Assertion failed: `position` must be >= 0, and < the length of `string`");var first=$charCodeAt(string,position),cp=$charAt(string,position),firstIsLeading=isLeadingSurrogate(first),firstIsTrailing=isTrailingSurrogate(first);if(!firstIsLeading&&!firstIsTrailing)return{"[[CodePoint]]":cp,"[[CodeUnitCount]]":1,"[[IsUnpairedSurrogate]]":!1};if(firstIsTrailing||position+1===size)return{"[[CodePoint]]":cp,"[[CodeUnitCount]]":1,"[[IsUnpairedSurrogate]]":!0};var second=$charCodeAt(string,position+1);return isTrailingSurrogate(second)?{"[[CodePoint]]":UTF16SurrogatePairToCodePoint(first,second),"[[CodeUnitCount]]":2,"[[IsUnpairedSurrogate]]":!1}:{"[[CodePoint]]":cp,"[[CodeUnitCount]]":1,"[[IsUnpairedSurrogate]]":!0}}},"./node_modules/es-abstract/2021/CreateDataProperty.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),DefineOwnProperty=__webpack_require__("./node_modules/es-abstract/helpers/DefineOwnProperty.js"),FromPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/2021/FromPropertyDescriptor.js"),OrdinaryGetOwnProperty=__webpack_require__("./node_modules/es-abstract/2021/OrdinaryGetOwnProperty.js"),IsDataDescriptor=__webpack_require__("./node_modules/es-abstract/2021/IsDataDescriptor.js"),IsExtensible=__webpack_require__("./node_modules/es-abstract/2021/IsExtensible.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),SameValue=__webpack_require__("./node_modules/es-abstract/2021/SameValue.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function CreateDataProperty(O,P,V){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true");var oldDesc=OrdinaryGetOwnProperty(O,P),extensible=!oldDesc||IsExtensible(O);return!(oldDesc&&!oldDesc["[[Configurable]]"]||!extensible)&&DefineOwnProperty(IsDataDescriptor,SameValue,FromPropertyDescriptor,O,P,{"[[Configurable]]":!0,"[[Enumerable]]":!0,"[[Value]]":V,"[[Writable]]":!0})}},"./node_modules/es-abstract/2021/CreateDataPropertyOrThrow.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),CreateDataProperty=__webpack_require__("./node_modules/es-abstract/2021/CreateDataProperty.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function CreateDataPropertyOrThrow(O,P,V){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true");var success=CreateDataProperty(O,P,V);if(!success)throw new $TypeError("unable to create data property");return success}},"./node_modules/es-abstract/2021/CreateIterResultObject.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function CreateIterResultObject(value,done){if("Boolean"!==Type(done))throw new $TypeError("Assertion failed: Type(done) is not Boolean");return{value:value,done:done}}},"./node_modules/es-abstract/2021/CreateMethodProperty.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),DefineOwnProperty=__webpack_require__("./node_modules/es-abstract/helpers/DefineOwnProperty.js"),FromPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/2021/FromPropertyDescriptor.js"),IsDataDescriptor=__webpack_require__("./node_modules/es-abstract/2021/IsDataDescriptor.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),SameValue=__webpack_require__("./node_modules/es-abstract/2021/SameValue.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function CreateMethodProperty(O,P,V){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true");return DefineOwnProperty(IsDataDescriptor,SameValue,FromPropertyDescriptor,O,P,{"[[Configurable]]":!0,"[[Enumerable]]":!1,"[[Value]]":V,"[[Writable]]":!0})}},"./node_modules/es-abstract/2021/CreateRegExpStringIterator.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),$TypeError=GetIntrinsic("%TypeError%"),IteratorPrototype=GetIntrinsic("%IteratorPrototype%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),AdvanceStringIndex=__webpack_require__("./node_modules/es-abstract/2021/AdvanceStringIndex.js"),CreateIterResultObject=__webpack_require__("./node_modules/es-abstract/2021/CreateIterResultObject.js"),CreateMethodProperty=__webpack_require__("./node_modules/es-abstract/2021/CreateMethodProperty.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),OrdinaryObjectCreate=__webpack_require__("./node_modules/es-abstract/2021/OrdinaryObjectCreate.js"),RegExpExec=__webpack_require__("./node_modules/es-abstract/2021/RegExpExec.js"),Set=__webpack_require__("./node_modules/es-abstract/2021/Set.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),SLOT=__webpack_require__("./node_modules/internal-slot/index.js"),RegExpStringIterator=function RegExpStringIterator(R,S,global,fullUnicode){if("String"!==Type(S))throw new $TypeError("`S` must be a string");if("Boolean"!==Type(global))throw new $TypeError("`global` must be a boolean");if("Boolean"!==Type(fullUnicode))throw new $TypeError("`fullUnicode` must be a boolean");SLOT.set(this,"[[IteratingRegExp]]",R),SLOT.set(this,"[[IteratedString]]",S),SLOT.set(this,"[[Global]]",global),SLOT.set(this,"[[Unicode]]",fullUnicode),SLOT.set(this,"[[Done]]",!1)};IteratorPrototype&&(RegExpStringIterator.prototype=OrdinaryObjectCreate(IteratorPrototype));if(CreateMethodProperty(RegExpStringIterator.prototype,"next",(function next(){var O=this;if("Object"!==Type(O))throw new $TypeError("receiver must be an object");if(!(O instanceof RegExpStringIterator&&SLOT.has(O,"[[IteratingRegExp]]")&&SLOT.has(O,"[[IteratedString]]")&&SLOT.has(O,"[[Global]]")&&SLOT.has(O,"[[Unicode]]")&&SLOT.has(O,"[[Done]]")))throw new $TypeError('"this" value must be a RegExpStringIterator instance');if(SLOT.get(O,"[[Done]]"))return CreateIterResultObject(void 0,!0);var R=SLOT.get(O,"[[IteratingRegExp]]"),S=SLOT.get(O,"[[IteratedString]]"),global=SLOT.get(O,"[[Global]]"),fullUnicode=SLOT.get(O,"[[Unicode]]"),match=RegExpExec(R,S);if(null===match)return SLOT.set(O,"[[Done]]",!0),CreateIterResultObject(void 0,!0);if(global){if(""===ToString(Get(match,"0"))){var thisIndex=ToLength(Get(R,"lastIndex")),nextIndex=AdvanceStringIndex(S,thisIndex,fullUnicode);Set(R,"lastIndex",nextIndex,!0)}return CreateIterResultObject(match,!1)}return SLOT.set(O,"[[Done]]",!0),CreateIterResultObject(match,!1)})),hasSymbols&&(Symbol.toStringTag&&($defineProperty?$defineProperty(RegExpStringIterator.prototype,Symbol.toStringTag,{configurable:!0,enumerable:!1,value:"RegExp String Iterator",writable:!1}):RegExpStringIterator.prototype[Symbol.toStringTag]="RegExp String Iterator"),Symbol.iterator&&"function"!=typeof RegExpStringIterator.prototype[Symbol.iterator])){CreateMethodProperty(RegExpStringIterator.prototype,Symbol.iterator,(function SymbolIterator(){return this}))}module.exports=function CreateRegExpStringIterator(R,S,global,fullUnicode){return new RegExpStringIterator(R,S,global,fullUnicode)}},"./node_modules/es-abstract/2021/DefinePropertyOrThrow.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),isPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/helpers/isPropertyDescriptor.js"),DefineOwnProperty=__webpack_require__("./node_modules/es-abstract/helpers/DefineOwnProperty.js"),FromPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/2021/FromPropertyDescriptor.js"),IsAccessorDescriptor=__webpack_require__("./node_modules/es-abstract/2021/IsAccessorDescriptor.js"),IsDataDescriptor=__webpack_require__("./node_modules/es-abstract/2021/IsDataDescriptor.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),SameValue=__webpack_require__("./node_modules/es-abstract/2021/SameValue.js"),ToPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/2021/ToPropertyDescriptor.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function DefinePropertyOrThrow(O,P,desc){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true");var Desc=isPropertyDescriptor({Type:Type,IsDataDescriptor:IsDataDescriptor,IsAccessorDescriptor:IsAccessorDescriptor},desc)?desc:ToPropertyDescriptor(desc);if(!isPropertyDescriptor({Type:Type,IsDataDescriptor:IsDataDescriptor,IsAccessorDescriptor:IsAccessorDescriptor},Desc))throw new $TypeError("Assertion failed: Desc is not a valid Property Descriptor");return DefineOwnProperty(IsDataDescriptor,SameValue,FromPropertyDescriptor,O,P,Desc)}},"./node_modules/es-abstract/2021/FlattenIntoArray.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),MAX_SAFE_INTEGER=__webpack_require__("./node_modules/es-abstract/helpers/maxSafeInteger.js"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),CreateDataPropertyOrThrow=__webpack_require__("./node_modules/es-abstract/2021/CreateDataPropertyOrThrow.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),HasProperty=__webpack_require__("./node_modules/es-abstract/2021/HasProperty.js"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),LengthOfArrayLike=__webpack_require__("./node_modules/es-abstract/2021/LengthOfArrayLike.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js");module.exports=function FlattenIntoArray(target,source,sourceLen,start,depth){var mapperFunction;arguments.length>5&&(mapperFunction=arguments[5]);for(var targetIndex=start,sourceIndex=0;sourceIndex<sourceLen;){var P=ToString(sourceIndex),exists=HasProperty(source,P);if(!0===exists){var element=Get(source,P);if(void 0!==mapperFunction){if(arguments.length<=6)throw new $TypeError("Assertion failed: thisArg is required when mapperFunction is provided");element=Call(mapperFunction,arguments[6],[element,sourceIndex,source])}var shouldFlatten=!1;if(depth>0&&(shouldFlatten=IsArray(element)),shouldFlatten){var elementLen=LengthOfArrayLike(element);targetIndex=FlattenIntoArray(target,element,elementLen,targetIndex,depth-1)}else{if(targetIndex>=MAX_SAFE_INTEGER)throw new $TypeError("index too large");CreateDataPropertyOrThrow(target,ToString(targetIndex),element),targetIndex+=1}}sourceIndex+=1}return targetIndex}},"./node_modules/es-abstract/2021/FromPropertyDescriptor.js":function(module,exports,__webpack_require__){"use strict";var assertRecord=__webpack_require__("./node_modules/es-abstract/helpers/assertRecord.js"),fromPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/helpers/fromPropertyDescriptor.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function FromPropertyDescriptor(Desc){return void 0!==Desc&&assertRecord(Type,"Property Descriptor","Desc",Desc),fromPropertyDescriptor(Desc)}},"./node_modules/es-abstract/2021/Get.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),inspect=__webpack_require__("./node_modules/object-inspect/index.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function Get(O,P){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true, got "+inspect(P));return O[P]}},"./node_modules/es-abstract/2021/GetIterator.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$TypeError=GetIntrinsic("%TypeError%"),$asyncIterator=GetIntrinsic("%Symbol.asyncIterator%",!0),inspect=__webpack_require__("./node_modules/object-inspect/index.js"),hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),getIteratorMethod=__webpack_require__("./node_modules/es-abstract/helpers/getIteratorMethod.js"),AdvanceStringIndex=__webpack_require__("./node_modules/es-abstract/2021/AdvanceStringIndex.js"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),GetMethod=__webpack_require__("./node_modules/es-abstract/2021/GetMethod.js"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function GetIterator(obj,hint,method){var actualHint=hint;if(arguments.length<2&&(actualHint="sync"),"sync"!==actualHint&&"async"!==actualHint)throw new $TypeError("Assertion failed: `hint` must be one of 'sync' or 'async', got "+inspect(hint));var actualMethod=method;if(arguments.length<3)if("async"===actualHint){if(hasSymbols&&$asyncIterator&&(actualMethod=GetMethod(obj,$asyncIterator)),void 0===actualMethod)throw new $TypeError("async from sync iterators aren't currently supported")}else actualMethod=getIteratorMethod({AdvanceStringIndex:AdvanceStringIndex,GetMethod:GetMethod,IsArray:IsArray},obj);var iterator=Call(actualMethod,obj);if("Object"!==Type(iterator))throw new $TypeError("iterator must return an object");return iterator}},"./node_modules/es-abstract/2021/GetMethod.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),GetV=__webpack_require__("./node_modules/es-abstract/2021/GetV.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js");module.exports=function GetMethod(O,P){if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true");var func=GetV(O,P);if(null!=func){if(!IsCallable(func))throw new $TypeError(P+"is not a function");return func}}},"./node_modules/es-abstract/2021/GetV.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js");module.exports=function GetV(V,P){if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true");return ToObject(V)[P]}},"./node_modules/es-abstract/2021/HasProperty.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function HasProperty(O,P){if("Object"!==Type(O))throw new $TypeError("Assertion failed: `O` must be an Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: `P` must be a Property Key");return P in O}},"./node_modules/es-abstract/2021/Invoke.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),GetV=__webpack_require__("./node_modules/es-abstract/2021/GetV.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js");module.exports=function Invoke(O,P){if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: P must be a Property Key");var argumentsList=arguments.length>2?arguments[2]:[];if(!IsArray(argumentsList))throw new $TypeError("Assertion failed: optional `argumentsList`, if provided, must be a List");var func=GetV(O,P);return Call(func,O,argumentsList)}},"./node_modules/es-abstract/2021/IsAccessorDescriptor.js":function(module,exports,__webpack_require__){"use strict";var has=__webpack_require__("./node_modules/has/src/index.js"),assertRecord=__webpack_require__("./node_modules/es-abstract/helpers/assertRecord.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function IsAccessorDescriptor(Desc){return void 0!==Desc&&(assertRecord(Type,"Property Descriptor","Desc",Desc),!(!has(Desc,"[[Get]]")&&!has(Desc,"[[Set]]")))}},"./node_modules/es-abstract/2021/IsArray.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/es-abstract/helpers/IsArray.js")},"./node_modules/es-abstract/2021/IsCallable.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/is-callable/index.js")},"./node_modules/es-abstract/2021/IsConstructor.js":function(module,exports,__webpack_require__){"use strict";var $construct=__webpack_require__("./node_modules/es-abstract/GetIntrinsic.js")("%Reflect.construct%",!0),DefinePropertyOrThrow=__webpack_require__("./node_modules/es-abstract/2021/DefinePropertyOrThrow.js");try{DefinePropertyOrThrow({},"",{"[[Get]]":function(){}})}catch(e){DefinePropertyOrThrow=null}if(DefinePropertyOrThrow&&$construct){var isConstructorMarker={},badArrayLike={};DefinePropertyOrThrow(badArrayLike,"length",{"[[Get]]":function(){throw isConstructorMarker},"[[Enumerable]]":!0}),module.exports=function IsConstructor(argument){try{$construct(argument,badArrayLike)}catch(err){return err===isConstructorMarker}}}else module.exports=function IsConstructor(argument){return"function"==typeof argument&&!!argument.prototype}},"./node_modules/es-abstract/2021/IsDataDescriptor.js":function(module,exports,__webpack_require__){"use strict";var has=__webpack_require__("./node_modules/has/src/index.js"),assertRecord=__webpack_require__("./node_modules/es-abstract/helpers/assertRecord.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function IsDataDescriptor(Desc){return void 0!==Desc&&(assertRecord(Type,"Property Descriptor","Desc",Desc),!(!has(Desc,"[[Value]]")&&!has(Desc,"[[Writable]]")))}},"./node_modules/es-abstract/2021/IsExtensible.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$preventExtensions=GetIntrinsic("%Object.preventExtensions%",!0),$isExtensible=GetIntrinsic("%Object.isExtensible%",!0),isPrimitive=__webpack_require__("./node_modules/es-abstract/helpers/isPrimitive.js");module.exports=$preventExtensions?function IsExtensible(obj){return!isPrimitive(obj)&&$isExtensible(obj)}:function IsExtensible(obj){return!isPrimitive(obj)}},"./node_modules/es-abstract/2021/IsIntegralNumber.js":function(module,exports,__webpack_require__){"use strict";var abs=__webpack_require__("./node_modules/es-abstract/2021/abs.js"),floor=__webpack_require__("./node_modules/es-abstract/2021/floor.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),$isNaN=__webpack_require__("./node_modules/es-abstract/helpers/isNaN.js"),$isFinite=__webpack_require__("./node_modules/es-abstract/helpers/isFinite.js");module.exports=function IsIntegralNumber(argument){if("Number"!==Type(argument)||$isNaN(argument)||!$isFinite(argument))return!1;var absValue=abs(argument);return floor(absValue)===absValue}},"./node_modules/es-abstract/2021/IsPropertyKey.js":function(module,exports,__webpack_require__){"use strict";module.exports=function IsPropertyKey(argument){return"string"==typeof argument||"symbol"==typeof argument}},"./node_modules/es-abstract/2021/IsRegExp.js":function(module,exports,__webpack_require__){"use strict";var $match=__webpack_require__("./node_modules/get-intrinsic/index.js")("%Symbol.match%",!0),hasRegExpMatcher=__webpack_require__("./node_modules/is-regex/index.js"),ToBoolean=__webpack_require__("./node_modules/es-abstract/2021/ToBoolean.js");module.exports=function IsRegExp(argument){if(!argument||"object"!=typeof argument)return!1;if($match){var isRegExp=argument[$match];if(void 0!==isRegExp)return ToBoolean(isRegExp)}return hasRegExpMatcher(argument)}},"./node_modules/es-abstract/2021/IteratorClose.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),GetMethod=__webpack_require__("./node_modules/es-abstract/2021/GetMethod.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function IteratorClose(iterator,completion){if("Object"!==Type(iterator))throw new $TypeError("Assertion failed: Type(iterator) is not Object");if(!IsCallable(completion))throw new $TypeError("Assertion failed: completion is not a thunk for a Completion Record");var completionRecord,completionThunk=completion,iteratorReturn=GetMethod(iterator,"return");if(void 0===iteratorReturn)return completionThunk();try{var innerResult=Call(iteratorReturn,iterator,[])}catch(e){throw completionThunk(),completionThunk=null,e}if(completionRecord=completionThunk(),completionThunk=null,"Object"!==Type(innerResult))throw new $TypeError("iterator .return must return an object");return completionRecord}},"./node_modules/es-abstract/2021/IteratorComplete.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),ToBoolean=__webpack_require__("./node_modules/es-abstract/2021/ToBoolean.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function IteratorComplete(iterResult){if("Object"!==Type(iterResult))throw new $TypeError("Assertion failed: Type(iterResult) is not Object");return ToBoolean(Get(iterResult,"done"))}},"./node_modules/es-abstract/2021/IteratorNext.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Invoke=__webpack_require__("./node_modules/es-abstract/2021/Invoke.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function IteratorNext(iterator,value){var result=Invoke(iterator,"next",arguments.length<2?[]:[value]);if("Object"!==Type(result))throw new $TypeError("iterator next must return an object");return result}},"./node_modules/es-abstract/2021/IteratorStep.js":function(module,exports,__webpack_require__){"use strict";var IteratorComplete=__webpack_require__("./node_modules/es-abstract/2021/IteratorComplete.js"),IteratorNext=__webpack_require__("./node_modules/es-abstract/2021/IteratorNext.js");module.exports=function IteratorStep(iterator){var result=IteratorNext(iterator);return!0!==IteratorComplete(result)&&result}},"./node_modules/es-abstract/2021/IteratorValue.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function IteratorValue(iterResult){if("Object"!==Type(iterResult))throw new $TypeError("Assertion failed: Type(iterResult) is not Object");return Get(iterResult,"value")}},"./node_modules/es-abstract/2021/LengthOfArrayLike.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function LengthOfArrayLike(obj){if("Object"!==Type(obj))throw new $TypeError("Assertion failed: `obj` must be an Object");return ToLength(Get(obj,"length"))}},"./node_modules/es-abstract/2021/OrdinaryGetOwnProperty.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$gOPD=__webpack_require__("./node_modules/es-abstract/helpers/getOwnPropertyDescriptor.js"),$TypeError=GetIntrinsic("%TypeError%"),$isEnumerable=__webpack_require__("./node_modules/call-bind/callBound.js")("Object.prototype.propertyIsEnumerable"),has=__webpack_require__("./node_modules/has/src/index.js"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),IsRegExp=__webpack_require__("./node_modules/es-abstract/2021/IsRegExp.js"),ToPropertyDescriptor=__webpack_require__("./node_modules/es-abstract/2021/ToPropertyDescriptor.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function OrdinaryGetOwnProperty(O,P){if("Object"!==Type(O))throw new $TypeError("Assertion failed: O must be an Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: P must be a Property Key");if(has(O,P)){if(!$gOPD){var arrayLength=IsArray(O)&&"length"===P,regexLastIndex=IsRegExp(O)&&"lastIndex"===P;return{"[[Configurable]]":!(arrayLength||regexLastIndex),"[[Enumerable]]":$isEnumerable(O,P),"[[Value]]":O[P],"[[Writable]]":!0}}return ToPropertyDescriptor($gOPD(O,P))}}},"./node_modules/es-abstract/2021/OrdinaryObjectCreate.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$ObjectCreate=GetIntrinsic("%Object.create%",!0),$TypeError=GetIntrinsic("%TypeError%"),$SyntaxError=GetIntrinsic("%SyntaxError%"),IsArray=__webpack_require__("./node_modules/es-abstract/2021/IsArray.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),hasProto=!({__proto__:null}instanceof Object);module.exports=function OrdinaryObjectCreate(proto){if(null!==proto&&"Object"!==Type(proto))throw new $TypeError("Assertion failed: `proto` must be null or an object");var additionalInternalSlotsList=arguments.length<2?[]:arguments[1];if(!IsArray(additionalInternalSlotsList))throw new $TypeError("Assertion failed: `additionalInternalSlotsList` must be an Array");if(additionalInternalSlotsList.length>0)throw new $SyntaxError("es-abstract does not yet support internal slots");if($ObjectCreate)return $ObjectCreate(proto);if(hasProto)return{__proto__:proto};if(null===proto)throw new $SyntaxError("native Object.create support is required to create null objects");var T=function T(){};return T.prototype=proto,new T}},"./node_modules/es-abstract/2021/PromiseResolve.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBind=__webpack_require__("./node_modules/call-bind/index.js"),$resolve=GetIntrinsic("%Promise.resolve%",!0),$PromiseResolve=$resolve&&callBind($resolve);module.exports=function PromiseResolve(C,x){if(!$PromiseResolve)throw new SyntaxError("This environment does not support Promises.");return $PromiseResolve(C,x)}},"./node_modules/es-abstract/2021/RegExpExec.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),regexExec=__webpack_require__("./node_modules/call-bind/callBound.js")("RegExp.prototype.exec"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function RegExpExec(R,S){if("Object"!==Type(R))throw new $TypeError("Assertion failed: `R` must be an Object");if("String"!==Type(S))throw new $TypeError("Assertion failed: `S` must be a String");var exec=Get(R,"exec");if(IsCallable(exec)){var result=Call(exec,R,[S]);if(null===result||"Object"===Type(result))return result;throw new $TypeError('"exec" method must return `null` or an Object')}return regexExec(R,S)}},"./node_modules/es-abstract/2021/RequireObjectCoercible.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/es-abstract/5/CheckObjectCoercible.js")},"./node_modules/es-abstract/2021/SameValue.js":function(module,exports,__webpack_require__){"use strict";var $isNaN=__webpack_require__("./node_modules/es-abstract/helpers/isNaN.js");module.exports=function SameValue(x,y){return x===y?0!==x||1/x==1/y:$isNaN(x)&&$isNaN(y)}},"./node_modules/es-abstract/2021/SameValueZero.js":function(module,exports,__webpack_require__){"use strict";var $isNaN=__webpack_require__("./node_modules/es-abstract/helpers/isNaN.js");module.exports=function SameValueZero(x,y){return x===y||$isNaN(x)&&$isNaN(y)}},"./node_modules/es-abstract/2021/Set.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),IsPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/IsPropertyKey.js"),SameValue=__webpack_require__("./node_modules/es-abstract/2021/SameValue.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),noThrowOnStrictViolation=function(){try{return delete[].length,!0}catch(e){return!1}}();module.exports=function Set(O,P,V,Throw){if("Object"!==Type(O))throw new $TypeError("Assertion failed: `O` must be an Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: `P` must be a Property Key");if("Boolean"!==Type(Throw))throw new $TypeError("Assertion failed: `Throw` must be a Boolean");if(Throw){if(O[P]=V,noThrowOnStrictViolation&&!SameValue(O[P],V))throw new $TypeError("Attempted to assign to readonly property.");return!0}try{return O[P]=V,!noThrowOnStrictViolation||SameValue(O[P],V)}catch(e){return!1}}},"./node_modules/es-abstract/2021/SpeciesConstructor.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$species=GetIntrinsic("%Symbol.species%",!0),$TypeError=GetIntrinsic("%TypeError%"),IsConstructor=__webpack_require__("./node_modules/es-abstract/2021/IsConstructor.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js");module.exports=function SpeciesConstructor(O,defaultConstructor){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");var C=O.constructor;if(void 0===C)return defaultConstructor;if("Object"!==Type(C))throw new $TypeError("O.constructor is not an Object");var S=$species?C[$species]:void 0;if(null==S)return defaultConstructor;if(IsConstructor(S))return S;throw new $TypeError("no constructor found")}},"./node_modules/es-abstract/2021/ToBoolean.js":function(module,exports,__webpack_require__){"use strict";module.exports=function ToBoolean(value){return!!value}},"./node_modules/es-abstract/2021/ToIntegerOrInfinity.js":function(module,exports,__webpack_require__){"use strict";var abs=__webpack_require__("./node_modules/es-abstract/2021/abs.js"),floor=__webpack_require__("./node_modules/es-abstract/2021/floor.js"),ToNumber=__webpack_require__("./node_modules/es-abstract/2021/ToNumber.js"),$isNaN=__webpack_require__("./node_modules/es-abstract/helpers/isNaN.js"),$isFinite=__webpack_require__("./node_modules/es-abstract/helpers/isFinite.js"),$sign=__webpack_require__("./node_modules/es-abstract/helpers/sign.js");module.exports=function ToIntegerOrInfinity(value){var number=ToNumber(value);return $isNaN(number)||0===number?0:$isFinite(number)?$sign(number)*floor(abs(number)):number}},"./node_modules/es-abstract/2021/ToLength.js":function(module,exports,__webpack_require__){"use strict";var MAX_SAFE_INTEGER=__webpack_require__("./node_modules/es-abstract/helpers/maxSafeInteger.js"),ToIntegerOrInfinity=__webpack_require__("./node_modules/es-abstract/2021/ToIntegerOrInfinity.js");module.exports=function ToLength(argument){var len=ToIntegerOrInfinity(argument);return len<=0?0:len>MAX_SAFE_INTEGER?MAX_SAFE_INTEGER:len}},"./node_modules/es-abstract/2021/ToNumber.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$TypeError=GetIntrinsic("%TypeError%"),$Number=GetIntrinsic("%Number%"),$RegExp=GetIntrinsic("%RegExp%"),$parseInteger=GetIntrinsic("%parseInt%"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),regexTester=__webpack_require__("./node_modules/es-abstract/helpers/regexTester.js"),isPrimitive=__webpack_require__("./node_modules/es-abstract/helpers/isPrimitive.js"),$strSlice=callBound("String.prototype.slice"),isBinary=regexTester(/^0b[01]+$/i),isOctal=regexTester(/^0o[0-7]+$/i),isInvalidHexLiteral=regexTester(/^[-+]0x[0-9a-f]+$/i),hasNonWS=regexTester(new $RegExp("["+["…","​","￾"].join("")+"]","g")),ws=["\t\n\v\f\r   ᠎    ","         　\u2028","\u2029\ufeff"].join(""),trimRegex=new RegExp("(^["+ws+"]+)|(["+ws+"]+$)","g"),$replace=callBound("String.prototype.replace"),ToPrimitive=__webpack_require__("./node_modules/es-abstract/2021/ToPrimitive.js");module.exports=function ToNumber(argument){var value=isPrimitive(argument)?argument:ToPrimitive(argument,$Number);if("symbol"==typeof value)throw new $TypeError("Cannot convert a Symbol value to a number");if("bigint"==typeof value)throw new $TypeError("Conversion from 'BigInt' to 'number' is not allowed.");if("string"==typeof value){if(isBinary(value))return ToNumber($parseInteger($strSlice(value,2),2));if(isOctal(value))return ToNumber($parseInteger($strSlice(value,2),8));if(hasNonWS(value)||isInvalidHexLiteral(value))return NaN;var trimmed=function(value){return $replace(value,trimRegex,"")}(value);if(trimmed!==value)return ToNumber(trimmed)}return $Number(value)}},"./node_modules/es-abstract/2021/ToObject.js":function(module,exports,__webpack_require__){"use strict";var $Object=__webpack_require__("./node_modules/get-intrinsic/index.js")("%Object%"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js");module.exports=function ToObject(value){return RequireObjectCoercible(value),$Object(value)}},"./node_modules/es-abstract/2021/ToPrimitive.js":function(module,exports,__webpack_require__){"use strict";var toPrimitive=__webpack_require__("./node_modules/es-to-primitive/es2015.js");module.exports=function ToPrimitive(input){return arguments.length>1?toPrimitive(input,arguments[1]):toPrimitive(input)}},"./node_modules/es-abstract/2021/ToPropertyDescriptor.js":function(module,exports,__webpack_require__){"use strict";var has=__webpack_require__("./node_modules/has/src/index.js"),$TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),ToBoolean=__webpack_require__("./node_modules/es-abstract/2021/ToBoolean.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js");module.exports=function ToPropertyDescriptor(Obj){if("Object"!==Type(Obj))throw new $TypeError("ToPropertyDescriptor requires an object");var desc={};if(has(Obj,"enumerable")&&(desc["[[Enumerable]]"]=ToBoolean(Obj.enumerable)),has(Obj,"configurable")&&(desc["[[Configurable]]"]=ToBoolean(Obj.configurable)),has(Obj,"value")&&(desc["[[Value]]"]=Obj.value),has(Obj,"writable")&&(desc["[[Writable]]"]=ToBoolean(Obj.writable)),has(Obj,"get")){var getter=Obj.get;if(void 0!==getter&&!IsCallable(getter))throw new $TypeError("getter must be a function");desc["[[Get]]"]=getter}if(has(Obj,"set")){var setter=Obj.set;if(void 0!==setter&&!IsCallable(setter))throw new $TypeError("setter must be a function");desc["[[Set]]"]=setter}if((has(desc,"[[Get]]")||has(desc,"[[Set]]"))&&(has(desc,"[[Value]]")||has(desc,"[[Writable]]")))throw new $TypeError("Invalid property descriptor. Cannot both specify accessors and a value or writable attribute");return desc}},"./node_modules/es-abstract/2021/ToPropertyKey.js":function(module,exports,__webpack_require__){"use strict";var $String=__webpack_require__("./node_modules/get-intrinsic/index.js")("%String%"),ToPrimitive=__webpack_require__("./node_modules/es-abstract/2021/ToPrimitive.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js");module.exports=function ToPropertyKey(argument){var key=ToPrimitive(argument,$String);return"symbol"==typeof key?key:ToString(key)}},"./node_modules/es-abstract/2021/ToString.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$String=GetIntrinsic("%String%"),$TypeError=GetIntrinsic("%TypeError%");module.exports=function ToString(argument){if("symbol"==typeof argument)throw new $TypeError("Cannot convert a Symbol value to a string");return $String(argument)}},"./node_modules/es-abstract/2021/ToUint32.js":function(module,exports,__webpack_require__){"use strict";var ToNumber=__webpack_require__("./node_modules/es-abstract/2021/ToNumber.js");module.exports=function ToUint32(x){return ToNumber(x)>>>0}},"./node_modules/es-abstract/2021/Type.js":function(module,exports,__webpack_require__){"use strict";var ES5Type=__webpack_require__("./node_modules/es-abstract/5/Type.js");module.exports=function Type(x){return"symbol"==typeof x?"Symbol":"bigint"==typeof x?"BigInt":ES5Type(x)}},"./node_modules/es-abstract/2021/UTF16SurrogatePairToCodePoint.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$TypeError=GetIntrinsic("%TypeError%"),$fromCharCode=GetIntrinsic("%String.fromCharCode%"),isLeadingSurrogate=__webpack_require__("./node_modules/es-abstract/helpers/isLeadingSurrogate.js"),isTrailingSurrogate=__webpack_require__("./node_modules/es-abstract/helpers/isTrailingSurrogate.js");module.exports=function UTF16SurrogatePairToCodePoint(lead,trail){if(!isLeadingSurrogate(lead)||!isTrailingSurrogate(trail))throw new $TypeError("Assertion failed: `lead` must be a leading surrogate char code, and `trail` must be a trailing surrogate char code");return $fromCharCode(lead)+$fromCharCode(trail)}},"./node_modules/es-abstract/2021/abs.js":function(module,exports,__webpack_require__){"use strict";var $abs=__webpack_require__("./node_modules/get-intrinsic/index.js")("%Math.abs%");module.exports=function abs(x){return $abs(x)}},"./node_modules/es-abstract/2021/floor.js":function(module,exports,__webpack_require__){"use strict";var $floor=Math.floor;module.exports=function floor(x){return $floor(x)}},"./node_modules/es-abstract/5/CheckObjectCoercible.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__("./node_modules/get-intrinsic/index.js")("%TypeError%");module.exports=function CheckObjectCoercible(value,optMessage){if(null==value)throw new $TypeError(optMessage||"Cannot call method on "+value);return value}},"./node_modules/es-abstract/5/Type.js":function(module,exports,__webpack_require__){"use strict";module.exports=function Type(x){return null===x?"Null":void 0===x?"Undefined":"function"==typeof x||"object"==typeof x?"Object":"number"==typeof x?"Number":"boolean"==typeof x?"Boolean":"string"==typeof x?"String":void 0}},"./node_modules/es-abstract/GetIntrinsic.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/get-intrinsic/index.js")},"./node_modules/es-abstract/helpers/DefineOwnProperty.js":function(module,exports,__webpack_require__){"use strict";var hasPropertyDescriptors=__webpack_require__("./node_modules/has-property-descriptors/index.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$defineProperty=hasPropertyDescriptors()&&GetIntrinsic("%Object.defineProperty%",!0),hasArrayLengthDefineBug=hasPropertyDescriptors.hasArrayLengthDefineBug(),isArray=hasArrayLengthDefineBug&&__webpack_require__("./node_modules/es-abstract/helpers/IsArray.js"),$isEnumerable=__webpack_require__("./node_modules/call-bind/callBound.js")("Object.prototype.propertyIsEnumerable");module.exports=function DefineOwnProperty(IsDataDescriptor,SameValue,FromPropertyDescriptor,O,P,desc){if(!$defineProperty){if(!IsDataDescriptor(desc))return!1;if(!desc["[[Configurable]]"]||!desc["[[Writable]]"])return!1;if(P in O&&$isEnumerable(O,P)!==!!desc["[[Enumerable]]"])return!1;var V=desc["[[Value]]"];return O[P]=V,SameValue(O[P],V)}return hasArrayLengthDefineBug&&"length"===P&&"[[Value]]"in desc&&isArray(O)&&O.length!==desc["[[Value]]"]?(O.length=desc["[[Value]]"],O.length===desc["[[Value]]"]):($defineProperty(O,P,FromPropertyDescriptor(desc)),!0)}},"./node_modules/es-abstract/helpers/IsArray.js":function(module,exports,__webpack_require__){"use strict";var $Array=__webpack_require__("./node_modules/get-intrinsic/index.js")("%Array%"),toStr=!$Array.isArray&&__webpack_require__("./node_modules/call-bind/callBound.js")("Object.prototype.toString");module.exports=$Array.isArray||function IsArray(argument){return"[object Array]"===toStr(argument)}},"./node_modules/es-abstract/helpers/assertRecord.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$TypeError=GetIntrinsic("%TypeError%"),$SyntaxError=GetIntrinsic("%SyntaxError%"),has=__webpack_require__("./node_modules/has/src/index.js"),predicates={"Property Descriptor":function isPropertyDescriptor(Desc){var allowed={"[[Configurable]]":!0,"[[Enumerable]]":!0,"[[Get]]":!0,"[[Set]]":!0,"[[Value]]":!0,"[[Writable]]":!0};for(var key in Desc)if(has(Desc,key)&&!allowed[key])return!1;var isData=has(Desc,"[[Value]]"),IsAccessor=has(Desc,"[[Get]]")||has(Desc,"[[Set]]");if(isData&&IsAccessor)throw new $TypeError("Property Descriptors may not be both accessor and data descriptors");return!0},"Match Record":__webpack_require__("./node_modules/es-abstract/helpers/isMatchRecord.js")};module.exports=function assertRecord(Type,recordType,argumentName,value){var predicate=predicates[recordType];if("function"!=typeof predicate)throw new $SyntaxError("unknown record type: "+recordType);if("Object"!==Type(value)||!predicate(value))throw new $TypeError(argumentName+" must be a "+recordType)}},"./node_modules/es-abstract/helpers/fromPropertyDescriptor.js":function(module,exports,__webpack_require__){"use strict";module.exports=function fromPropertyDescriptor(Desc){if(void 0===Desc)return Desc;var obj={};return"[[Value]]"in Desc&&(obj.value=Desc["[[Value]]"]),"[[Writable]]"in Desc&&(obj.writable=!!Desc["[[Writable]]"]),"[[Get]]"in Desc&&(obj.get=Desc["[[Get]]"]),"[[Set]]"in Desc&&(obj.set=Desc["[[Set]]"]),"[[Enumerable]]"in Desc&&(obj.enumerable=!!Desc["[[Enumerable]]"]),"[[Configurable]]"in Desc&&(obj.configurable=!!Desc["[[Configurable]]"]),obj}},"./node_modules/es-abstract/helpers/getIteratorMethod.js":function(module,exports,__webpack_require__){"use strict";var hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),isString=__webpack_require__("./node_modules/is-string/index.js"),$iterator=GetIntrinsic("%Symbol.iterator%",!0),$stringSlice=callBound("String.prototype.slice"),$String=GetIntrinsic("%String%",!0);module.exports=function getIteratorMethod(ES,iterable){var usingIterator;return hasSymbols?usingIterator=ES.GetMethod(iterable,$iterator):ES.IsArray(iterable)?usingIterator=function(){var i=-1,arr=this;return{next:function(){return{done:(i+=1)>=arr.length,value:arr[i]}}}}:isString(iterable)&&(usingIterator=function(){var i=0;return{next:function(){var nextIndex=ES.AdvanceStringIndex($String(iterable),i,!0),value=$stringSlice(iterable,i,nextIndex);return i=nextIndex,{done:nextIndex>iterable.length,value:value}}}}),usingIterator}},"./node_modules/es-abstract/helpers/getOwnPropertyDescriptor.js":function(module,exports,__webpack_require__){"use strict";var $gOPD=__webpack_require__("./node_modules/get-intrinsic/index.js")("%Object.getOwnPropertyDescriptor%",!0);if($gOPD)try{$gOPD([],"length")}catch(e){$gOPD=null}module.exports=$gOPD},"./node_modules/es-abstract/helpers/isFinite.js":function(module,exports,__webpack_require__){"use strict";var $isNaN=Number.isNaN||function(a){return a!=a};module.exports=Number.isFinite||function(x){return"number"==typeof x&&!$isNaN(x)&&x!==1/0&&x!==-1/0}},"./node_modules/es-abstract/helpers/isLeadingSurrogate.js":function(module,exports,__webpack_require__){"use strict";module.exports=function isLeadingSurrogate(charCode){return"number"==typeof charCode&&charCode>=55296&&charCode<=56319}},"./node_modules/es-abstract/helpers/isMatchRecord.js":function(module,exports,__webpack_require__){"use strict";var has=__webpack_require__("./node_modules/has/src/index.js");module.exports=function isMatchRecord(record){return has(record,"[[StartIndex]]")&&has(record,"[[EndIndex]]")&&record["[[StartIndex]]"]>=0&&record["[[EndIndex]]"]>=record["[[StartIndex]]"]&&String(parseInt(record["[[StartIndex]]"],10))===String(record["[[StartIndex]]"])&&String(parseInt(record["[[EndIndex]]"],10))===String(record["[[EndIndex]]"])}},"./node_modules/es-abstract/helpers/isNaN.js":function(module,exports,__webpack_require__){"use strict";module.exports=Number.isNaN||function isNaN(a){return a!=a}},"./node_modules/es-abstract/helpers/isPrimitive.js":function(module,exports,__webpack_require__){"use strict";module.exports=function isPrimitive(value){return null===value||"function"!=typeof value&&"object"!=typeof value}},"./node_modules/es-abstract/helpers/isPropertyDescriptor.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),has=__webpack_require__("./node_modules/has/src/index.js"),$TypeError=GetIntrinsic("%TypeError%");module.exports=function IsPropertyDescriptor(ES,Desc){if("Object"!==ES.Type(Desc))return!1;var allowed={"[[Configurable]]":!0,"[[Enumerable]]":!0,"[[Get]]":!0,"[[Set]]":!0,"[[Value]]":!0,"[[Writable]]":!0};for(var key in Desc)if(has(Desc,key)&&!allowed[key])return!1;if(ES.IsDataDescriptor(Desc)&&ES.IsAccessorDescriptor(Desc))throw new $TypeError("Property Descriptors may not be both accessor and data descriptors");return!0}},"./node_modules/es-abstract/helpers/isTrailingSurrogate.js":function(module,exports,__webpack_require__){"use strict";module.exports=function isTrailingSurrogate(charCode){return"number"==typeof charCode&&charCode>=56320&&charCode<=57343}},"./node_modules/es-abstract/helpers/maxSafeInteger.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$Math=GetIntrinsic("%Math%"),$Number=GetIntrinsic("%Number%");module.exports=$Number.MAX_SAFE_INTEGER||$Math.pow(2,53)-1},"./node_modules/es-abstract/helpers/regexTester.js":function(module,exports,__webpack_require__){"use strict";var $exec=__webpack_require__("./node_modules/call-bind/callBound.js")("RegExp.prototype.exec");module.exports=function regexTester(regex){return function test(s){return null!==$exec(regex,s)}}},"./node_modules/es-abstract/helpers/sign.js":function(module,exports,__webpack_require__){"use strict";module.exports=function sign(number){return number>=0?1:-1}},"./node_modules/es-array-method-boxes-properly/index.js":function(module,exports){module.exports=function properlyBoxed(method){var properlyBoxesNonStrict=!0,properlyBoxesStrict=!0,threwException=!1;if("function"==typeof method){try{method.call("f",(function(_,__,O){"object"!=typeof O&&(properlyBoxesNonStrict=!1)})),method.call([null],(function(){"use strict";properlyBoxesStrict="string"==typeof this}),"x")}catch(e){threwException=!0}return!threwException&&properlyBoxesNonStrict&&properlyBoxesStrict}return!1}},"./node_modules/es-get-iterator/index.js":function(module,exports,__webpack_require__){"use strict";(function(process){var isArguments=__webpack_require__("./node_modules/is-arguments/index.js");if(__webpack_require__("./node_modules/has-symbols/index.js")()||__webpack_require__("./node_modules/has-symbols/shams.js")()){var $iterator=Symbol.iterator;module.exports=function getIterator(iterable){return null!=iterable&&void 0!==iterable[$iterator]?iterable[$iterator]():isArguments(iterable)?Array.prototype[$iterator].call(iterable):void 0}}else{var isArray=__webpack_require__("./node_modules/es-get-iterator/node_modules/isarray/index.js"),isString=__webpack_require__("./node_modules/is-string/index.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$Map=GetIntrinsic("%Map%",!0),$Set=GetIntrinsic("%Set%",!0),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$arrayPush=callBound("Array.prototype.push"),$charCodeAt=callBound("String.prototype.charCodeAt"),$stringSlice=callBound("String.prototype.slice"),getArrayIterator=function getArrayIterator(arraylike){var i=0;return{next:function next(){var value,done=i>=arraylike.length;return done||(value=arraylike[i],i+=1),{done:done,value:value}}}},getNonCollectionIterator=function getNonCollectionIterator(iterable,noPrimordialCollections){if(isArray(iterable)||isArguments(iterable))return getArrayIterator(iterable);if(isString(iterable)){var i=0;return{next:function next(){var nextIndex=function advanceStringIndex(S,index){if(index+1>=S.length)return index+1;var first=$charCodeAt(S,index);if(first<55296||first>56319)return index+1;var second=$charCodeAt(S,index+1);return second<56320||second>57343?index+1:index+2}(iterable,i),value=$stringSlice(iterable,i,nextIndex);return i=nextIndex,{done:nextIndex>iterable.length,value:value}}}}return noPrimordialCollections&&void 0!==iterable["_es6-shim iterator_"]?iterable["_es6-shim iterator_"]():void 0};if($Map||$Set){var isMap=__webpack_require__("./node_modules/is-map/index.js"),isSet=__webpack_require__("./node_modules/is-set/index.js"),$mapForEach=callBound("Map.prototype.forEach",!0),$setForEach=callBound("Set.prototype.forEach",!0);if(void 0===process||!process.versions||!process.versions.node)var $mapIterator=callBound("Map.prototype.iterator",!0),$setIterator=callBound("Set.prototype.iterator",!0),getStopIterationIterator=function(iterator){var done=!1;return{next:function next(){try{return{done:done,value:done?void 0:iterator.next()}}catch(e){return done=!0,{done:!0,value:void 0}}}}};var $mapAtAtIterator=callBound("Map.prototype.@@iterator",!0)||callBound("Map.prototype._es6-shim iterator_",!0),$setAtAtIterator=callBound("Set.prototype.@@iterator",!0)||callBound("Set.prototype._es6-shim iterator_",!0);module.exports=function getIterator(iterable){return function getCollectionIterator(iterable){if(isMap(iterable)){if($mapIterator)return getStopIterationIterator($mapIterator(iterable));if($mapAtAtIterator)return $mapAtAtIterator(iterable);if($mapForEach){var entries=[];return $mapForEach(iterable,(function(v,k){$arrayPush(entries,[k,v])})),getArrayIterator(entries)}}if(isSet(iterable)){if($setIterator)return getStopIterationIterator($setIterator(iterable));if($setAtAtIterator)return $setAtAtIterator(iterable);if($setForEach){var values=[];return $setForEach(iterable,(function(v){$arrayPush(values,v)})),getArrayIterator(values)}}}(iterable)||getNonCollectionIterator(iterable)}}else module.exports=function getIterator(iterable){if(null!=iterable)return getNonCollectionIterator(iterable,!0)}}}).call(this,__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/es-get-iterator/node_modules/isarray/index.js":function(module,exports){var toString={}.toString;module.exports=Array.isArray||function(arr){return"[object Array]"==toString.call(arr)}},"./node_modules/es-shim-unscopables/index.js":function(module,exports,__webpack_require__){"use strict";var has=__webpack_require__("./node_modules/has/src/index.js"),hasUnscopables="function"==typeof Symbol&&"symbol"==typeof Symbol.unscopables,map=hasUnscopables&&Array.prototype[Symbol.unscopables],$TypeError=TypeError;module.exports=function shimUnscopables(method){if("string"!=typeof method||!method)throw new $TypeError("method must be a non-empty string");if(!has(Array.prototype,method))throw new $TypeError("method must be on Array.prototype");hasUnscopables&&(map[method]=!0)}},"./node_modules/es-to-primitive/es2015.js":function(module,exports,__webpack_require__){"use strict";var hasSymbols="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator,isPrimitive=__webpack_require__("./node_modules/es-to-primitive/helpers/isPrimitive.js"),isCallable=__webpack_require__("./node_modules/is-callable/index.js"),isDate=__webpack_require__("./node_modules/is-date-object/index.js"),isSymbol=__webpack_require__("./node_modules/is-symbol/index.js"),ordinaryToPrimitive=function OrdinaryToPrimitive(O,hint){if(null==O)throw new TypeError("Cannot call method on "+O);if("string"!=typeof hint||"number"!==hint&&"string"!==hint)throw new TypeError('hint must be "string" or "number"');var method,result,i,methodNames="string"===hint?["toString","valueOf"]:["valueOf","toString"];for(i=0;i<methodNames.length;++i)if(method=O[methodNames[i]],isCallable(method)&&(result=method.call(O),isPrimitive(result)))return result;throw new TypeError("No default value")},GetMethod=function GetMethod(O,P){var func=O[P];if(null!=func){if(!isCallable(func))throw new TypeError(func+" returned for property "+P+" of object "+O+" is not a function");return func}};module.exports=function ToPrimitive(input){if(isPrimitive(input))return input;var exoticToPrim,hint="default";if(arguments.length>1&&(arguments[1]===String?hint="string":arguments[1]===Number&&(hint="number")),hasSymbols&&(Symbol.toPrimitive?exoticToPrim=GetMethod(input,Symbol.toPrimitive):isSymbol(input)&&(exoticToPrim=Symbol.prototype.valueOf)),void 0!==exoticToPrim){var result=exoticToPrim.call(input,hint);if(isPrimitive(result))return result;throw new TypeError("unable to convert exotic object to primitive")}return"default"===hint&&(isDate(input)||isSymbol(input))&&(hint="string"),ordinaryToPrimitive(input,"default"===hint?"number":hint)}},"./node_modules/es-to-primitive/helpers/isPrimitive.js":function(module,exports,__webpack_require__){"use strict";module.exports=function isPrimitive(value){return null===value||"function"!=typeof value&&"object"!=typeof value}},"./node_modules/es5-shim/es5-sham.js":function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_RESULT__;!function(root,factory){"use strict";void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(){var defineGetter,defineSetter,lookupGetter,lookupSetter,call=Function.call,prototypeOfObject=Object.prototype,owns=call.bind(prototypeOfObject.hasOwnProperty),isEnumerable=call.bind(prototypeOfObject.propertyIsEnumerable),toStr=call.bind(prototypeOfObject.toString),supportsAccessors=owns(prototypeOfObject,"__defineGetter__");supportsAccessors&&(defineGetter=call.bind(prototypeOfObject.__defineGetter__),defineSetter=call.bind(prototypeOfObject.__defineSetter__),lookupGetter=call.bind(prototypeOfObject.__lookupGetter__),lookupSetter=call.bind(prototypeOfObject.__lookupSetter__));var isPrimitive=function isPrimitive(o){return null==o||"object"!=typeof o&&"function"!=typeof o};Object.getPrototypeOf||(Object.getPrototypeOf=function getPrototypeOf(object){var proto=object.__proto__;return proto||null==proto?proto:"[object Function]"===toStr(object.constructor)?object.constructor.prototype:object instanceof Object?prototypeOfObject:null});if(Object.defineProperty){var doesGetOwnPropertyDescriptorWork=function doesGetOwnPropertyDescriptorWork(object){try{return object.sentinel=0,0===Object.getOwnPropertyDescriptor(object,"sentinel").value}catch(exception){return!1}},getOwnPropertyDescriptorWorksOnObject=doesGetOwnPropertyDescriptorWork({});if(!("undefined"==typeof document||doesGetOwnPropertyDescriptorWork(document.createElement("div")))||!getOwnPropertyDescriptorWorksOnObject)var getOwnPropertyDescriptorFallback=Object.getOwnPropertyDescriptor}if(!Object.getOwnPropertyDescriptor||getOwnPropertyDescriptorFallback){var ERR_NON_OBJECT="Object.getOwnPropertyDescriptor called on a non-object: ";Object.getOwnPropertyDescriptor=function getOwnPropertyDescriptor(object,property){if(isPrimitive(object))throw new TypeError(ERR_NON_OBJECT+object);if(getOwnPropertyDescriptorFallback)try{return getOwnPropertyDescriptorFallback.call(Object,object,property)}catch(exception){}var descriptor;if(!owns(object,property))return descriptor;if(descriptor={enumerable:isEnumerable(object,property),configurable:!0},supportsAccessors){var prototype=object.__proto__,notPrototypeOfObject=object!==prototypeOfObject;notPrototypeOfObject&&(object.__proto__=prototypeOfObject);var getter=lookupGetter(object,property),setter=lookupSetter(object,property);if(notPrototypeOfObject&&(object.__proto__=prototype),getter||setter)return getter&&(descriptor.get=getter),setter&&(descriptor.set=setter),descriptor}return descriptor.value=object[property],descriptor.writable=!0,descriptor}}Object.getOwnPropertyNames||(Object.getOwnPropertyNames=function getOwnPropertyNames(object){return Object.keys(object)});if(!Object.create){var createEmpty,shouldUseActiveX=function shouldUseActiveX(){if(!document.domain)return!1;try{return!!new ActiveXObject("htmlfile")}catch(exception){return!1}},getEmptyViaActiveX=function getEmptyViaActiveX(){var empty,xDoc,script="script";return(xDoc=new ActiveXObject("htmlfile")).write("<"+script+"></"+script+">"),xDoc.close(),empty=xDoc.parentWindow.Object.prototype,xDoc=null,empty},getEmptyViaIFrame=function getEmptyViaIFrame(){var empty,iframe=document.createElement("iframe"),parent=document.body||document.documentElement;return iframe.style.display="none",parent.appendChild(iframe),iframe.src="javascript:",empty=iframe.contentWindow.Object.prototype,parent.removeChild(iframe),iframe=null,empty};createEmpty=!({__proto__:null}instanceof Object)||"undefined"==typeof document?function(){return{__proto__:null}}:function(){var empty=shouldUseActiveX()?getEmptyViaActiveX():getEmptyViaIFrame();delete empty.constructor,delete empty.hasOwnProperty,delete empty.propertyIsEnumerable,delete empty.isPrototypeOf,delete empty.toLocaleString,delete empty.toString,delete empty.valueOf;var Empty=function Empty(){};return Empty.prototype=empty,createEmpty=function(){return new Empty},new Empty},Object.create=function create(prototype,properties){var object,Type=function Type(){};if(null===prototype)object=createEmpty();else{if(isPrimitive(prototype))throw new TypeError("Object prototype may only be an Object or null");Type.prototype=prototype,(object=new Type).__proto__=prototype}return void 0!==properties&&Object.defineProperties(object,properties),object}}var doesDefinePropertyWork=function doesDefinePropertyWork(object){try{return Object.defineProperty(object,"sentinel",{}),"sentinel"in object}catch(exception){return!1}};if(Object.defineProperty){var definePropertyWorksOnObject=doesDefinePropertyWork({}),definePropertyWorksOnDom="undefined"==typeof document||doesDefinePropertyWork(document.createElement("div"));if(!definePropertyWorksOnObject||!definePropertyWorksOnDom)var definePropertyFallback=Object.defineProperty,definePropertiesFallback=Object.defineProperties}if(!Object.defineProperty||definePropertyFallback){var ERR_NON_OBJECT_DESCRIPTOR="Property description must be an object: ",ERR_NON_OBJECT_TARGET="Object.defineProperty called on non-object: ",ERR_ACCESSORS_NOT_SUPPORTED="getters & setters can not be defined on this javascript engine";Object.defineProperty=function defineProperty(object,property,descriptor){if(isPrimitive(object))throw new TypeError(ERR_NON_OBJECT_TARGET+object);if(isPrimitive(descriptor))throw new TypeError(ERR_NON_OBJECT_DESCRIPTOR+descriptor);if(definePropertyFallback)try{return definePropertyFallback.call(Object,object,property,descriptor)}catch(exception){}if("value"in descriptor)if(supportsAccessors&&(lookupGetter(object,property)||lookupSetter(object,property))){var prototype=object.__proto__;object.__proto__=prototypeOfObject,delete object[property],object[property]=descriptor.value,object.__proto__=prototype}else object[property]=descriptor.value;else{var hasGetter="get"in descriptor,hasSetter="set"in descriptor;if(!supportsAccessors&&(hasGetter||hasSetter))throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);hasGetter&&defineGetter(object,property,descriptor.get),hasSetter&&defineSetter(object,property,descriptor.set)}return object}}Object.defineProperties&&!definePropertiesFallback||(Object.defineProperties=function defineProperties(object,properties){if(definePropertiesFallback)try{return definePropertiesFallback.call(Object,object,properties)}catch(exception){}return Object.keys(properties).forEach((function(property){"__proto__"!==property&&Object.defineProperty(object,property,properties[property])})),object});Object.seal||(Object.seal=function seal(object){if(Object(object)!==object)throw new TypeError("Object.seal can only be called on Objects.");return object});Object.freeze||(Object.freeze=function freeze(object){if(Object(object)!==object)throw new TypeError("Object.freeze can only be called on Objects.");return object});try{Object.freeze((function(){}))}catch(exception){Object.freeze=(freezeObject=Object.freeze,function freeze(object){return"function"==typeof object?object:freezeObject(object)})}var freezeObject;Object.preventExtensions||(Object.preventExtensions=function preventExtensions(object){if(Object(object)!==object)throw new TypeError("Object.preventExtensions can only be called on Objects.");return object});Object.isSealed||(Object.isSealed=function isSealed(object){if(Object(object)!==object)throw new TypeError("Object.isSealed can only be called on Objects.");return!1});Object.isFrozen||(Object.isFrozen=function isFrozen(object){if(Object(object)!==object)throw new TypeError("Object.isFrozen can only be called on Objects.");return!1});Object.isExtensible||(Object.isExtensible=function isExtensible(object){if(Object(object)!==object)throw new TypeError("Object.isExtensible can only be called on Objects.");for(var name="";owns(object,name);)name+="?";object[name]=!0;var returnValue=owns(object,name);return delete object[name],returnValue})})?__WEBPACK_AMD_DEFINE_FACTORY__.call(exports,__webpack_require__,exports,module):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/es5-shim/es5-shim.js":function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_RESULT__;!function(root,factory){"use strict";__WEBPACK_AMD_DEFINE_FACTORY__=function(){var isRegex,isString,$Array=Array,ArrayPrototype=$Array.prototype,$Object=Object,ObjectPrototype=$Object.prototype,$Function=Function,FunctionPrototype=$Function.prototype,$String=String,StringPrototype=$String.prototype,$Number=Number,NumberPrototype=$Number.prototype,array_slice=ArrayPrototype.slice,array_splice=ArrayPrototype.splice,array_push=ArrayPrototype.push,array_unshift=ArrayPrototype.unshift,array_concat=ArrayPrototype.concat,array_join=ArrayPrototype.join,call=FunctionPrototype.call,apply=FunctionPrototype.apply,max=Math.max,min=Math.min,floor=Math.floor,abs=Math.abs,pow=Math.pow,round=Math.round,log=Math.log,LOG10E=Math.LOG10E,log10=Math.log10||function log10(value){return log(value)*LOG10E},to_string=ObjectPrototype.toString,hasToStringTag="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,fnToStr=Function.prototype.toString,constructorRegex=/^\s*class /,isES6ClassFn=function isES6ClassFn(value){try{var spaceStripped=fnToStr.call(value).replace(/\/\/.*\n/g,"").replace(/\/\*[.\s\S]*\*\//g,"").replace(/\n/gm," ").replace(/ {2}/g," ");return constructorRegex.test(spaceStripped)}catch(e){return!1}},tryFunctionObject=function tryFunctionObject(value){try{return!isES6ClassFn(value)&&(fnToStr.call(value),!0)}catch(e){return!1}},fnClass="[object Function]",genClass="[object GeneratorFunction]",isCallable=function isCallable(value){if(!value)return!1;if("function"!=typeof value&&"object"!=typeof value)return!1;if(hasToStringTag)return tryFunctionObject(value);if(isES6ClassFn(value))return!1;var strClass=to_string.call(value);return strClass===fnClass||strClass===genClass},regexExec=RegExp.prototype.exec,tryRegexExec=function tryRegexExec(value){try{return regexExec.call(value),!0}catch(e){return!1}},regexClass="[object RegExp]";isRegex=function isRegex(value){return"object"==typeof value&&(hasToStringTag?tryRegexExec(value):to_string.call(value)===regexClass)};var strValue=String.prototype.valueOf,tryStringObject=function tryStringObject(value){try{return strValue.call(value),!0}catch(e){return!1}},stringClass="[object String]";isString=function isString(value){return"string"==typeof value||"object"==typeof value&&(hasToStringTag?tryStringObject(value):to_string.call(value)===stringClass)};var supportsDescriptors=$Object.defineProperty&&function(){try{var obj={};for(var _ in $Object.defineProperty(obj,"x",{enumerable:!1,value:obj}),obj)return!1;return obj.x===obj}catch(e){return!1}}(),defineProperties=(has=ObjectPrototype.hasOwnProperty,defineProperty=supportsDescriptors?function(object,name,method,forceAssign){!forceAssign&&name in object||$Object.defineProperty(object,name,{configurable:!0,enumerable:!1,writable:!0,value:method})}:function(object,name,method,forceAssign){!forceAssign&&name in object||(object[name]=method)},function defineProperties(object,map,forceAssign){for(var name in map)has.call(map,name)&&defineProperty(object,name,map[name],forceAssign)});var has,defineProperty;if($Object.defineProperty&&supportsDescriptors){var F=function(){},toStringSentinel={},sentinel={toString:toStringSentinel};if($Object.defineProperty(F,"prototype",{value:sentinel,writable:!1}),(new F).toString!==toStringSentinel){var $dP=$Object.defineProperty,$gOPD=$Object.getOwnPropertyDescriptor;defineProperties($Object,{defineProperty:function defineProperty(o,k,d){var key=$String(k);if("function"==typeof o&&"prototype"===key){var desc=$gOPD(o,key);if(desc.writable&&!d.writable&&"value"in d)try{o[key]=d.value}catch(e){}return $dP(o,key,{configurable:"configurable"in d?d.configurable:desc.configurable,enumerable:"enumerable"in d?d.enumerable:desc.enumerable,writable:d.writable})}return $dP(o,key,d)}},!0)}}var isPrimitive=function isPrimitive(input){var type=typeof input;return null===input||"object"!==type&&"function"!==type},isActualNaN=$Number.isNaN||function isActualNaN(x){return x!=x},ES={ToInteger:function ToInteger(num){var n=+num;return isActualNaN(n)?n=0:0!==n&&n!==1/0&&n!==-1/0&&(n=(n>0||-1)*floor(abs(n))),n},ToPrimitive:function ToPrimitive(input){var val,valueOf,toStr;if(isPrimitive(input))return input;if(valueOf=input.valueOf,isCallable(valueOf)&&(val=valueOf.call(input),isPrimitive(val)))return val;if(toStr=input.toString,isCallable(toStr)&&(val=toStr.call(input),isPrimitive(val)))return val;throw new TypeError},ToObject:function(o){if(null==o)throw new TypeError("can't convert "+o+" to object");return $Object(o)},ToUint32:function ToUint32(x){return x>>>0}},Empty=function Empty(){};defineProperties(FunctionPrototype,{bind:function bind(that){var target=this;if(!isCallable(target))throw new TypeError("Function.prototype.bind called on incompatible "+target);for(var bound,args=array_slice.call(arguments,1),binder=function(){if(this instanceof bound){var result=apply.call(target,this,array_concat.call(args,array_slice.call(arguments)));return $Object(result)===result?result:this}return apply.call(target,that,array_concat.call(args,array_slice.call(arguments)))},boundLength=max(0,target.length-args.length),boundArgs=[],i=0;i<boundLength;i++)array_push.call(boundArgs,"$"+i);return bound=$Function("binder","return function ("+array_join.call(boundArgs,",")+"){ return binder.apply(this, arguments); }")(binder),target.prototype&&(Empty.prototype=target.prototype,bound.prototype=new Empty,Empty.prototype=null),bound}});var owns=call.bind(ObjectPrototype.hasOwnProperty),toStr=call.bind(ObjectPrototype.toString),arraySlice=call.bind(array_slice),arraySliceApply=apply.bind(array_slice);if("object"==typeof document&&document&&document.documentElement)try{arraySlice(document.documentElement.childNodes)}catch(e){var origArraySlice=arraySlice,origArraySliceApply=arraySliceApply;arraySlice=function arraySliceIE(arr){for(var r=[],i=arr.length;i-- >0;)r[i]=arr[i];return origArraySliceApply(r,origArraySlice(arguments,1))},arraySliceApply=function arraySliceApplyIE(arr,args){return origArraySliceApply(arraySlice(arr),args)}}var strSlice=call.bind(StringPrototype.slice),strSplit=call.bind(StringPrototype.split),strIndexOf=call.bind(StringPrototype.indexOf),pushCall=call.bind(array_push),isEnum=call.bind(ObjectPrototype.propertyIsEnumerable),arraySort=call.bind(ArrayPrototype.sort),isArray=$Array.isArray||function isArray(obj){return"[object Array]"===toStr(obj)},hasUnshiftReturnValueBug=1!==[].unshift(0);defineProperties(ArrayPrototype,{unshift:function(){return array_unshift.apply(this,arguments),this.length}},hasUnshiftReturnValueBug),defineProperties($Array,{isArray:isArray});var boxedString=$Object("a"),splitString="a"!==boxedString[0]||!(0 in boxedString),properlyBoxesContext=function properlyBoxed(method){var properlyBoxesNonStrict=!0,properlyBoxesStrict=!0,threwException=!1;if(method)try{method.call("foo",(function(_,__,context){"object"!=typeof context&&(properlyBoxesNonStrict=!1)})),method.call([1],(function(){properlyBoxesStrict="string"==typeof this}),"x")}catch(e){threwException=!0}return!!method&&!threwException&&properlyBoxesNonStrict&&properlyBoxesStrict};defineProperties(ArrayPrototype,{forEach:function forEach(callbackfn){var T,object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,i=-1,length=ES.ToUint32(self.length);if(arguments.length>1&&(T=arguments[1]),!isCallable(callbackfn))throw new TypeError("Array.prototype.forEach callback must be a function");for(;++i<length;)i in self&&(void 0===T?callbackfn(self[i],i,object):callbackfn.call(T,self[i],i,object))}},!properlyBoxesContext(ArrayPrototype.forEach)),defineProperties(ArrayPrototype,{map:function map(callbackfn){var T,object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,length=ES.ToUint32(self.length),result=$Array(length);if(arguments.length>1&&(T=arguments[1]),!isCallable(callbackfn))throw new TypeError("Array.prototype.map callback must be a function");for(var i=0;i<length;i++)i in self&&(result[i]=void 0===T?callbackfn(self[i],i,object):callbackfn.call(T,self[i],i,object));return result}},!properlyBoxesContext(ArrayPrototype.map)),defineProperties(ArrayPrototype,{filter:function filter(callbackfn){var value,T,object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,length=ES.ToUint32(self.length),result=[];if(arguments.length>1&&(T=arguments[1]),!isCallable(callbackfn))throw new TypeError("Array.prototype.filter callback must be a function");for(var i=0;i<length;i++)i in self&&(value=self[i],(void 0===T?callbackfn(value,i,object):callbackfn.call(T,value,i,object))&&pushCall(result,value));return result}},!properlyBoxesContext(ArrayPrototype.filter)),defineProperties(ArrayPrototype,{every:function every(callbackfn){var T,object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,length=ES.ToUint32(self.length);if(arguments.length>1&&(T=arguments[1]),!isCallable(callbackfn))throw new TypeError("Array.prototype.every callback must be a function");for(var i=0;i<length;i++)if(i in self&&!(void 0===T?callbackfn(self[i],i,object):callbackfn.call(T,self[i],i,object)))return!1;return!0}},!properlyBoxesContext(ArrayPrototype.every)),defineProperties(ArrayPrototype,{some:function some(callbackfn){var T,object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,length=ES.ToUint32(self.length);if(arguments.length>1&&(T=arguments[1]),!isCallable(callbackfn))throw new TypeError("Array.prototype.some callback must be a function");for(var i=0;i<length;i++)if(i in self&&(void 0===T?callbackfn(self[i],i,object):callbackfn.call(T,self[i],i,object)))return!0;return!1}},!properlyBoxesContext(ArrayPrototype.some));var reduceCoercesToObject=!1;ArrayPrototype.reduce&&(reduceCoercesToObject="object"==typeof ArrayPrototype.reduce.call("es5",(function(_,__,___,list){return list})));defineProperties(ArrayPrototype,{reduce:function reduce(callbackfn){var object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,length=ES.ToUint32(self.length);if(!isCallable(callbackfn))throw new TypeError("Array.prototype.reduce callback must be a function");if(0===length&&1===arguments.length)throw new TypeError("reduce of empty array with no initial value");var result,i=0;if(arguments.length>=2)result=arguments[1];else for(;;){if(i in self){result=self[i++];break}if(++i>=length)throw new TypeError("reduce of empty array with no initial value")}for(;i<length;i++)i in self&&(result=callbackfn(result,self[i],i,object));return result}},!reduceCoercesToObject);var reduceRightCoercesToObject=!1;ArrayPrototype.reduceRight&&(reduceRightCoercesToObject="object"==typeof ArrayPrototype.reduceRight.call("es5",(function(_,__,___,list){return list})));defineProperties(ArrayPrototype,{reduceRight:function reduceRight(callbackfn){var result,object=ES.ToObject(this),self=splitString&&isString(this)?strSplit(this,""):object,length=ES.ToUint32(self.length);if(!isCallable(callbackfn))throw new TypeError("Array.prototype.reduceRight callback must be a function");if(0===length&&1===arguments.length)throw new TypeError("reduceRight of empty array with no initial value");var i=length-1;if(arguments.length>=2)result=arguments[1];else for(;;){if(i in self){result=self[i--];break}if(--i<0)throw new TypeError("reduceRight of empty array with no initial value")}if(i<0)return result;do{i in self&&(result=callbackfn(result,self[i],i,object))}while(i--);return result}},!reduceRightCoercesToObject);var hasFirefox2IndexOfBug=ArrayPrototype.indexOf&&-1!==[0,1].indexOf(1,2);defineProperties(ArrayPrototype,{indexOf:function indexOf(searchElement){var self=splitString&&isString(this)?strSplit(this,""):ES.ToObject(this),length=ES.ToUint32(self.length);if(0===length)return-1;var i=0;for(arguments.length>1&&(i=ES.ToInteger(arguments[1])),i=i>=0?i:max(0,length+i);i<length;i++)if(i in self&&self[i]===searchElement)return i;return-1}},hasFirefox2IndexOfBug);var hasFirefox2LastIndexOfBug=ArrayPrototype.lastIndexOf&&-1!==[0,1].lastIndexOf(0,-3);defineProperties(ArrayPrototype,{lastIndexOf:function lastIndexOf(searchElement){var self=splitString&&isString(this)?strSplit(this,""):ES.ToObject(this),length=ES.ToUint32(self.length);if(0===length)return-1;var i=length-1;for(arguments.length>1&&(i=min(i,ES.ToInteger(arguments[1]))),i=i>=0?i:length-abs(i);i>=0;i--)if(i in self&&searchElement===self[i])return i;return-1}},hasFirefox2LastIndexOfBug);var spliceNoopReturnsEmptyArray=(a=[1,2],result=a.splice(),2===a.length&&isArray(result)&&0===result.length);var a,result;defineProperties(ArrayPrototype,{splice:function splice(start,deleteCount){return 0===arguments.length?[]:array_splice.apply(this,arguments)}},!spliceNoopReturnsEmptyArray);var spliceWorksWithEmptyObject=(obj={},ArrayPrototype.splice.call(obj,0,0,1),1===obj.length),hasES6Defaults=3===[0,1,2].splice(0).length;var obj;defineProperties(ArrayPrototype,{splice:function splice(start,deleteCount){if(0===arguments.length)return[];var args=arguments;return this.length=max(ES.ToInteger(this.length),0),arguments.length>0&&"number"!=typeof deleteCount&&((args=arraySlice(arguments)).length<2?pushCall(args,this.length-start):args[1]=ES.ToInteger(deleteCount)),array_splice.apply(this,args)}},!spliceWorksWithEmptyObject||!hasES6Defaults);var spliceWorksWithLargeSparseArrays=(arr=new $Array(1e5),arr[8]="x",arr.splice(1,1),7===arr.indexOf("x")),spliceWorksWithSmallSparseArrays=function(){var n=256,arr=[];return arr[n]="a",arr.splice(n+1,0,"b"),"a"===arr[n]}();var arr;defineProperties(ArrayPrototype,{splice:function splice(start,deleteCount){for(var from,O=ES.ToObject(this),A=[],len=ES.ToUint32(O.length),relativeStart=ES.ToInteger(start),actualStart=relativeStart<0?max(len+relativeStart,0):min(relativeStart,len),actualDeleteCount=0===arguments.length?0:1===arguments.length?len-actualStart:min(max(ES.ToInteger(deleteCount),0),len-actualStart),k=0;k<actualDeleteCount;)from=$String(actualStart+k),owns(O,from)&&(A[k]=O[from]),k+=1;var to,items=arraySlice(arguments,2),itemCount=items.length;if(itemCount<actualDeleteCount){k=actualStart;for(var maxK=len-actualDeleteCount;k<maxK;)from=$String(k+actualDeleteCount),to=$String(k+itemCount),owns(O,from)?O[to]=O[from]:delete O[to],k+=1;k=len;for(var minK=len-actualDeleteCount+itemCount;k>minK;)delete O[k-1],k-=1}else if(itemCount>actualDeleteCount)for(k=len-actualDeleteCount;k>actualStart;)from=$String(k+actualDeleteCount-1),to=$String(k+itemCount-1),owns(O,from)?O[to]=O[from]:delete O[to],k-=1;k=actualStart;for(var i=0;i<items.length;++i)O[k]=items[i],k+=1;return O.length=len-actualDeleteCount+itemCount,A}},!spliceWorksWithLargeSparseArrays||!spliceWorksWithSmallSparseArrays);var hasStringJoinBug,originalJoin=ArrayPrototype.join;try{hasStringJoinBug="1,2,3"!==Array.prototype.join.call("123",",")}catch(e){hasStringJoinBug=!0}hasStringJoinBug&&defineProperties(ArrayPrototype,{join:function join(separator){var sep=void 0===separator?",":separator;return originalJoin.call(isString(this)?strSplit(this,""):this,sep)}},hasStringJoinBug);var hasJoinUndefinedBug="1,2"!==[1,2].join(void 0);hasJoinUndefinedBug&&defineProperties(ArrayPrototype,{join:function join(separator){var sep=void 0===separator?",":separator;return originalJoin.call(this,sep)}},hasJoinUndefinedBug);var pushShim=function push(item){for(var O=ES.ToObject(this),n=ES.ToUint32(O.length),i=0;i<arguments.length;)O[n+i]=arguments[i],i+=1;return O.length=n+i,n+i},pushIsNotGeneric=function(){var obj={};return 1!==Array.prototype.push.call(obj,void 0)||1!==obj.length||void 0!==obj[0]||!owns(obj,0)}();defineProperties(ArrayPrototype,{push:function push(item){return isArray(this)?array_push.apply(this,arguments):pushShim.apply(this,arguments)}},pushIsNotGeneric);var pushUndefinedIsWeird=function(){var arr=[];return 1!==arr.push(void 0)||1!==arr.length||void 0!==arr[0]||!owns(arr,0)}();defineProperties(ArrayPrototype,{push:pushShim},pushUndefinedIsWeird),defineProperties(ArrayPrototype,{slice:function(start,end){var arr=isString(this)?strSplit(this,""):this;return arraySliceApply(arr,arguments)}},splitString);var sortIgnoresNonFunctions=function(){try{[1,2].sort(null)}catch(e){try{[1,2].sort({})}catch(e2){return!1}}return!0}(),sortThrowsOnRegex=function(){try{return[1,2].sort(/a/),!1}catch(e){}return!0}(),sortIgnoresUndefined=function(){try{return[1,2].sort(void 0),!0}catch(e){}return!1}();defineProperties(ArrayPrototype,{sort:function sort(compareFn){if(void 0===compareFn)return arraySort(this);if(!isCallable(compareFn))throw new TypeError("Array.prototype.sort callback must be a function");return arraySort(this,compareFn)}},sortIgnoresNonFunctions||!sortIgnoresUndefined||!sortThrowsOnRegex);var hasDontEnumBug=!isEnum({toString:null},"toString"),hasProtoEnumBug=isEnum((function(){}),"prototype"),hasStringEnumBug=!owns("x","0"),equalsConstructorPrototype=function(o){var ctor=o.constructor;return ctor&&ctor.prototype===o},excludedKeys={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0,$width:!0,$height:!0,$top:!0,$localStorage:!0},hasAutomationEqualityBug=function(){if("undefined"==typeof window)return!1;for(var k in window)try{!excludedKeys["$"+k]&&owns(window,k)&&null!==window[k]&&"object"==typeof window[k]&&equalsConstructorPrototype(window[k])}catch(e){return!0}return!1}(),equalsConstructorPrototypeIfNotBuggy=function(object){if("undefined"==typeof window||!hasAutomationEqualityBug)return equalsConstructorPrototype(object);try{return equalsConstructorPrototype(object)}catch(e){return!1}},dontEnums=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],dontEnumsLength=dontEnums.length,isStandardArguments=function isArguments(value){return"[object Arguments]"===toStr(value)},isLegacyArguments=function isArguments(value){return null!==value&&"object"==typeof value&&"number"==typeof value.length&&value.length>=0&&!isArray(value)&&isCallable(value.callee)},isArguments=isStandardArguments(arguments)?isStandardArguments:isLegacyArguments;defineProperties($Object,{keys:function keys(object){var isFn=isCallable(object),isArgs=isArguments(object),isObject=null!==object&&"object"==typeof object,isStr=isObject&&isString(object);if(!isObject&&!isFn&&!isArgs)throw new TypeError("Object.keys called on a non-object");var theKeys=[],skipProto=hasProtoEnumBug&&isFn;if(isStr&&hasStringEnumBug||isArgs)for(var i=0;i<object.length;++i)pushCall(theKeys,$String(i));if(!isArgs)for(var name in object)skipProto&&"prototype"===name||!owns(object,name)||pushCall(theKeys,$String(name));if(hasDontEnumBug)for(var skipConstructor=equalsConstructorPrototypeIfNotBuggy(object),j=0;j<dontEnumsLength;j++){var dontEnum=dontEnums[j];skipConstructor&&"constructor"===dontEnum||!owns(object,dontEnum)||pushCall(theKeys,dontEnum)}return theKeys}});var keysWorksWithArguments=$Object.keys&&function(){return 2===$Object.keys(arguments).length}(1,2),keysHasArgumentsLengthBug=$Object.keys&&function(){var argKeys=$Object.keys(arguments);return 1!==arguments.length||1!==argKeys.length||1!==argKeys[0]}(1),originalKeys=$Object.keys;defineProperties($Object,{keys:function keys(object){return isArguments(object)?originalKeys(arraySlice(object)):originalKeys(object)}},!keysWorksWithArguments||keysHasArgumentsLengthBug);var hasToDateStringFormatBug,hasToStringFormatBug,hasNegativeMonthYearBug=0!==new Date(-0xc782b5b342b24).getUTCMonth(),aNegativeTestDate=new Date(-0x55d318d56a724),aPositiveTestDate=new Date(14496624e5),hasToUTCStringFormatBug="Mon, 01 Jan -45875 11:59:59 GMT"!==aNegativeTestDate.toUTCString();aNegativeTestDate.getTimezoneOffset()<-720?(hasToDateStringFormatBug="Tue Jan 02 -45875"!==aNegativeTestDate.toDateString(),hasToStringFormatBug=!/^Thu Dec 10 2015 \d\d:\d\d:\d\d GMT[-+]\d\d\d\d(?: |$)/.test(String(aPositiveTestDate))):(hasToDateStringFormatBug="Mon Jan 01 -45875"!==aNegativeTestDate.toDateString(),hasToStringFormatBug=!/^Wed Dec 09 2015 \d\d:\d\d:\d\d GMT[-+]\d\d\d\d(?: |$)/.test(String(aPositiveTestDate)));var originalGetFullYear=call.bind(Date.prototype.getFullYear),originalGetMonth=call.bind(Date.prototype.getMonth),originalGetDate=call.bind(Date.prototype.getDate),originalGetUTCFullYear=call.bind(Date.prototype.getUTCFullYear),originalGetUTCMonth=call.bind(Date.prototype.getUTCMonth),originalGetUTCDate=call.bind(Date.prototype.getUTCDate),originalGetUTCDay=call.bind(Date.prototype.getUTCDay),originalGetUTCHours=call.bind(Date.prototype.getUTCHours),originalGetUTCMinutes=call.bind(Date.prototype.getUTCMinutes),originalGetUTCSeconds=call.bind(Date.prototype.getUTCSeconds),originalGetUTCMilliseconds=call.bind(Date.prototype.getUTCMilliseconds),dayName=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthName=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],daysInMonth=function daysInMonth(month,year){return originalGetDate(new Date(year,month,0))};defineProperties(Date.prototype,{getFullYear:function getFullYear(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var year=originalGetFullYear(this);return year<0&&originalGetMonth(this)>11?year+1:year},getMonth:function getMonth(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var year=originalGetFullYear(this),month=originalGetMonth(this);return year<0&&month>11?0:month},getDate:function getDate(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var year=originalGetFullYear(this),month=originalGetMonth(this),date=originalGetDate(this);return year<0&&month>11?12===month?date:daysInMonth(0,year+1)-date+1:date},getUTCFullYear:function getUTCFullYear(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var year=originalGetUTCFullYear(this);return year<0&&originalGetUTCMonth(this)>11?year+1:year},getUTCMonth:function getUTCMonth(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var year=originalGetUTCFullYear(this),month=originalGetUTCMonth(this);return year<0&&month>11?0:month},getUTCDate:function getUTCDate(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var year=originalGetUTCFullYear(this),month=originalGetUTCMonth(this),date=originalGetUTCDate(this);return year<0&&month>11?12===month?date:daysInMonth(0,year+1)-date+1:date}},hasNegativeMonthYearBug),defineProperties(Date.prototype,{toUTCString:function toUTCString(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var day=originalGetUTCDay(this),date=originalGetUTCDate(this),month=originalGetUTCMonth(this),year=originalGetUTCFullYear(this),hour=originalGetUTCHours(this),minute=originalGetUTCMinutes(this),second=originalGetUTCSeconds(this);return dayName[day]+", "+(date<10?"0"+date:date)+" "+monthName[month]+" "+year+" "+(hour<10?"0"+hour:hour)+":"+(minute<10?"0"+minute:minute)+":"+(second<10?"0"+second:second)+" GMT"}},hasNegativeMonthYearBug||hasToUTCStringFormatBug),defineProperties(Date.prototype,{toDateString:function toDateString(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var day=this.getDay(),date=this.getDate(),month=this.getMonth(),year=this.getFullYear();return dayName[day]+" "+monthName[month]+" "+(date<10?"0"+date:date)+" "+year}},hasNegativeMonthYearBug||hasToDateStringFormatBug),(hasNegativeMonthYearBug||hasToStringFormatBug)&&(Date.prototype.toString=function toString(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var day=this.getDay(),date=this.getDate(),month=this.getMonth(),year=this.getFullYear(),hour=this.getHours(),minute=this.getMinutes(),second=this.getSeconds(),timezoneOffset=this.getTimezoneOffset(),hoursOffset=floor(abs(timezoneOffset)/60),minutesOffset=floor(abs(timezoneOffset)%60);return dayName[day]+" "+monthName[month]+" "+(date<10?"0"+date:date)+" "+year+" "+(hour<10?"0"+hour:hour)+":"+(minute<10?"0"+minute:minute)+":"+(second<10?"0"+second:second)+" GMT"+(timezoneOffset>0?"-":"+")+(hoursOffset<10?"0"+hoursOffset:hoursOffset)+(minutesOffset<10?"0"+minutesOffset:minutesOffset)},supportsDescriptors&&$Object.defineProperty(Date.prototype,"toString",{configurable:!0,enumerable:!1,writable:!0}));var negativeDate=-621987552e5,negativeYearString="-000001",hasNegativeDateBug=Date.prototype.toISOString&&-1===new Date(negativeDate).toISOString().indexOf(negativeYearString),hasSafari51DateBug=Date.prototype.toISOString&&"1969-12-31T23:59:59.999Z"!==new Date(-1).toISOString(),getTime=call.bind(Date.prototype.getTime);defineProperties(Date.prototype,{toISOString:function toISOString(){if(!isFinite(this)||!isFinite(getTime(this)))throw new RangeError("Date.prototype.toISOString called on non-finite value.");var year=originalGetUTCFullYear(this),month=originalGetUTCMonth(this);year+=floor(month/12);var result=[(month=(month%12+12)%12)+1,originalGetUTCDate(this),originalGetUTCHours(this),originalGetUTCMinutes(this),originalGetUTCSeconds(this)];year=(year<0?"-":year>9999?"+":"")+strSlice("00000"+abs(year),0<=year&&year<=9999?-4:-6);for(var i=0;i<result.length;++i)result[i]=strSlice("00"+result[i],-2);return year+"-"+arraySlice(result,0,2).join("-")+"T"+arraySlice(result,2).join(":")+"."+strSlice("000"+originalGetUTCMilliseconds(this),-3)+"Z"}},hasNegativeDateBug||hasSafari51DateBug),function(){try{return Date.prototype.toJSON&&null===new Date(NaN).toJSON()&&-1!==new Date(negativeDate).toJSON().indexOf(negativeYearString)&&Date.prototype.toJSON.call({toISOString:function(){return!0}})}catch(e){return!1}}()||(Date.prototype.toJSON=function toJSON(key){var O=$Object(this),tv=ES.ToPrimitive(O);if("number"==typeof tv&&!isFinite(tv))return null;var toISO=O.toISOString;if(!isCallable(toISO))throw new TypeError("toISOString property is not callable");return toISO.call(O)});var supportsExtendedYears=1e15===Date.parse("+033658-09-27T01:46:40.000Z"),acceptsInvalidDates=!isNaN(Date.parse("2012-04-04T24:00:00.500Z"))||!isNaN(Date.parse("2012-11-31T23:59:59.000Z"))||!isNaN(Date.parse("2012-12-31T23:59:60.000Z"));if(isNaN(Date.parse("2000-01-01T00:00:00.000Z"))||acceptsInvalidDates||!supportsExtendedYears){var maxSafeUnsigned32Bit=pow(2,31)-1,hasSafariSignedIntBug=isActualNaN(new Date(1970,0,1,0,0,0,maxSafeUnsigned32Bit+1).getTime());Date=function(NativeDate){var DateShim=function Date(Y,M,D,h,m,s,ms){var date,length=arguments.length;if(this instanceof NativeDate){var seconds=s,millis=ms;if(hasSafariSignedIntBug&&length>=7&&ms>maxSafeUnsigned32Bit){var msToShift=floor(ms/maxSafeUnsigned32Bit)*maxSafeUnsigned32Bit,sToShift=floor(msToShift/1e3);seconds+=sToShift,millis-=1e3*sToShift}var parsed=DateShim.parse(Y),hasNegTimestampParseBug=isNaN(parsed);date=1!==length||$String(Y)!==Y||hasNegTimestampParseBug?length>=7?new NativeDate(Y,M,D,h,m,seconds,millis):length>=6?new NativeDate(Y,M,D,h,m,seconds):length>=5?new NativeDate(Y,M,D,h,m):length>=4?new NativeDate(Y,M,D,h):length>=3?new NativeDate(Y,M,D):length>=2?new NativeDate(Y,M):length>=1?new NativeDate(Y instanceof NativeDate?+Y:Y):new NativeDate:new NativeDate(parsed)}else date=NativeDate.apply(this,arguments);return isPrimitive(date)||defineProperties(date,{constructor:DateShim},!0),date},isoDateExpression=new RegExp("^(\\d{4}|[+-]\\d{6})(?:-(\\d{2})(?:-(\\d{2})(?:T(\\d{2}):(\\d{2})(?::(\\d{2})(?:(\\.\\d{1,}))?)?(Z|(?:([-+])(\\d{2}):(\\d{2})))?)?)?)?$"),months=[0,31,59,90,120,151,181,212,243,273,304,334,365],dayFromMonth=function dayFromMonth(year,month){var t=month>1?1:0;return months[month]+floor((year-1969+t)/4)-floor((year-1901+t)/100)+floor((year-1601+t)/400)+365*(year-1970)},toUTC=function toUTC(t){var s=0,ms=t;if(hasSafariSignedIntBug&&ms>maxSafeUnsigned32Bit){var msToShift=floor(ms/maxSafeUnsigned32Bit)*maxSafeUnsigned32Bit,sToShift=floor(msToShift/1e3);s+=sToShift,ms-=1e3*sToShift}return $Number(new NativeDate(1970,0,1,0,0,s,ms))};for(var key in NativeDate)owns(NativeDate,key)&&(DateShim[key]=NativeDate[key]);defineProperties(DateShim,{now:NativeDate.now,UTC:NativeDate.UTC},!0),DateShim.prototype=NativeDate.prototype,defineProperties(DateShim.prototype,{constructor:DateShim},!0);var parseShim=function parse(string){var match=isoDateExpression.exec(string);if(match){var result,year=$Number(match[1]),month=$Number(match[2]||1)-1,day=$Number(match[3]||1)-1,hour=$Number(match[4]||0),minute=$Number(match[5]||0),second=$Number(match[6]||0),millisecond=floor(1e3*$Number(match[7]||0)),isLocalTime=Boolean(match[4]&&!match[8]),signOffset="-"===match[9]?1:-1,hourOffset=$Number(match[10]||0),minuteOffset=$Number(match[11]||0);return hour<(minute>0||second>0||millisecond>0?24:25)&&minute<60&&second<60&&millisecond<1e3&&month>-1&&month<12&&hourOffset<24&&minuteOffset<60&&day>-1&&day<dayFromMonth(year,month+1)-dayFromMonth(year,month)&&(result=1e3*(60*((result=60*(24*(dayFromMonth(year,month)+day)+hour+hourOffset*signOffset))+minute+minuteOffset*signOffset)+second)+millisecond,isLocalTime&&(result=toUTC(result)),-864e13<=result&&result<=864e13)?result:NaN}return NativeDate.parse.apply(this,arguments)};return defineProperties(DateShim,{parse:parseShim}),DateShim}(Date)}Date.now||(Date.now=function now(){return(new Date).getTime()});var hasToFixedBugs=NumberPrototype.toFixed&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0)),toFixedHelpers={base:1e7,size:6,data:[0,0,0,0,0,0],multiply:function multiply(n,c){for(var i=-1,c2=c;++i<toFixedHelpers.size;)c2+=n*toFixedHelpers.data[i],toFixedHelpers.data[i]=c2%toFixedHelpers.base,c2=floor(c2/toFixedHelpers.base)},divide:function divide(n){for(var i=toFixedHelpers.size,c=0;--i>=0;)c+=toFixedHelpers.data[i],toFixedHelpers.data[i]=floor(c/n),c=c%n*toFixedHelpers.base},numToString:function numToString(){for(var i=toFixedHelpers.size,s="";--i>=0;)if(""!==s||0===i||0!==toFixedHelpers.data[i]){var t=$String(toFixedHelpers.data[i]);""===s?s=t:s+=strSlice("0000000",0,7-t.length)+t}return s},pow:function pow(x,n,acc){return 0===n?acc:n%2==1?pow(x,n-1,acc*x):pow(x*x,n/2,acc)},log:function log(x){for(var n=0,x2=x;x2>=4096;)n+=12,x2/=4096;for(;x2>=2;)n+=1,x2/=2;return n}};defineProperties(NumberPrototype,{toFixed:function toFixed(fractionDigits){var f,x,s,m,e,z,j,k;if(f=$Number(fractionDigits),(f=isActualNaN(f)?0:floor(f))<0||f>20)throw new RangeError("Number.toFixed called with invalid number of decimals");if(x=$Number(this),isActualNaN(x))return"NaN";if(x<=-1e21||x>=1e21)return $String(x);if(s="",x<0&&(s="-",x=-x),m="0",x>1e-21)if(z=(e=toFixedHelpers.log(x*toFixedHelpers.pow(2,69,1))-69)<0?x*toFixedHelpers.pow(2,-e,1):x/toFixedHelpers.pow(2,e,1),z*=4503599627370496,(e=52-e)>0){for(toFixedHelpers.multiply(0,z),j=f;j>=7;)toFixedHelpers.multiply(1e7,0),j-=7;for(toFixedHelpers.multiply(toFixedHelpers.pow(10,j,1),0),j=e-1;j>=23;)toFixedHelpers.divide(1<<23),j-=23;toFixedHelpers.divide(1<<j),toFixedHelpers.multiply(1,1),toFixedHelpers.divide(2),m=toFixedHelpers.numToString()}else toFixedHelpers.multiply(0,z),toFixedHelpers.multiply(1<<-e,0),m=toFixedHelpers.numToString()+strSlice("0.00000000000000000000",2,2+f);return m=f>0?(k=m.length)<=f?s+strSlice("0.0000000000000000000",0,f-k+2)+m:s+strSlice(m,0,k-f)+"."+strSlice(m,k-f):s+m}},hasToFixedBugs);var hasToExponentialRoundingBug=function(){try{return"-6.9000e-11"!==(-69e-12).toExponential(4)}catch(e){return!1}}(),toExponentialAllowsInfiniteDigits=function(){try{return 1..toExponential(1/0),1..toExponential(-1/0),!0}catch(e){return!1}}(),originalToExponential=call.bind(NumberPrototype.toExponential),numberToString=call.bind(NumberPrototype.toString),numberValueOf=call.bind(NumberPrototype.valueOf);defineProperties(NumberPrototype,{toExponential:function toExponential(fractionDigits){var x=numberValueOf(this);if(void 0===fractionDigits)return originalToExponential(x);var f=ES.ToInteger(fractionDigits);if(isActualNaN(x))return"NaN";if(f<0||f>20){if(!isFinite(f))throw new RangeError("toExponential() argument must be between 0 and 20");return originalToExponential(x,f)}var s="";if(x<0&&(s="-",x=-x),x===1/0)return s+"Infinity";if(void 0!==fractionDigits&&(f<0||f>20))throw new RangeError("Fraction digits "+fractionDigits+" out of range");var m="",e=0,c="",d="";if(0===x)e=0,f=0,m="0";else{var L=log10(x);e=floor(L);var n=0;if(void 0!==fractionDigits){var w=pow(10,e-f);2*x>=(2*(n=round(x/w))+1)*w&&(n+=1),n>=pow(10,f+1)&&(n/=10,e+=1)}else for(var guess_n=round(pow(10,L-e+(f=16))),target_f=f;f-- >0;)guess_n=round(pow(10,L-e+f)),abs(guess_n*pow(10,e-f)-x)<=abs(n*pow(10,e-target_f)-x)&&(target_f=f,n=guess_n);if(m=numberToString(n,10),void 0===fractionDigits)for(;"0"===strSlice(m,-1);)m=strSlice(m,0,-1),d+=1}return 0!==f&&(m=strSlice(m,0,1)+"."+strSlice(m,1)),0===e?(c="+",d="0"):(c=e>0?"+":"-",d=numberToString(abs(e),10)),s+(m+="e"+c+d)}},hasToExponentialRoundingBug||toExponentialAllowsInfiniteDigits);var hasToPrecisionUndefinedBug=function(){try{return"1"===1..toPrecision(void 0)}catch(e){return!0}}(),originalToPrecision=call.bind(NumberPrototype.toPrecision);defineProperties(NumberPrototype,{toPrecision:function toPrecision(precision){return void 0===precision?originalToPrecision(this):originalToPrecision(this,precision)}},hasToPrecisionUndefinedBug),2!=="ab".split(/(?:ab)*/).length||4!==".".split(/(.?)(.?)/).length||"t"==="tesst".split(/(s)*/)[1]||4!=="test".split(/(?:)/,-1).length||"".split(/.?/).length||".".split(/()()/).length>1?(compliantExecNpcg=void 0===/()??/.exec("")[1],maxSafe32BitInt=pow(2,32)-1,StringPrototype.split=function split(separator,limit){var string=String(this);if(void 0===separator&&0===limit)return[];if(!isRegex(separator))return strSplit(this,separator,limit);var separator2,match,lastIndex,lastLength,output=[],flags=(separator.ignoreCase?"i":"")+(separator.multiline?"m":"")+(separator.unicode?"u":"")+(separator.sticky?"y":""),lastLastIndex=0,separatorCopy=new RegExp(separator.source,flags+"g");compliantExecNpcg||(separator2=new RegExp("^"+separatorCopy.source+"$(?!\\s)",flags));var splitLimit=void 0===limit?maxSafe32BitInt:ES.ToUint32(limit);for(match=separatorCopy.exec(string);match&&!((lastIndex=match.index+match[0].length)>lastLastIndex&&(pushCall(output,strSlice(string,lastLastIndex,match.index)),!compliantExecNpcg&&match.length>1&&match[0].replace(separator2,(function(){for(var i=1;i<arguments.length-2;i++)void 0===arguments[i]&&(match[i]=void 0)})),match.length>1&&match.index<string.length&&array_push.apply(output,arraySlice(match,1)),lastLength=match[0].length,lastLastIndex=lastIndex,output.length>=splitLimit));)separatorCopy.lastIndex===match.index&&separatorCopy.lastIndex++,match=separatorCopy.exec(string);return lastLastIndex===string.length?!lastLength&&separatorCopy.test("")||pushCall(output,""):pushCall(output,strSlice(string,lastLastIndex)),output.length>splitLimit?arraySlice(output,0,splitLimit):output}):"0".split(void 0,0).length&&(StringPrototype.split=function split(separator,limit){return void 0===separator&&0===limit?[]:strSplit(this,separator,limit)});var compliantExecNpcg,maxSafe32BitInt;var str_replace=StringPrototype.replace;groups=[],"x".replace(/x(.)?/g,(function(match,group){pushCall(groups,group)})),(1!==groups.length||void 0!==groups[0])&&(StringPrototype.replace=function replace(searchValue,replaceValue){var isFn=isCallable(replaceValue),hasCapturingGroups=isRegex(searchValue)&&/\)[*?]/.test(searchValue.source);if(!isFn||!hasCapturingGroups)return str_replace.call(this,searchValue,replaceValue);var wrappedReplaceValue=function(match){var length=arguments.length,originalLastIndex=searchValue.lastIndex;searchValue.lastIndex=0;var args=searchValue.exec(match)||[];return searchValue.lastIndex=originalLastIndex,pushCall(args,arguments[length-2],arguments[length-1]),replaceValue.apply(this,args)};return str_replace.call(this,searchValue,wrappedReplaceValue)});var groups;var hasNegativeSubstrBug="".substr&&"b"!=="0b".substr(-1),string_substr=hasNegativeSubstrBug&&call.bind(StringPrototype.substr);defineProperties(StringPrototype,{substr:function substr(start,length){var normalizedStart=start;return start<0&&(normalizedStart=max(this.length+start,0)),string_substr(this,normalizedStart,length)}},hasNegativeSubstrBug);var mvs="᠎",mvsIsWS=/\s/.test(mvs),ws="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff".replace(/\S/g,""),zeroWidth="​",wsRegexChars="["+ws+"]",trimBeginRegexp=new RegExp("^"+wsRegexChars+wsRegexChars+"*"),trimEndRegexp=new RegExp(wsRegexChars+wsRegexChars+"*$"),hasTrimWhitespaceBug=StringPrototype.trim&&(""!==ws.trim()||""===zeroWidth.trim()||mvs.trim()!==(mvsIsWS?"":mvs));defineProperties(StringPrototype,{trim:function trim(){if(null==this)throw new TypeError("can't convert "+this+" to object");return $String(this).replace(trimBeginRegexp,"").replace(trimEndRegexp,"")}},hasTrimWhitespaceBug);var trim=call.bind(String.prototype.trim),hasLastIndexBug=StringPrototype.lastIndexOf&&-1!=="abcあい".lastIndexOf("あい",2);defineProperties(StringPrototype,{lastIndexOf:function lastIndexOf(searchString){if(null==this)throw new TypeError("can't convert "+this+" to object");for(var S=$String(this),searchStr=$String(searchString),numPos=arguments.length>1?$Number(arguments[1]):NaN,pos=isActualNaN(numPos)?1/0:ES.ToInteger(numPos),start=min(max(pos,0),S.length),searchLen=searchStr.length,k=start+searchLen;k>0;){k=max(0,k-searchLen);var index=strIndexOf(strSlice(S,k,start+searchLen),searchStr);if(-1!==index)return k+index}return-1}},hasLastIndexBug);var originalLastIndexOf=StringPrototype.lastIndexOf;defineProperties(StringPrototype,{lastIndexOf:function lastIndexOf(searchString){return originalLastIndexOf.apply(this,arguments)}},1!==StringPrototype.lastIndexOf.length);var hexRegex=/^[-+]?0[xX]/;8===parseInt(ws+"08")&&22===parseInt(ws+"0x16")&&(mvsIsWS?1===parseInt(mvs+1):isNaN(parseInt(mvs+1)))||(parseInt=(origParseInt=parseInt,function parseInt(str,radix){this instanceof parseInt&&new origParseInt;var string=trim(String(str)),defaultedRadix=$Number(radix)||(hexRegex.test(string)?16:10);return origParseInt(string,defaultedRadix)}));var origParseInt;if(function(){if("function"!=typeof Symbol)return!1;try{return parseInt(Object(Symbol.iterator)),!0}catch(e){}try{return parseInt(Symbol.iterator),!0}catch(e){}return!1}()){var symbolValueOf=Symbol.prototype.valueOf;parseInt=function(origParseInt){return function parseInt(str,radix){this instanceof parseInt&&new origParseInt;var isSym="symbol"==typeof str;if(!isSym&&str&&"object"==typeof str)try{symbolValueOf.call(str),isSym=!0}catch(e){}var string=trim(String(str)),defaultedRadix=$Number(radix)||(hexRegex.test(string)?16:10);return origParseInt(string,defaultedRadix)}}(parseInt)}1/parseFloat("-0")!=-1/0&&(parseFloat=(origParseFloat=parseFloat,function parseFloat(string){var inputString=trim(String(string)),result=origParseFloat(inputString);return 0===result&&"-"===strSlice(inputString,0,1)?-0:result}));var origParseFloat;if("RangeError: test"!==String(new RangeError("test"))){var errorToStringShim=function toString(){if(null==this)throw new TypeError("can't convert "+this+" to object");var name=this.name;void 0===name?name="Error":"string"!=typeof name&&(name=$String(name));var msg=this.message;return void 0===msg?msg="":"string"!=typeof msg&&(msg=$String(msg)),name?msg?name+": "+msg:name:msg};Error.prototype.toString=errorToStringShim}if(supportsDescriptors){var ensureNonEnumerable=function(obj,prop){if(isEnum(obj,prop)){var desc=Object.getOwnPropertyDescriptor(obj,prop);desc.configurable&&(desc.enumerable=!1,Object.defineProperty(obj,prop,desc))}};ensureNonEnumerable(Error.prototype,"message"),""!==Error.prototype.message&&(Error.prototype.message=""),ensureNonEnumerable(Error.prototype,"name")}if("/a/gim"!==String(/a/gim)){var regexToString=function toString(){var str="/"+this.source+"/";return this.global&&(str+="g"),this.ignoreCase&&(str+="i"),this.multiline&&(str+="m"),str};RegExp.prototype.toString=regexToString}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.call(exports,__webpack_require__,exports,module):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/es6-shim/es6-shim.js":function(module,exports,__webpack_require__){(function(global,process){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_RESULT__;__WEBPACK_AMD_DEFINE_FACTORY__=function(){"use strict";var ArrayIterator,_apply=Function.call.bind(Function.apply),_call=Function.call.bind(Function.call),isArray=Array.isArray,keys=Object.keys,not=function notThunker(func){return function notThunk(){return!_apply(func,this,arguments)}},throwsError=function(func){try{return func(),!1}catch(e){return!0}},valueOrFalseIfThrows=function valueOrFalseIfThrows(func){try{return func()}catch(e){return!1}},isCallableWithoutNew=not(throwsError),arePropertyDescriptorsSupported=function(){return!throwsError((function(){return Object.defineProperty({},"x",{get:function(){}})}))},supportsDescriptors=!!Object.defineProperty&&arePropertyDescriptorsSupported(),functionsHaveNames="foo"===function foo(){}.name,_forEach=Function.call.bind(Array.prototype.forEach),_reduce=Function.call.bind(Array.prototype.reduce),_filter=Function.call.bind(Array.prototype.filter),_some=Function.call.bind(Array.prototype.some),defineProperty=function(object,name,value,force){!force&&name in object||(supportsDescriptors?Object.defineProperty(object,name,{configurable:!0,enumerable:!1,writable:!0,value:value}):object[name]=value)},defineProperties=function(object,map,forceOverride){_forEach(keys(map),(function(name){var method=map[name];defineProperty(object,name,method,!!forceOverride)}))},_toString=Function.call.bind(Object.prototype.toString),isCallable=function IsCallableFast(x){return"function"==typeof x},Value={getter:function(object,name,getter){if(!supportsDescriptors)throw new TypeError("getters require true ES5 support");Object.defineProperty(object,name,{configurable:!0,enumerable:!1,get:getter})},proxy:function(originalObject,key,targetObject){if(!supportsDescriptors)throw new TypeError("getters require true ES5 support");var originalDescriptor=Object.getOwnPropertyDescriptor(originalObject,key);Object.defineProperty(targetObject,key,{configurable:originalDescriptor.configurable,enumerable:originalDescriptor.enumerable,get:function getKey(){return originalObject[key]},set:function setKey(value){originalObject[key]=value}})},redefine:function(object,property,newValue){if(supportsDescriptors){var descriptor=Object.getOwnPropertyDescriptor(object,property);descriptor.value=newValue,Object.defineProperty(object,property,descriptor)}else object[property]=newValue},defineByDescriptor:function(object,property,descriptor){supportsDescriptors?Object.defineProperty(object,property,descriptor):"value"in descriptor&&(object[property]=descriptor.value)},preserveToString:function(target,source){source&&isCallable(source.toString)&&defineProperty(target,"toString",source.toString.bind(source),!0)}},create=Object.create||function(prototype,properties){var Prototype=function Prototype(){};Prototype.prototype=prototype;var object=new Prototype;return void 0!==properties&&keys(properties).forEach((function(key){Value.defineByDescriptor(object,key,properties[key])})),object},supportsSubclassing=function(C,f){return!!Object.setPrototypeOf&&valueOrFalseIfThrows((function(){var Sub=function Subclass(arg){var o=new C(arg);return Object.setPrototypeOf(o,Subclass.prototype),o};return Object.setPrototypeOf(Sub,C),Sub.prototype=create(C.prototype,{constructor:{value:Sub}}),f(Sub)}))},globals=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if(void 0!==global)return global;throw new Error("unable to locate global object")}(),globalIsFinite=globals.isFinite,_indexOf=Function.call.bind(String.prototype.indexOf),_arrayIndexOfApply=Function.apply.bind(Array.prototype.indexOf),_concat=Function.call.bind(Array.prototype.concat),_strSlice=Function.call.bind(String.prototype.slice),_push=Function.call.bind(Array.prototype.push),_pushApply=Function.apply.bind(Array.prototype.push),_join=Function.call.bind(Array.prototype.join),_shift=Function.call.bind(Array.prototype.shift),_max=Math.max,_min=Math.min,_floor=Math.floor,_abs=Math.abs,_exp=Math.exp,_log=Math.log,_sqrt=Math.sqrt,_hasOwnProperty=Function.call.bind(Object.prototype.hasOwnProperty),noop=function(){},OrigMap=globals.Map,origMapDelete=OrigMap&&OrigMap.prototype.delete,origMapGet=OrigMap&&OrigMap.prototype.get,origMapHas=OrigMap&&OrigMap.prototype.has,origMapSet=OrigMap&&OrigMap.prototype.set,Symbol=globals.Symbol||{},symbolSpecies=Symbol.species||"@@species",numberIsNaN=Number.isNaN||function isNaN(value){return value!=value},numberIsFinite=Number.isFinite||function isFinite(value){return"number"==typeof value&&globalIsFinite(value)},_sign=isCallable(Math.sign)?Math.sign:function sign(value){var number=Number(value);return 0===number||numberIsNaN(number)?number:number<0?-1:1},_log1p=function log1p(value){var x=Number(value);return x<-1||numberIsNaN(x)?NaN:0===x||x===1/0?x:-1===x?-1/0:1+x-1==0?x:x*(_log(1+x)/(1+x-1))},isStandardArguments=function isArguments(value){return"[object Arguments]"===_toString(value)},isLegacyArguments=function isArguments(value){return null!==value&&"object"==typeof value&&"number"==typeof value.length&&value.length>=0&&"[object Array]"!==_toString(value)&&"[object Function]"===_toString(value.callee)},isArguments=isStandardArguments(arguments)?isStandardArguments:isLegacyArguments,Type={primitive:function(x){return null===x||"function"!=typeof x&&"object"!=typeof x},string:function(x){return"[object String]"===_toString(x)},regex:function(x){return"[object RegExp]"===_toString(x)},symbol:function(x){return"function"==typeof globals.Symbol&&"symbol"==typeof x}},overrideNative=function overrideNative(object,property,replacement){var original=object[property];defineProperty(object,property,replacement,!0),Value.preserveToString(object[property],original)},hasSymbols="function"==typeof Symbol&&"function"==typeof Symbol.for&&Type.symbol(Symbol()),$iterator$=Type.symbol(Symbol.iterator)?Symbol.iterator:"_es6-shim iterator_";globals.Set&&"function"==typeof(new globals.Set)["@@iterator"]&&($iterator$="@@iterator"),globals.Reflect||defineProperty(globals,"Reflect",{},!0);var o,Reflect=globals.Reflect,$String=String,domAll="undefined"!=typeof document&&document?document.all:null,isNullOrUndefined=null==domAll?function isNullOrUndefined(x){return null==x}:function isNullOrUndefinedAndNotDocumentAll(x){return null==x&&x!==domAll},ES={Call:function Call(F,V){var args=arguments.length>2?arguments[2]:[];if(!ES.IsCallable(F))throw new TypeError(F+" is not a function");return _apply(F,V,args)},RequireObjectCoercible:function(x,optMessage){if(isNullOrUndefined(x))throw new TypeError(optMessage||"Cannot call method on "+x);return x},TypeIsObject:function(x){return null!=x&&!0!==x&&!1!==x&&("function"==typeof x||"object"==typeof x||x===domAll)},ToObject:function(o,optMessage){return Object(ES.RequireObjectCoercible(o,optMessage))},IsCallable:isCallable,IsConstructor:function(x){return ES.IsCallable(x)},ToInt32:function(x){return ES.ToNumber(x)>>0},ToUint32:function(x){return ES.ToNumber(x)>>>0},ToNumber:function(value){if(hasSymbols&&"[object Symbol]"===_toString(value))throw new TypeError("Cannot convert a Symbol value to a number");return+value},ToInteger:function(value){var number=ES.ToNumber(value);return numberIsNaN(number)?0:0!==number&&numberIsFinite(number)?(number>0?1:-1)*_floor(_abs(number)):number},ToLength:function(value){var len=ES.ToInteger(value);return len<=0?0:len>Number.MAX_SAFE_INTEGER?Number.MAX_SAFE_INTEGER:len},SameValue:function(a,b){return a===b?0!==a||1/a==1/b:numberIsNaN(a)&&numberIsNaN(b)},SameValueZero:function(a,b){return a===b||numberIsNaN(a)&&numberIsNaN(b)},IsIterable:function(o){return ES.TypeIsObject(o)&&(void 0!==o[$iterator$]||isArguments(o))},GetIterator:function(o){if(isArguments(o))return new ArrayIterator(o,"value");var itFn=ES.GetMethod(o,$iterator$);if(!ES.IsCallable(itFn))throw new TypeError("value is not an iterable");var it=ES.Call(itFn,o);if(!ES.TypeIsObject(it))throw new TypeError("bad iterator");return it},GetMethod:function(o,p){var func=ES.ToObject(o)[p];if(!isNullOrUndefined(func)){if(!ES.IsCallable(func))throw new TypeError("Method not callable: "+p);return func}},IteratorComplete:function(iterResult){return!!iterResult.done},IteratorClose:function(iterator,completionIsThrow){var returnMethod=ES.GetMethod(iterator,"return");if(void 0!==returnMethod){var innerResult,innerException;try{innerResult=ES.Call(returnMethod,iterator)}catch(e){innerException=e}if(!completionIsThrow){if(innerException)throw innerException;if(!ES.TypeIsObject(innerResult))throw new TypeError("Iterator's return method returned a non-object.")}}},IteratorNext:function(it){var result=arguments.length>1?it.next(arguments[1]):it.next();if(!ES.TypeIsObject(result))throw new TypeError("bad iterator");return result},IteratorStep:function(it){var result=ES.IteratorNext(it);return!ES.IteratorComplete(result)&&result},Construct:function(C,args,newTarget,isES6internal){var target=void 0===newTarget?C:newTarget;if(!isES6internal&&Reflect.construct)return Reflect.construct(C,args,target);var proto=target.prototype;ES.TypeIsObject(proto)||(proto=Object.prototype);var obj=create(proto),result=ES.Call(C,obj,args);return ES.TypeIsObject(result)?result:obj},SpeciesConstructor:function(O,defaultConstructor){var C=O.constructor;if(void 0===C)return defaultConstructor;if(!ES.TypeIsObject(C))throw new TypeError("Bad constructor");var S=C[symbolSpecies];if(isNullOrUndefined(S))return defaultConstructor;if(!ES.IsConstructor(S))throw new TypeError("Bad @@species");return S},CreateHTML:function(string,tag,attribute,value){var S=ES.ToString(string),p1="<"+tag;return""!==attribute&&(p1+=" "+attribute+'="'+ES.ToString(value).replace(/"/g,"&quot;")+'"'),p1+">"+S+"</"+tag+">"},IsRegExp:function IsRegExp(argument){if(!ES.TypeIsObject(argument))return!1;var isRegExp=argument[Symbol.match];return void 0!==isRegExp?!!isRegExp:Type.regex(argument)},ToString:function ToString(string){if(hasSymbols&&"[object Symbol]"===_toString(string))throw new TypeError("Cannot convert a Symbol value to a number");return $String(string)}};if(supportsDescriptors&&hasSymbols){var defineWellKnownSymbol=function defineWellKnownSymbol(name){if(Type.symbol(Symbol[name]))return Symbol[name];var sym=Symbol.for("Symbol."+name);return Object.defineProperty(Symbol,name,{configurable:!1,enumerable:!1,writable:!1,value:sym}),sym};if(!Type.symbol(Symbol.search)){var symbolSearch=defineWellKnownSymbol("search"),originalSearch=String.prototype.search;defineProperty(RegExp.prototype,symbolSearch,(function search(string){return ES.Call(originalSearch,string,[this])}));var searchShim=function search(regexp){var O=ES.RequireObjectCoercible(this);if(!isNullOrUndefined(regexp)){var searcher=ES.GetMethod(regexp,symbolSearch);if(void 0!==searcher)return ES.Call(searcher,regexp,[O])}return ES.Call(originalSearch,O,[ES.ToString(regexp)])};overrideNative(String.prototype,"search",searchShim)}if(!Type.symbol(Symbol.replace)){var symbolReplace=defineWellKnownSymbol("replace"),originalReplace=String.prototype.replace;defineProperty(RegExp.prototype,symbolReplace,(function replace(string,replaceValue){return ES.Call(originalReplace,string,[this,replaceValue])}));var replaceShim=function replace(searchValue,replaceValue){var O=ES.RequireObjectCoercible(this);if(!isNullOrUndefined(searchValue)){var replacer=ES.GetMethod(searchValue,symbolReplace);if(void 0!==replacer)return ES.Call(replacer,searchValue,[O,replaceValue])}return ES.Call(originalReplace,O,[ES.ToString(searchValue),replaceValue])};overrideNative(String.prototype,"replace",replaceShim)}if(!Type.symbol(Symbol.split)){var symbolSplit=defineWellKnownSymbol("split"),originalSplit=String.prototype.split;defineProperty(RegExp.prototype,symbolSplit,(function split(string,limit){return ES.Call(originalSplit,string,[this,limit])}));var splitShim=function split(separator,limit){var O=ES.RequireObjectCoercible(this);if(!isNullOrUndefined(separator)){var splitter=ES.GetMethod(separator,symbolSplit);if(void 0!==splitter)return ES.Call(splitter,separator,[O,limit])}return ES.Call(originalSplit,O,[ES.ToString(separator),limit])};overrideNative(String.prototype,"split",splitShim)}var symbolMatchExists=Type.symbol(Symbol.match),stringMatchIgnoresSymbolMatch=symbolMatchExists&&((o={})[Symbol.match]=function(){return 42},42!=="a".match(o));if(!symbolMatchExists||stringMatchIgnoresSymbolMatch){var symbolMatch=defineWellKnownSymbol("match"),originalMatch=String.prototype.match;defineProperty(RegExp.prototype,symbolMatch,(function match(string){return ES.Call(originalMatch,string,[this])}));var matchShim=function match(regexp){var O=ES.RequireObjectCoercible(this);if(!isNullOrUndefined(regexp)){var matcher=ES.GetMethod(regexp,symbolMatch);if(void 0!==matcher)return ES.Call(matcher,regexp,[O])}return ES.Call(originalMatch,O,[ES.ToString(regexp)])};overrideNative(String.prototype,"match",matchShim)}}var wrapConstructor=function wrapConstructor(original,replacement,keysToSkip){Value.preserveToString(replacement,original),Object.setPrototypeOf&&Object.setPrototypeOf(original,replacement),supportsDescriptors?_forEach(Object.getOwnPropertyNames(original),(function(key){key in noop||keysToSkip[key]||Value.proxy(original,key,replacement)})):_forEach(Object.keys(original),(function(key){key in noop||keysToSkip[key]||(replacement[key]=original[key])})),replacement.prototype=original.prototype,Value.redefine(original.prototype,"constructor",replacement)},defaultSpeciesGetter=function(){return this},addDefaultSpecies=function(C){supportsDescriptors&&!_hasOwnProperty(C,symbolSpecies)&&Value.getter(C,symbolSpecies,defaultSpeciesGetter)},addIterator=function(prototype,impl){var implementation=impl||function iterator(){return this};defineProperty(prototype,$iterator$,implementation),!prototype[$iterator$]&&Type.symbol($iterator$)&&(prototype[$iterator$]=implementation)},createDataProperty=function createDataProperty(object,name,value){supportsDescriptors?Object.defineProperty(object,name,{configurable:!0,enumerable:!0,writable:!0,value:value}):object[name]=value},createDataPropertyOrThrow=function createDataPropertyOrThrow(object,name,value){if(createDataProperty(object,name,value),!ES.SameValue(object[name],value))throw new TypeError("property is nonconfigurable")},emulateES6construct=function(o,defaultNewTarget,defaultProto,slots){if(!ES.TypeIsObject(o))throw new TypeError("Constructor requires `new`: "+defaultNewTarget.name);var proto=defaultNewTarget.prototype;ES.TypeIsObject(proto)||(proto=defaultProto);var obj=create(proto);for(var name in slots)if(_hasOwnProperty(slots,name)){var value=slots[name];defineProperty(obj,name,value,!0)}return obj};if(String.fromCodePoint&&1!==String.fromCodePoint.length){var originalFromCodePoint=String.fromCodePoint;overrideNative(String,"fromCodePoint",(function fromCodePoint(codePoints){return ES.Call(originalFromCodePoint,this,arguments)}))}var StringShims={fromCodePoint:function fromCodePoint(codePoints){for(var next,result=[],i=0,length=arguments.length;i<length;i++){if(next=Number(arguments[i]),!ES.SameValue(next,ES.ToInteger(next))||next<0||next>1114111)throw new RangeError("Invalid code point "+next);next<65536?_push(result,String.fromCharCode(next)):(next-=65536,_push(result,String.fromCharCode(55296+(next>>10))),_push(result,String.fromCharCode(next%1024+56320)))}return _join(result,"")},raw:function raw(template){var cooked=ES.ToObject(template,"bad template"),raw=ES.ToObject(cooked.raw,"bad raw value"),len=raw.length,literalSegments=ES.ToLength(len);if(literalSegments<=0)return"";for(var nextKey,next,nextSeg,nextSub,stringElements=[],nextIndex=0;nextIndex<literalSegments&&(nextKey=ES.ToString(nextIndex),nextSeg=ES.ToString(raw[nextKey]),_push(stringElements,nextSeg),!(nextIndex+1>=literalSegments));)next=nextIndex+1<arguments.length?arguments[nextIndex+1]:"",nextSub=ES.ToString(next),_push(stringElements,nextSub),nextIndex+=1;return _join(stringElements,"")}};String.raw&&"xy"!==String.raw({raw:{0:"x",1:"y",length:2}})&&overrideNative(String,"raw",StringShims.raw),defineProperties(String,StringShims);var stringRepeat=function repeat(s,times){if(times<1)return"";if(times%2)return repeat(s,times-1)+s;var half=repeat(s,times/2);return half+half},stringMaxLength=1/0,StringPrototypeShims={repeat:function repeat(times){var thisStr=ES.ToString(ES.RequireObjectCoercible(this)),numTimes=ES.ToInteger(times);if(numTimes<0||numTimes>=stringMaxLength)throw new RangeError("repeat count must be less than infinity and not overflow maximum string size");return stringRepeat(thisStr,numTimes)},startsWith:function startsWith(searchString){var S=ES.ToString(ES.RequireObjectCoercible(this));if(ES.IsRegExp(searchString))throw new TypeError('Cannot call method "startsWith" with a regex');var position,searchStr=ES.ToString(searchString);arguments.length>1&&(position=arguments[1]);var start=_max(ES.ToInteger(position),0);return _strSlice(S,start,start+searchStr.length)===searchStr},endsWith:function endsWith(searchString){var S=ES.ToString(ES.RequireObjectCoercible(this));if(ES.IsRegExp(searchString))throw new TypeError('Cannot call method "endsWith" with a regex');var endPosition,searchStr=ES.ToString(searchString),len=S.length;arguments.length>1&&(endPosition=arguments[1]);var pos=void 0===endPosition?len:ES.ToInteger(endPosition),end=_min(_max(pos,0),len);return _strSlice(S,end-searchStr.length,end)===searchStr},includes:function includes(searchString){if(ES.IsRegExp(searchString))throw new TypeError('"includes" does not accept a RegExp');var position,searchStr=ES.ToString(searchString);return arguments.length>1&&(position=arguments[1]),-1!==_indexOf(this,searchStr,position)},codePointAt:function codePointAt(pos){var thisStr=ES.ToString(ES.RequireObjectCoercible(this)),position=ES.ToInteger(pos),length=thisStr.length;if(position>=0&&position<length){var first=thisStr.charCodeAt(position);if(first<55296||first>56319||position+1===length)return first;var second=thisStr.charCodeAt(position+1);return second<56320||second>57343?first:1024*(first-55296)+(second-56320)+65536}}};if(String.prototype.includes&&!1!=="a".includes("a",1/0)&&overrideNative(String.prototype,"includes",StringPrototypeShims.includes),String.prototype.startsWith&&String.prototype.endsWith){var startsWithRejectsRegex=throwsError((function(){return"/a/".startsWith(/a/)})),startsWithHandlesInfinity=valueOrFalseIfThrows((function(){return!1==="abc".startsWith("a",1/0)}));startsWithRejectsRegex&&startsWithHandlesInfinity||(overrideNative(String.prototype,"startsWith",StringPrototypeShims.startsWith),overrideNative(String.prototype,"endsWith",StringPrototypeShims.endsWith))}hasSymbols&&(valueOrFalseIfThrows((function(){var re=/a/;return re[Symbol.match]=!1,"/a/".startsWith(re)}))||overrideNative(String.prototype,"startsWith",StringPrototypeShims.startsWith),valueOrFalseIfThrows((function(){var re=/a/;return re[Symbol.match]=!1,"/a/".endsWith(re)}))||overrideNative(String.prototype,"endsWith",StringPrototypeShims.endsWith),valueOrFalseIfThrows((function(){var re=/a/;return re[Symbol.match]=!1,"/a/".includes(re)}))||overrideNative(String.prototype,"includes",StringPrototypeShims.includes)),defineProperties(String.prototype,StringPrototypeShims);var ws=["\t\n\v\f\r   ᠎    ","         　\u2028","\u2029\ufeff"].join(""),trimRegexp=new RegExp("(^["+ws+"]+)|(["+ws+"]+$)","g"),trimShim=function trim(){return ES.ToString(ES.RequireObjectCoercible(this)).replace(trimRegexp,"")},nonWS=["…","​","￾"].join(""),nonWSregex=new RegExp("["+nonWS+"]","g"),isBadHexRegex=/^[-+]0x[0-9a-f]+$/i,hasStringTrimBug=nonWS.trim().length!==nonWS.length;defineProperty(String.prototype,"trim",trimShim,hasStringTrimBug);var iteratorResult=function(x){return{value:x,done:0===arguments.length}},StringIterator=function(s){ES.RequireObjectCoercible(s),this._s=ES.ToString(s),this._i=0};StringIterator.prototype.next=function(){var s=this._s,i=this._i;if(void 0===s||i>=s.length)return this._s=void 0,iteratorResult();var second,len,first=s.charCodeAt(i);return len=first<55296||first>56319||i+1===s.length||(second=s.charCodeAt(i+1))<56320||second>57343?1:2,this._i=i+len,iteratorResult(s.substr(i,len))},addIterator(StringIterator.prototype),addIterator(String.prototype,(function(){return new StringIterator(this)}));var ArrayShims={from:function from(items){var mapFn,mapping,T,length,result,i,C=this;if(arguments.length>1&&(mapFn=arguments[1]),void 0===mapFn)mapping=!1;else{if(!ES.IsCallable(mapFn))throw new TypeError("Array.from: when provided, the second argument must be a function");arguments.length>2&&(T=arguments[2]),mapping=!0}if(void 0!==(isArguments(items)||ES.GetMethod(items,$iterator$))){result=ES.IsConstructor(C)?Object(new C):[];var next,nextValue,iterator=ES.GetIterator(items);for(i=0;!1!==(next=ES.IteratorStep(iterator));){nextValue=next.value;try{mapping&&(nextValue=void 0===T?mapFn(nextValue,i):_call(mapFn,T,nextValue,i)),result[i]=nextValue}catch(e){throw ES.IteratorClose(iterator,!0),e}i+=1}length=i}else{var value,arrayLike=ES.ToObject(items);for(length=ES.ToLength(arrayLike.length),result=ES.IsConstructor(C)?Object(new C(length)):new Array(length),i=0;i<length;++i)value=arrayLike[i],mapping&&(value=void 0===T?mapFn(value,i):_call(mapFn,T,value,i)),createDataPropertyOrThrow(result,i,value)}return result.length=length,result},of:function of(){for(var len=arguments.length,C=this,A=isArray(C)||!ES.IsCallable(C)?new Array(len):ES.Construct(C,[len]),k=0;k<len;++k)createDataPropertyOrThrow(A,k,arguments[k]);return A.length=len,A}};defineProperties(Array,ArrayShims),addDefaultSpecies(Array),defineProperties((ArrayIterator=function(array,kind){this.i=0,this.array=array,this.kind=kind}).prototype,{next:function(){var i=this.i,array=this.array;if(!(this instanceof ArrayIterator))throw new TypeError("Not an ArrayIterator");if(void 0!==array&&i<ES.ToLength(array.length)){var retval,kind=this.kind;return"key"===kind?retval=i:"value"===kind?retval=array[i]:"entry"===kind&&(retval=[i,array[i]]),this.i=i+1,iteratorResult(retval)}return this.array=void 0,iteratorResult()}}),addIterator(ArrayIterator.prototype),Array.of===ArrayShims.of||function(){var Foo=function Foo(len){this.length=len};Foo.prototype=[];var fooArr=Array.of.apply(Foo,[1,2]);return fooArr instanceof Foo&&2===fooArr.length}()||overrideNative(Array,"of",ArrayShims.of);var ArrayPrototypeShims={copyWithin:function copyWithin(target,start){var end,o=ES.ToObject(this),len=ES.ToLength(o.length),relativeTarget=ES.ToInteger(target),relativeStart=ES.ToInteger(start),to=relativeTarget<0?_max(len+relativeTarget,0):_min(relativeTarget,len),from=relativeStart<0?_max(len+relativeStart,0):_min(relativeStart,len);arguments.length>2&&(end=arguments[2]);var relativeEnd=void 0===end?len:ES.ToInteger(end),finalItem=relativeEnd<0?_max(len+relativeEnd,0):_min(relativeEnd,len),count=_min(finalItem-from,len-to),direction=1;for(from<to&&to<from+count&&(direction=-1,from+=count-1,to+=count-1);count>0;)from in o?o[to]=o[from]:delete o[to],from+=direction,to+=direction,count-=1;return o},fill:function fill(value){var start,end;arguments.length>1&&(start=arguments[1]),arguments.length>2&&(end=arguments[2]);var O=ES.ToObject(this),len=ES.ToLength(O.length);start=ES.ToInteger(void 0===start?0:start);for(var relativeEnd=(end=ES.ToInteger(void 0===end?len:end))<0?len+end:end,i=start<0?_max(len+start,0):_min(start,len);i<len&&i<relativeEnd;++i)O[i]=value;return O},find:function find(predicate){var list=ES.ToObject(this),length=ES.ToLength(list.length);if(!ES.IsCallable(predicate))throw new TypeError("Array#find: predicate must be a function");for(var value,thisArg=arguments.length>1?arguments[1]:null,i=0;i<length;i++)if(value=list[i],thisArg){if(_call(predicate,thisArg,value,i,list))return value}else if(predicate(value,i,list))return value},findIndex:function findIndex(predicate){var list=ES.ToObject(this),length=ES.ToLength(list.length);if(!ES.IsCallable(predicate))throw new TypeError("Array#findIndex: predicate must be a function");for(var thisArg=arguments.length>1?arguments[1]:null,i=0;i<length;i++)if(thisArg){if(_call(predicate,thisArg,list[i],i,list))return i}else if(predicate(list[i],i,list))return i;return-1},keys:function keys(){return new ArrayIterator(this,"key")},values:function values(){return new ArrayIterator(this,"value")},entries:function entries(){return new ArrayIterator(this,"entry")}};if(Array.prototype.keys&&!ES.IsCallable([1].keys().next)&&delete Array.prototype.keys,Array.prototype.entries&&!ES.IsCallable([1].entries().next)&&delete Array.prototype.entries,Array.prototype.keys&&Array.prototype.entries&&!Array.prototype.values&&Array.prototype[$iterator$]&&(defineProperties(Array.prototype,{values:Array.prototype[$iterator$]}),Type.symbol(Symbol.unscopables)&&(Array.prototype[Symbol.unscopables].values=!0)),functionsHaveNames&&Array.prototype.values&&"values"!==Array.prototype.values.name){var originalArrayPrototypeValues=Array.prototype.values;overrideNative(Array.prototype,"values",(function values(){return ES.Call(originalArrayPrototypeValues,this,arguments)})),defineProperty(Array.prototype,$iterator$,Array.prototype.values,!0)}defineProperties(Array.prototype,ArrayPrototypeShims),1/[!0].indexOf(!0,-0)<0&&defineProperty(Array.prototype,"indexOf",(function indexOf(searchElement){var value=_arrayIndexOfApply(this,arguments);return 0===value&&1/value<0?0:value}),!0),addIterator(Array.prototype,(function(){return this.values()})),Object.getPrototypeOf&&addIterator(Object.getPrototypeOf([].values()));var arr,arrayFromSwallowsNegativeLengths=valueOrFalseIfThrows((function(){return 0===Array.from({length:-1}).length})),arrayFromHandlesIterables=1===(arr=Array.from([0].entries())).length&&isArray(arr[0])&&0===arr[0][0]&&0===arr[0][1];if(arrayFromSwallowsNegativeLengths&&arrayFromHandlesIterables||overrideNative(Array,"from",ArrayShims.from),!valueOrFalseIfThrows((function(){return Array.from([0],void 0)}))){var origArrayFrom=Array.from;overrideNative(Array,"from",(function from(items){return arguments.length>1&&void 0!==arguments[1]?ES.Call(origArrayFrom,this,arguments):_call(origArrayFrom,this,items)}))}var int32sAsOne=-(Math.pow(2,32)-1),toLengthsCorrectly=function(method,reversed){var obj={length:int32sAsOne};return obj[reversed?(obj.length>>>0)-1:0]=!0,valueOrFalseIfThrows((function(){return _call(method,obj,(function(){throw new RangeError("should not reach here")}),[]),!0}))};if(!toLengthsCorrectly(Array.prototype.forEach)){var originalForEach=Array.prototype.forEach;overrideNative(Array.prototype,"forEach",(function forEach(callbackFn){return ES.Call(originalForEach,this.length>=0?this:[],arguments)}))}if(!toLengthsCorrectly(Array.prototype.map)){var originalMap=Array.prototype.map;overrideNative(Array.prototype,"map",(function map(callbackFn){return ES.Call(originalMap,this.length>=0?this:[],arguments)}))}if(!toLengthsCorrectly(Array.prototype.filter)){var originalFilter=Array.prototype.filter;overrideNative(Array.prototype,"filter",(function filter(callbackFn){return ES.Call(originalFilter,this.length>=0?this:[],arguments)}))}if(!toLengthsCorrectly(Array.prototype.some)){var originalSome=Array.prototype.some;overrideNative(Array.prototype,"some",(function some(callbackFn){return ES.Call(originalSome,this.length>=0?this:[],arguments)}))}if(!toLengthsCorrectly(Array.prototype.every)){var originalEvery=Array.prototype.every;overrideNative(Array.prototype,"every",(function every(callbackFn){return ES.Call(originalEvery,this.length>=0?this:[],arguments)}))}if(!toLengthsCorrectly(Array.prototype.reduce)){var originalReduce=Array.prototype.reduce;overrideNative(Array.prototype,"reduce",(function reduce(callbackFn){return ES.Call(originalReduce,this.length>=0?this:[],arguments)}))}if(!toLengthsCorrectly(Array.prototype.reduceRight,!0)){var originalReduceRight=Array.prototype.reduceRight;overrideNative(Array.prototype,"reduceRight",(function reduceRight(callbackFn){return ES.Call(originalReduceRight,this.length>=0?this:[],arguments)}))}var lacksOctalSupport=8!==Number("0o10"),lacksBinarySupport=2!==Number("0b10"),trimsNonWhitespace=_some(nonWS,(function(c){return 0===Number(c+0+c)}));if(lacksOctalSupport||lacksBinarySupport||trimsNonWhitespace){var OrigNumber=Number,binaryRegex=/^0b[01]+$/i,octalRegex=/^0o[0-7]+$/i,isBinary=binaryRegex.test.bind(binaryRegex),isOctal=octalRegex.test.bind(octalRegex),toPrimitive=function(O,hint){var result;if("function"==typeof O.valueOf&&(result=O.valueOf(),Type.primitive(result)))return result;if("function"==typeof O.toString&&(result=O.toString(),Type.primitive(result)))return result;throw new TypeError("No default value")},hasNonWS=nonWSregex.test.bind(nonWSregex),isBadHex=isBadHexRegex.test.bind(isBadHexRegex),NumberShim=function(){var NumberShim=function Number(value){var primValue;"string"==typeof(primValue=arguments.length>0?Type.primitive(value)?value:toPrimitive(value,"number"):0)&&(primValue=ES.Call(trimShim,primValue),isBinary(primValue)?primValue=parseInt(_strSlice(primValue,2),2):isOctal(primValue)?primValue=parseInt(_strSlice(primValue,2),8):(hasNonWS(primValue)||isBadHex(primValue))&&(primValue=NaN));var receiver=this,valueOfSucceeds=valueOrFalseIfThrows((function(){return OrigNumber.prototype.valueOf.call(receiver),!0}));return receiver instanceof NumberShim&&!valueOfSucceeds?new OrigNumber(primValue):OrigNumber(primValue)};return NumberShim}();wrapConstructor(OrigNumber,NumberShim,{}),defineProperties(NumberShim,{NaN:OrigNumber.NaN,MAX_VALUE:OrigNumber.MAX_VALUE,MIN_VALUE:OrigNumber.MIN_VALUE,NEGATIVE_INFINITY:OrigNumber.NEGATIVE_INFINITY,POSITIVE_INFINITY:OrigNumber.POSITIVE_INFINITY}),Number=NumberShim,Value.redefine(globals,"Number",NumberShim)}var maxSafeInteger=Math.pow(2,53)-1;defineProperties(Number,{MAX_SAFE_INTEGER:maxSafeInteger,MIN_SAFE_INTEGER:-maxSafeInteger,EPSILON:2220446049250313e-31,parseInt:globals.parseInt,parseFloat:globals.parseFloat,isFinite:numberIsFinite,isInteger:function isInteger(value){return numberIsFinite(value)&&ES.ToInteger(value)===value},isSafeInteger:function isSafeInteger(value){return Number.isInteger(value)&&_abs(value)<=Number.MAX_SAFE_INTEGER},isNaN:numberIsNaN}),defineProperty(Number,"parseInt",globals.parseInt,Number.parseInt!==globals.parseInt),1===[,1].find((function(){return!0}))&&overrideNative(Array.prototype,"find",ArrayPrototypeShims.find),0!==[,1].findIndex((function(){return!0}))&&overrideNative(Array.prototype,"findIndex",ArrayPrototypeShims.findIndex);var FAKENULL,gpo,spo,isEnumerableOn=Function.bind.call(Function.bind,Object.prototype.propertyIsEnumerable),ensureEnumerable=function ensureEnumerable(obj,prop){supportsDescriptors&&isEnumerableOn(obj,prop)&&Object.defineProperty(obj,prop,{enumerable:!1})},sliceArgs=function sliceArgs(){for(var initial=Number(this),len=arguments.length,desiredArgCount=len-initial,args=new Array(desiredArgCount<0?0:desiredArgCount),i=initial;i<len;++i)args[i-initial]=arguments[i];return args},assignTo=function assignTo(source){return function assignToSource(target,key){return target[key]=source[key],target}},assignReducer=function(target,source){var symbols,sourceKeys=keys(Object(source));return ES.IsCallable(Object.getOwnPropertySymbols)&&(symbols=_filter(Object.getOwnPropertySymbols(Object(source)),isEnumerableOn(source))),_reduce(_concat(sourceKeys,symbols||[]),assignTo(source),target)},ObjectShims={assign:function(target,source){var to=ES.ToObject(target,"Cannot convert undefined or null to object");return _reduce(ES.Call(sliceArgs,1,arguments),assignReducer,to)},is:function is(a,b){return ES.SameValue(a,b)}};if(Object.assign&&Object.preventExtensions&&function(){var thrower=Object.preventExtensions({1:2});try{Object.assign(thrower,"xy")}catch(e){return"y"===thrower[1]}}()&&overrideNative(Object,"assign",ObjectShims.assign),defineProperties(Object,ObjectShims),supportsDescriptors){var ES5ObjectShims={setPrototypeOf:function(Object,magic){var set,checkArgs=function(O,proto){if(!ES.TypeIsObject(O))throw new TypeError("cannot set prototype on a non-object");if(null!==proto&&!ES.TypeIsObject(proto))throw new TypeError("can only set prototype to an object or null"+proto)},setPrototypeOf=function(O,proto){return checkArgs(O,proto),_call(set,O,proto),O};try{set=Object.getOwnPropertyDescriptor(Object.prototype,magic).set,_call(set,{},null)}catch(e){if(Object.prototype!=={}[magic])return;set=function(proto){this[magic]=proto},setPrototypeOf.polyfill=setPrototypeOf(setPrototypeOf({},null),Object.prototype)instanceof Object}return setPrototypeOf}(Object,"__proto__")};defineProperties(Object,ES5ObjectShims)}if(Object.setPrototypeOf&&Object.getPrototypeOf&&null!==Object.getPrototypeOf(Object.setPrototypeOf({},null))&&null===Object.getPrototypeOf(Object.create(null))&&(FAKENULL=Object.create(null),gpo=Object.getPrototypeOf,spo=Object.setPrototypeOf,Object.getPrototypeOf=function(o){var result=gpo(o);return result===FAKENULL?null:result},Object.setPrototypeOf=function(o,p){return spo(o,null===p?FAKENULL:p)},Object.setPrototypeOf.polyfill=!1),throwsError((function(){return Object.keys("foo")}))){var originalObjectKeys=Object.keys;overrideNative(Object,"keys",(function keys(value){return originalObjectKeys(ES.ToObject(value))})),keys=Object.keys}if(throwsError((function(){return Object.keys(/a/g)}))){var regexRejectingObjectKeys=Object.keys;overrideNative(Object,"keys",(function keys(value){if(Type.regex(value)){var regexKeys=[];for(var k in value)_hasOwnProperty(value,k)&&_push(regexKeys,k);return regexKeys}return regexRejectingObjectKeys(value)})),keys=Object.keys}if(Object.getOwnPropertyNames&&throwsError((function(){return Object.getOwnPropertyNames("foo")}))){var cachedWindowNames="object"==typeof window?Object.getOwnPropertyNames(window):[],originalObjectGetOwnPropertyNames=Object.getOwnPropertyNames;overrideNative(Object,"getOwnPropertyNames",(function getOwnPropertyNames(value){var val=ES.ToObject(value);if("[object Window]"===_toString(val))try{return originalObjectGetOwnPropertyNames(val)}catch(e){return _concat([],cachedWindowNames)}return originalObjectGetOwnPropertyNames(val)}))}if(Object.getOwnPropertyDescriptor&&throwsError((function(){return Object.getOwnPropertyDescriptor("foo","bar")}))){var originalObjectGetOwnPropertyDescriptor=Object.getOwnPropertyDescriptor;overrideNative(Object,"getOwnPropertyDescriptor",(function getOwnPropertyDescriptor(value,property){return originalObjectGetOwnPropertyDescriptor(ES.ToObject(value),property)}))}if(Object.seal&&throwsError((function(){return Object.seal("foo")}))){var originalObjectSeal=Object.seal;overrideNative(Object,"seal",(function seal(value){return ES.TypeIsObject(value)?originalObjectSeal(value):value}))}if(Object.isSealed&&throwsError((function(){return Object.isSealed("foo")}))){var originalObjectIsSealed=Object.isSealed;overrideNative(Object,"isSealed",(function isSealed(value){return!ES.TypeIsObject(value)||originalObjectIsSealed(value)}))}if(Object.freeze&&throwsError((function(){return Object.freeze("foo")}))){var originalObjectFreeze=Object.freeze;overrideNative(Object,"freeze",(function freeze(value){return ES.TypeIsObject(value)?originalObjectFreeze(value):value}))}if(Object.isFrozen&&throwsError((function(){return Object.isFrozen("foo")}))){var originalObjectIsFrozen=Object.isFrozen;overrideNative(Object,"isFrozen",(function isFrozen(value){return!ES.TypeIsObject(value)||originalObjectIsFrozen(value)}))}if(Object.preventExtensions&&throwsError((function(){return Object.preventExtensions("foo")}))){var originalObjectPreventExtensions=Object.preventExtensions;overrideNative(Object,"preventExtensions",(function preventExtensions(value){return ES.TypeIsObject(value)?originalObjectPreventExtensions(value):value}))}if(Object.isExtensible&&throwsError((function(){return Object.isExtensible("foo")}))){var originalObjectIsExtensible=Object.isExtensible;overrideNative(Object,"isExtensible",(function isExtensible(value){return!!ES.TypeIsObject(value)&&originalObjectIsExtensible(value)}))}if(Object.getPrototypeOf&&throwsError((function(){return Object.getPrototypeOf("foo")}))){var originalGetProto=Object.getPrototypeOf;overrideNative(Object,"getPrototypeOf",(function getPrototypeOf(value){return originalGetProto(ES.ToObject(value))}))}var desc,hasFlags=supportsDescriptors&&((desc=Object.getOwnPropertyDescriptor(RegExp.prototype,"flags"))&&ES.IsCallable(desc.get));if(supportsDescriptors&&!hasFlags){var regExpFlagsGetter=function flags(){if(!ES.TypeIsObject(this))throw new TypeError("Method called on incompatible type: must be an object.");var result="";return this.global&&(result+="g"),this.ignoreCase&&(result+="i"),this.multiline&&(result+="m"),this.unicode&&(result+="u"),this.sticky&&(result+="y"),result};Value.getter(RegExp.prototype,"flags",regExpFlagsGetter)}var regex,regExpSupportsFlagsWithRegex=supportsDescriptors&&valueOrFalseIfThrows((function(){return"/a/i"===String(new RegExp(/a/g,"i"))})),regExpNeedsToSupportSymbolMatch=hasSymbols&&supportsDescriptors&&((regex=/./)[Symbol.match]=!1,RegExp(regex)===regex),regexToStringIsGeneric=valueOrFalseIfThrows((function(){return"/abc/"===RegExp.prototype.toString.call({source:"abc"})})),regexToStringSupportsGenericFlags=regexToStringIsGeneric&&valueOrFalseIfThrows((function(){return"/a/b"===RegExp.prototype.toString.call({source:"a",flags:"b"})}));if(!regexToStringIsGeneric||!regexToStringSupportsGenericFlags){var origRegExpToString=RegExp.prototype.toString;defineProperty(RegExp.prototype,"toString",(function toString(){var R=ES.RequireObjectCoercible(this);return Type.regex(R)?_call(origRegExpToString,R):"/"+$String(R.source)+"/"+$String(R.flags)}),!0),Value.preserveToString(RegExp.prototype.toString,origRegExpToString)}if(supportsDescriptors&&(!regExpSupportsFlagsWithRegex||regExpNeedsToSupportSymbolMatch)){var flagsGetter=Object.getOwnPropertyDescriptor(RegExp.prototype,"flags").get,sourceDesc=Object.getOwnPropertyDescriptor(RegExp.prototype,"source")||{},legacySourceGetter=function(){return this.source},sourceGetter=ES.IsCallable(sourceDesc.get)?sourceDesc.get:legacySourceGetter,OrigRegExp=RegExp,RegExpShim=function RegExp(pattern,flags){var patternIsRegExp=ES.IsRegExp(pattern);return this instanceof RegExp||!patternIsRegExp||void 0!==flags||pattern.constructor!==RegExp?Type.regex(pattern)?new RegExp(ES.Call(sourceGetter,pattern),void 0===flags?ES.Call(flagsGetter,pattern):flags):(patternIsRegExp&&(pattern.source,void 0===flags&&pattern.flags),new OrigRegExp(pattern,flags)):pattern};wrapConstructor(OrigRegExp,RegExpShim,{$input:!0}),RegExp=RegExpShim,Value.redefine(globals,"RegExp",RegExpShim)}if(supportsDescriptors){var regexGlobals={input:"$_",lastMatch:"$&",lastParen:"$+",leftContext:"$`",rightContext:"$'"};_forEach(keys(regexGlobals),(function(prop){prop in RegExp&&!(regexGlobals[prop]in RegExp)&&Value.getter(RegExp,regexGlobals[prop],(function get(){return RegExp[prop]}))}))}addDefaultSpecies(RegExp);var inverseEpsilon=1/Number.EPSILON,roundTiesToEven=function roundTiesToEven(n){return n+inverseEpsilon-inverseEpsilon},BINARY_32_EPSILON=Math.pow(2,-23),BINARY_32_MAX_VALUE=Math.pow(2,127)*(2-BINARY_32_EPSILON),BINARY_32_MIN_VALUE=Math.pow(2,-126),E=Math.E,LOG2E=Math.LOG2E,LOG10E=Math.LOG10E,numberCLZ=Number.prototype.clz;delete Number.prototype.clz;var MathShims={acosh:function acosh(value){var x=Number(value);if(numberIsNaN(x)||value<1)return NaN;if(1===x)return 0;if(x===1/0)return x;var xInvSquared=1/(x*x);if(x<2)return _log1p(x-1+_sqrt(1-xInvSquared)*x);var halfX=x/2;return _log1p(halfX+_sqrt(1-xInvSquared)*halfX-1)+1/LOG2E},asinh:function asinh(value){var x=Number(value);if(0===x||!globalIsFinite(x))return x;var a=_abs(x),aSquared=a*a,s=_sign(x);return a<1?s*_log1p(a+aSquared/(_sqrt(aSquared+1)+1)):s*(_log1p(a/2+_sqrt(1+1/aSquared)*a/2-1)+1/LOG2E)},atanh:function atanh(value){var x=Number(value);if(0===x)return x;if(-1===x)return-1/0;if(1===x)return 1/0;if(numberIsNaN(x)||x<-1||x>1)return NaN;var a=_abs(x);return _sign(x)*_log1p(2*a/(1-a))/2},cbrt:function cbrt(value){var x=Number(value);if(0===x)return x;var result,negate=x<0;return negate&&(x=-x),result=x===1/0?1/0:(x/((result=_exp(_log(x)/3))*result)+2*result)/3,negate?-result:result},clz32:function clz32(value){var x=Number(value),number=ES.ToUint32(x);return 0===number?32:numberCLZ?ES.Call(numberCLZ,number):31-_floor(_log(number+.5)*LOG2E)},cosh:function cosh(value){var x=Number(value);if(0===x)return 1;if(numberIsNaN(x))return NaN;if(!globalIsFinite(x))return 1/0;var t=_exp(_abs(x)-1);return(t+1/(t*E*E))*(E/2)},expm1:function expm1(value){var x=Number(value);if(x===-1/0)return-1;if(!globalIsFinite(x)||0===x)return x;if(_abs(x)>.5)return _exp(x)-1;for(var t=x,sum=0,n=1;sum+t!==sum;)sum+=t,t*=x/(n+=1);return sum},hypot:function hypot(x,y){for(var result=0,largest=0,i=0;i<arguments.length;++i){var value=_abs(Number(arguments[i]));largest<value?(result*=largest/value*(largest/value),result+=1,largest=value):result+=value>0?value/largest*(value/largest):value}return largest===1/0?1/0:largest*_sqrt(result)},log2:function log2(value){return _log(value)*LOG2E},log10:function log10(value){return _log(value)*LOG10E},log1p:_log1p,sign:_sign,sinh:function sinh(value){var x=Number(value);if(!globalIsFinite(x)||0===x)return x;var a=_abs(x);if(a<1){var u=Math.expm1(a);return _sign(x)*u*(1+1/(u+1))/2}var t=_exp(a-1);return _sign(x)*(t-1/(t*E*E))*(E/2)},tanh:function tanh(value){var x=Number(value);return numberIsNaN(x)||0===x?x:x>=20?1:x<=-20?-1:(Math.expm1(x)-Math.expm1(-x))/(_exp(x)+_exp(-x))},trunc:function trunc(value){var x=Number(value);return x<0?-_floor(-x):_floor(x)},imul:function imul(x,y){var a=ES.ToUint32(x),b=ES.ToUint32(y),al=65535&a,bl=65535&b;return al*bl+((a>>>16&65535)*bl+al*(b>>>16&65535)<<16>>>0)|0},fround:function fround(x){var v=Number(x);if(0===v||v===1/0||v===-1/0||numberIsNaN(v))return v;var sign=_sign(v),abs=_abs(v);if(abs<BINARY_32_MIN_VALUE)return sign*roundTiesToEven(abs/BINARY_32_MIN_VALUE/BINARY_32_EPSILON)*BINARY_32_MIN_VALUE*BINARY_32_EPSILON;var a=(1+BINARY_32_EPSILON/Number.EPSILON)*abs,result=a-(a-abs);return result>BINARY_32_MAX_VALUE||numberIsNaN(result)?sign*(1/0):sign*result}},withinULPDistance=function withinULPDistance(result,expected,distance){return _abs(1-result/expected)/Number.EPSILON<(distance||8)};defineProperties(Math,MathShims),defineProperty(Math,"sinh",MathShims.sinh,Math.sinh(710)===1/0),defineProperty(Math,"cosh",MathShims.cosh,Math.cosh(710)===1/0),defineProperty(Math,"log1p",MathShims.log1p,-1e-17!==Math.log1p(-1e-17)),defineProperty(Math,"asinh",MathShims.asinh,Math.asinh(-1e7)!==-Math.asinh(1e7)),defineProperty(Math,"asinh",MathShims.asinh,Math.asinh(1e300)===1/0),defineProperty(Math,"atanh",MathShims.atanh,0===Math.atanh(1e-300)),defineProperty(Math,"tanh",MathShims.tanh,-2e-17!==Math.tanh(-2e-17)),defineProperty(Math,"acosh",MathShims.acosh,Math.acosh(Number.MAX_VALUE)===1/0),defineProperty(Math,"acosh",MathShims.acosh,!withinULPDistance(Math.acosh(1+Number.EPSILON),Math.sqrt(2*Number.EPSILON))),defineProperty(Math,"cbrt",MathShims.cbrt,!withinULPDistance(Math.cbrt(1e-300),1e-100)),defineProperty(Math,"sinh",MathShims.sinh,-2e-17!==Math.sinh(-2e-17));var expm1OfTen=Math.expm1(10);defineProperty(Math,"expm1",MathShims.expm1,expm1OfTen>22025.465794806718||expm1OfTen<22025.465794806718),defineProperty(Math,"hypot",MathShims.hypot,Math.hypot(1/0,NaN)!==1/0);var origMathRound=Math.round,roundHandlesBoundaryConditions=0===Math.round(.5-Number.EPSILON/4)&&1===Math.round(Number.EPSILON/3.99-.5),roundDoesNotIncreaseIntegers=[inverseEpsilon+1,2*inverseEpsilon-1].every((function(num){return Math.round(num)===num}));defineProperty(Math,"round",(function round(x){var floor=_floor(x);return x-floor<.5?floor:-1===floor?-0:floor+1}),!roundHandlesBoundaryConditions||!roundDoesNotIncreaseIntegers),Value.preserveToString(Math.round,origMathRound);var origImul=Math.imul;-5!==Math.imul(4294967295,5)&&(Math.imul=MathShims.imul,Value.preserveToString(Math.imul,origImul)),2!==Math.imul.length&&overrideNative(Math,"imul",(function imul(x,y){return ES.Call(origImul,Math,arguments)}));var count,thenable,PromiseShim=function(){var setTimeout=globals.setTimeout;if("function"==typeof setTimeout||"object"==typeof setTimeout){ES.IsPromise=function(promise){return!!ES.TypeIsObject(promise)&&void 0!==promise._promise};var makeZeroTimeout,PromiseCapability=function(C){if(!ES.IsConstructor(C))throw new TypeError("Bad promise constructor");var capability=this,resolver=function(resolve,reject){if(void 0!==capability.resolve||void 0!==capability.reject)throw new TypeError("Bad Promise implementation!");capability.resolve=resolve,capability.reject=reject};if(capability.resolve=void 0,capability.reject=void 0,capability.promise=new C(resolver),!ES.IsCallable(capability.resolve)||!ES.IsCallable(capability.reject))throw new TypeError("Bad promise constructor")};"undefined"!=typeof window&&ES.IsCallable(window.postMessage)&&(makeZeroTimeout=function(){var timeouts=[],messageName="zero-timeout-message",setZeroTimeout=function(fn){_push(timeouts,fn),window.postMessage(messageName,"*")},handleMessage=function(event){if(event.source===window&&event.data===messageName){if(event.stopPropagation(),0===timeouts.length)return;_shift(timeouts)()}};return window.addEventListener("message",handleMessage,!0),setZeroTimeout});var Promise$prototype,Promise$prototype$then,makePromiseAsap=function(){var P=globals.Promise,pr=P&&P.resolve&&P.resolve();return pr&&function(task){return pr.then(task)}},enqueue=ES.IsCallable(globals.setImmediate)?globals.setImmediate:"object"==typeof process&&process.nextTick?process.nextTick:makePromiseAsap()||(ES.IsCallable(makeZeroTimeout)?makeZeroTimeout():function(task){setTimeout(task,0)}),PROMISE_IDENTITY=function(x){return x},PROMISE_THROWER=function(e){throw e},PROMISE_PENDING=0,PROMISE_FULFILLED=1,PROMISE_REJECTED=2,PROMISE_FULFILL_OFFSET=0,PROMISE_REJECT_OFFSET=1,PROMISE_CAPABILITY_OFFSET=2,PROMISE_FAKE_CAPABILITY={},enqueuePromiseReactionJob=function(handler,capability,argument){enqueue((function(){promiseReactionJob(handler,capability,argument)}))},promiseReactionJob=function(handler,promiseCapability,argument){var handlerResult,f;if(promiseCapability===PROMISE_FAKE_CAPABILITY)return handler(argument);try{handlerResult=handler(argument),f=promiseCapability.resolve}catch(e){handlerResult=e,f=promiseCapability.reject}f(handlerResult)},fulfillPromise=function(promise,value){var _promise=promise._promise,length=_promise.reactionLength;if(length>0&&(enqueuePromiseReactionJob(_promise.fulfillReactionHandler0,_promise.reactionCapability0,value),_promise.fulfillReactionHandler0=void 0,_promise.rejectReactions0=void 0,_promise.reactionCapability0=void 0,length>1))for(var i=1,idx=0;i<length;i++,idx+=3)enqueuePromiseReactionJob(_promise[idx+PROMISE_FULFILL_OFFSET],_promise[idx+PROMISE_CAPABILITY_OFFSET],value),promise[idx+PROMISE_FULFILL_OFFSET]=void 0,promise[idx+PROMISE_REJECT_OFFSET]=void 0,promise[idx+PROMISE_CAPABILITY_OFFSET]=void 0;_promise.result=value,_promise.state=PROMISE_FULFILLED,_promise.reactionLength=0},rejectPromise=function(promise,reason){var _promise=promise._promise,length=_promise.reactionLength;if(length>0&&(enqueuePromiseReactionJob(_promise.rejectReactionHandler0,_promise.reactionCapability0,reason),_promise.fulfillReactionHandler0=void 0,_promise.rejectReactions0=void 0,_promise.reactionCapability0=void 0,length>1))for(var i=1,idx=0;i<length;i++,idx+=3)enqueuePromiseReactionJob(_promise[idx+PROMISE_REJECT_OFFSET],_promise[idx+PROMISE_CAPABILITY_OFFSET],reason),promise[idx+PROMISE_FULFILL_OFFSET]=void 0,promise[idx+PROMISE_REJECT_OFFSET]=void 0,promise[idx+PROMISE_CAPABILITY_OFFSET]=void 0;_promise.result=reason,_promise.state=PROMISE_REJECTED,_promise.reactionLength=0},createResolvingFunctions=function(promise){var alreadyResolved=!1;return{resolve:function(resolution){var then;if(!alreadyResolved){if(alreadyResolved=!0,resolution===promise)return rejectPromise(promise,new TypeError("Self resolution"));if(!ES.TypeIsObject(resolution))return fulfillPromise(promise,resolution);try{then=resolution.then}catch(e){return rejectPromise(promise,e)}if(!ES.IsCallable(then))return fulfillPromise(promise,resolution);enqueue((function(){promiseResolveThenableJob(promise,resolution,then)}))}},reject:function(reason){if(!alreadyResolved)return alreadyResolved=!0,rejectPromise(promise,reason)}}},optimizedThen=function(then,thenable,resolve,reject){then===Promise$prototype$then?_call(then,thenable,resolve,reject,PROMISE_FAKE_CAPABILITY):_call(then,thenable,resolve,reject)},promiseResolveThenableJob=function(promise,thenable,then){var resolvingFunctions=createResolvingFunctions(promise),resolve=resolvingFunctions.resolve,reject=resolvingFunctions.reject;try{optimizedThen(then,thenable,resolve,reject)}catch(e){reject(e)}},Promise=function(){var PromiseShim=function Promise(resolver){if(!(this instanceof PromiseShim))throw new TypeError('Constructor Promise requires "new"');if(this&&this._promise)throw new TypeError("Bad construction");if(!ES.IsCallable(resolver))throw new TypeError("not a valid resolver");var promise=emulateES6construct(this,PromiseShim,Promise$prototype,{_promise:{result:void 0,state:PROMISE_PENDING,reactionLength:0,fulfillReactionHandler0:void 0,rejectReactionHandler0:void 0,reactionCapability0:void 0}}),resolvingFunctions=createResolvingFunctions(promise),reject=resolvingFunctions.reject;try{resolver(resolvingFunctions.resolve,reject)}catch(e){reject(e)}return promise};return PromiseShim}();Promise$prototype=Promise.prototype;var _promiseAllResolver=function(index,values,capability,remaining){var alreadyCalled=!1;return function(x){alreadyCalled||(alreadyCalled=!0,values[index]=x,0==--remaining.count&&(0,capability.resolve)(values))}},performPromiseAll=function(iteratorRecord,C,resultCapability){for(var next,nextValue,it=iteratorRecord.iterator,values=[],remaining={count:1},index=0;;){try{if(!1===(next=ES.IteratorStep(it))){iteratorRecord.done=!0;break}nextValue=next.value}catch(e){throw iteratorRecord.done=!0,e}values[index]=void 0;var nextPromise=C.resolve(nextValue),resolveElement=_promiseAllResolver(index,values,resultCapability,remaining);remaining.count+=1,optimizedThen(nextPromise.then,nextPromise,resolveElement,resultCapability.reject),index+=1}return 0==--remaining.count&&(0,resultCapability.resolve)(values),resultCapability.promise},performPromiseRace=function(iteratorRecord,C,resultCapability){for(var next,nextValue,nextPromise,it=iteratorRecord.iterator;;){try{if(!1===(next=ES.IteratorStep(it))){iteratorRecord.done=!0;break}nextValue=next.value}catch(e){throw iteratorRecord.done=!0,e}nextPromise=C.resolve(nextValue),optimizedThen(nextPromise.then,nextPromise,resultCapability.resolve,resultCapability.reject)}return resultCapability.promise};return defineProperties(Promise,{all:function all(iterable){var C=this;if(!ES.TypeIsObject(C))throw new TypeError("Promise is not object");var iterator,iteratorRecord,capability=new PromiseCapability(C);try{return iterator=ES.GetIterator(iterable),performPromiseAll(iteratorRecord={iterator:iterator,done:!1},C,capability)}catch(e){var exception=e;if(iteratorRecord&&!iteratorRecord.done)try{ES.IteratorClose(iterator,!0)}catch(ee){exception=ee}return(0,capability.reject)(exception),capability.promise}},race:function race(iterable){var C=this;if(!ES.TypeIsObject(C))throw new TypeError("Promise is not object");var iterator,iteratorRecord,capability=new PromiseCapability(C);try{return iterator=ES.GetIterator(iterable),performPromiseRace(iteratorRecord={iterator:iterator,done:!1},C,capability)}catch(e){var exception=e;if(iteratorRecord&&!iteratorRecord.done)try{ES.IteratorClose(iterator,!0)}catch(ee){exception=ee}return(0,capability.reject)(exception),capability.promise}},reject:function reject(reason){var C=this;if(!ES.TypeIsObject(C))throw new TypeError("Bad promise constructor");var capability=new PromiseCapability(C);return(0,capability.reject)(reason),capability.promise},resolve:function resolve(v){var C=this;if(!ES.TypeIsObject(C))throw new TypeError("Bad promise constructor");if(ES.IsPromise(v)&&v.constructor===C)return v;var capability=new PromiseCapability(C);return(0,capability.resolve)(v),capability.promise}}),defineProperties(Promise$prototype,{catch:function(onRejected){return this.then(null,onRejected)},then:function then(onFulfilled,onRejected){var promise=this;if(!ES.IsPromise(promise))throw new TypeError("not a promise");var resultCapability,C=ES.SpeciesConstructor(promise,Promise);resultCapability=arguments.length>2&&arguments[2]===PROMISE_FAKE_CAPABILITY&&C===Promise?PROMISE_FAKE_CAPABILITY:new PromiseCapability(C);var value,fulfillReactionHandler=ES.IsCallable(onFulfilled)?onFulfilled:PROMISE_IDENTITY,rejectReactionHandler=ES.IsCallable(onRejected)?onRejected:PROMISE_THROWER,_promise=promise._promise;if(_promise.state===PROMISE_PENDING){if(0===_promise.reactionLength)_promise.fulfillReactionHandler0=fulfillReactionHandler,_promise.rejectReactionHandler0=rejectReactionHandler,_promise.reactionCapability0=resultCapability;else{var idx=3*(_promise.reactionLength-1);_promise[idx+PROMISE_FULFILL_OFFSET]=fulfillReactionHandler,_promise[idx+PROMISE_REJECT_OFFSET]=rejectReactionHandler,_promise[idx+PROMISE_CAPABILITY_OFFSET]=resultCapability}_promise.reactionLength+=1}else if(_promise.state===PROMISE_FULFILLED)value=_promise.result,enqueuePromiseReactionJob(fulfillReactionHandler,resultCapability,value);else{if(_promise.state!==PROMISE_REJECTED)throw new TypeError("unexpected Promise state");value=_promise.result,enqueuePromiseReactionJob(rejectReactionHandler,resultCapability,value)}return resultCapability.promise}}),PROMISE_FAKE_CAPABILITY=new PromiseCapability(Promise),Promise$prototype$then=Promise$prototype.then,Promise}}();if(globals.Promise&&(delete globals.Promise.accept,delete globals.Promise.defer,delete globals.Promise.prototype.chain),"function"==typeof PromiseShim){defineProperties(globals,{Promise:PromiseShim});var promiseSupportsSubclassing=supportsSubclassing(globals.Promise,(function(S){return S.resolve(42).then((function(){}))instanceof S})),promiseIgnoresNonFunctionThenCallbacks=!throwsError((function(){return globals.Promise.reject(42).then(null,5).then(null,noop)})),promiseRequiresObjectContext=throwsError((function(){return globals.Promise.call(3,noop)})),promiseResolveBroken=function(Promise){var p=Promise.resolve(5);p.constructor={};var p2=Promise.resolve(p);try{p2.then(null,noop).then(null,noop)}catch(e){return!0}return p===p2}(globals.Promise),getsThenSynchronously=supportsDescriptors&&(count=0,thenable=Object.defineProperty({},"then",{get:function(){count+=1}}),Promise.resolve(thenable),1===count),BadResolverPromise=function BadResolverPromise(executor){var p=new Promise(executor);executor(3,(function(){})),this.then=p.then,this.constructor=BadResolverPromise};BadResolverPromise.prototype=Promise.prototype,BadResolverPromise.all=Promise.all;var hasBadResolverPromise=valueOrFalseIfThrows((function(){return!!BadResolverPromise.all([1,2])}));if(promiseSupportsSubclassing&&promiseIgnoresNonFunctionThenCallbacks&&promiseRequiresObjectContext&&!promiseResolveBroken&&getsThenSynchronously&&!hasBadResolverPromise||(Promise=PromiseShim,overrideNative(globals,"Promise",PromiseShim)),1!==Promise.all.length){var origAll=Promise.all;overrideNative(Promise,"all",(function all(iterable){return ES.Call(origAll,this,arguments)}))}if(1!==Promise.race.length){var origRace=Promise.race;overrideNative(Promise,"race",(function race(iterable){return ES.Call(origRace,this,arguments)}))}if(1!==Promise.resolve.length){var origResolve=Promise.resolve;overrideNative(Promise,"resolve",(function resolve(x){return ES.Call(origResolve,this,arguments)}))}if(1!==Promise.reject.length){var origReject=Promise.reject;overrideNative(Promise,"reject",(function reject(r){return ES.Call(origReject,this,arguments)}))}ensureEnumerable(Promise,"all"),ensureEnumerable(Promise,"race"),ensureEnumerable(Promise,"resolve"),ensureEnumerable(Promise,"reject"),addDefaultSpecies(Promise)}var s,m,testOrder=function(a){var b=keys(_reduce(a,(function(o,k){return o[k]=!0,o}),{}));return a.join(":")===b.join(":")},preservesInsertionOrder=testOrder(["z","a","bb"]),preservesNumericInsertionOrder=testOrder(["z",1,"a","3",2]);if(supportsDescriptors){var fastkey=function fastkey(key,skipInsertionOrderCheck){return skipInsertionOrderCheck||preservesInsertionOrder?isNullOrUndefined(key)?"^"+ES.ToString(key):"string"==typeof key?"$"+key:"number"==typeof key?preservesNumericInsertionOrder?key:"n"+key:"boolean"==typeof key?"b"+key:null:null},emptyObject=function emptyObject(){return Object.create?Object.create(null):{}},addIterableToMap=function addIterableToMap(MapConstructor,map,iterable){if(isArray(iterable)||Type.string(iterable))_forEach(iterable,(function(entry){if(!ES.TypeIsObject(entry))throw new TypeError("Iterator value "+entry+" is not an entry object");map.set(entry[0],entry[1])}));else if(iterable instanceof MapConstructor)_call(MapConstructor.prototype.forEach,iterable,(function(value,key){map.set(key,value)}));else{var iter,adder;if(!isNullOrUndefined(iterable)){if(adder=map.set,!ES.IsCallable(adder))throw new TypeError("bad map");iter=ES.GetIterator(iterable)}if(void 0!==iter)for(;;){var next=ES.IteratorStep(iter);if(!1===next)break;var nextItem=next.value;try{if(!ES.TypeIsObject(nextItem))throw new TypeError("Iterator value "+nextItem+" is not an entry object");_call(adder,map,nextItem[0],nextItem[1])}catch(e){throw ES.IteratorClose(iter,!0),e}}}},addIterableToSet=function addIterableToSet(SetConstructor,set,iterable){if(isArray(iterable)||Type.string(iterable))_forEach(iterable,(function(value){set.add(value)}));else if(iterable instanceof SetConstructor)_call(SetConstructor.prototype.forEach,iterable,(function(value){set.add(value)}));else{var iter,adder;if(!isNullOrUndefined(iterable)){if(adder=set.add,!ES.IsCallable(adder))throw new TypeError("bad set");iter=ES.GetIterator(iterable)}if(void 0!==iter)for(;;){var next=ES.IteratorStep(iter);if(!1===next)break;var nextValue=next.value;try{_call(adder,set,nextValue)}catch(e){throw ES.IteratorClose(iter,!0),e}}}},collectionShims={Map:function(){var empty={},MapEntry=function MapEntry(key,value){this.key=key,this.value=value,this.next=null,this.prev=null};MapEntry.prototype.isRemoved=function isRemoved(){return this.key===empty};var Map$prototype,isMap=function isMap(map){return!!map._es6map},requireMapSlot=function requireMapSlot(map,method){if(!ES.TypeIsObject(map)||!isMap(map))throw new TypeError("Method Map.prototype."+method+" called on incompatible receiver "+ES.ToString(map))},MapIterator=function MapIterator(map,kind){requireMapSlot(map,"[[MapIterator]]"),this.head=map._head,this.i=this.head,this.kind=kind};MapIterator.prototype={isMapIterator:!0,next:function next(){if(!this.isMapIterator)throw new TypeError("Not a MapIterator");var result,i=this.i,kind=this.kind,head=this.head;if(void 0===this.i)return iteratorResult();for(;i.isRemoved()&&i!==head;)i=i.prev;for(;i.next!==head;)if(!(i=i.next).isRemoved())return result="key"===kind?i.key:"value"===kind?i.value:[i.key,i.value],this.i=i,iteratorResult(result);return this.i=void 0,iteratorResult()}},addIterator(MapIterator.prototype);var MapShim=function Map(){if(!(this instanceof Map))throw new TypeError('Constructor Map requires "new"');if(this&&this._es6map)throw new TypeError("Bad construction");var map=emulateES6construct(this,Map,Map$prototype,{_es6map:!0,_head:null,_map:OrigMap?new OrigMap:null,_size:0,_storage:emptyObject()}),head=new MapEntry(null,null);return head.next=head.prev=head,map._head=head,arguments.length>0&&addIterableToMap(Map,map,arguments[0]),map};return Map$prototype=MapShim.prototype,Value.getter(Map$prototype,"size",(function(){if(void 0===this._size)throw new TypeError("size method called on incompatible Map");return this._size})),defineProperties(Map$prototype,{get:function get(key){var entry;requireMapSlot(this,"get");var fkey=fastkey(key,!0);if(null!==fkey)return(entry=this._storage[fkey])?entry.value:void 0;if(this._map)return(entry=origMapGet.call(this._map,key))?entry.value:void 0;for(var head=this._head,i=head;(i=i.next)!==head;)if(ES.SameValueZero(i.key,key))return i.value},has:function has(key){requireMapSlot(this,"has");var fkey=fastkey(key,!0);if(null!==fkey)return void 0!==this._storage[fkey];if(this._map)return origMapHas.call(this._map,key);for(var head=this._head,i=head;(i=i.next)!==head;)if(ES.SameValueZero(i.key,key))return!0;return!1},set:function set(key,value){requireMapSlot(this,"set");var entry,head=this._head,i=head,fkey=fastkey(key,!0);if(null!==fkey){if(void 0!==this._storage[fkey])return this._storage[fkey].value=value,this;entry=this._storage[fkey]=new MapEntry(key,value),i=head.prev}else this._map&&(origMapHas.call(this._map,key)?origMapGet.call(this._map,key).value=value:(entry=new MapEntry(key,value),origMapSet.call(this._map,key,entry),i=head.prev));for(;(i=i.next)!==head;)if(ES.SameValueZero(i.key,key))return i.value=value,this;return entry=entry||new MapEntry(key,value),ES.SameValue(-0,key)&&(entry.key=0),entry.next=this._head,entry.prev=this._head.prev,entry.prev.next=entry,entry.next.prev=entry,this._size+=1,this},delete:function(key){requireMapSlot(this,"delete");var head=this._head,i=head,fkey=fastkey(key,!0);if(null!==fkey){if(void 0===this._storage[fkey])return!1;i=this._storage[fkey].prev,delete this._storage[fkey]}else if(this._map){if(!origMapHas.call(this._map,key))return!1;i=origMapGet.call(this._map,key).prev,origMapDelete.call(this._map,key)}for(;(i=i.next)!==head;)if(ES.SameValueZero(i.key,key))return i.key=empty,i.value=empty,i.prev.next=i.next,i.next.prev=i.prev,this._size-=1,!0;return!1},clear:function clear(){requireMapSlot(this,"clear"),this._map=OrigMap?new OrigMap:null,this._size=0,this._storage=emptyObject();for(var head=this._head,i=head,p=i.next;(i=p)!==head;)i.key=empty,i.value=empty,p=i.next,i.next=i.prev=head;head.next=head.prev=head},keys:function keys(){return requireMapSlot(this,"keys"),new MapIterator(this,"key")},values:function values(){return requireMapSlot(this,"values"),new MapIterator(this,"value")},entries:function entries(){return requireMapSlot(this,"entries"),new MapIterator(this,"key+value")},forEach:function forEach(callback){requireMapSlot(this,"forEach");for(var context=arguments.length>1?arguments[1]:null,it=this.entries(),entry=it.next();!entry.done;entry=it.next())context?_call(callback,context,entry.value[1],entry.value[0],this):callback(entry.value[1],entry.value[0],this)}}),addIterator(Map$prototype,Map$prototype.entries),MapShim}(),Set:function(){var Set$prototype,isSet=function isSet(set){return set._es6set&&void 0!==set._storage},requireSetSlot=function requireSetSlot(set,method){if(!ES.TypeIsObject(set)||!isSet(set))throw new TypeError("Set.prototype."+method+" called on incompatible receiver "+ES.ToString(set))},SetShim=function Set(){if(!(this instanceof Set))throw new TypeError('Constructor Set requires "new"');if(this&&this._es6set)throw new TypeError("Bad construction");var set=emulateES6construct(this,Set,Set$prototype,{_es6set:!0,"[[SetData]]":null,_storage:emptyObject()});if(!set._es6set)throw new TypeError("bad set");return arguments.length>0&&addIterableToSet(Set,set,arguments[0]),set};Set$prototype=SetShim.prototype;var decodeKey=function(key){var k=key;if("^null"===k)return null;if("^undefined"!==k){var first=k.charAt(0);return"$"===first?_strSlice(k,1):"n"===first?+_strSlice(k,1):"b"===first?"btrue"===k:+k}},ensureMap=function ensureMap(set){if(!set["[[SetData]]"]){var m=new collectionShims.Map;set["[[SetData]]"]=m,_forEach(keys(set._storage),(function(key){var k=decodeKey(key);m.set(k,k)})),set["[[SetData]]"]=m}set._storage=null};Value.getter(SetShim.prototype,"size",(function(){return requireSetSlot(this,"size"),this._storage?keys(this._storage).length:(ensureMap(this),this["[[SetData]]"].size)})),defineProperties(SetShim.prototype,{has:function has(key){var fkey;return requireSetSlot(this,"has"),this._storage&&null!==(fkey=fastkey(key))?!!this._storage[fkey]:(ensureMap(this),this["[[SetData]]"].has(key))},add:function add(key){var fkey;return requireSetSlot(this,"add"),this._storage&&null!==(fkey=fastkey(key))?(this._storage[fkey]=!0,this):(ensureMap(this),this["[[SetData]]"].set(key,key),this)},delete:function(key){var fkey;if(requireSetSlot(this,"delete"),this._storage&&null!==(fkey=fastkey(key))){var hasFKey=_hasOwnProperty(this._storage,fkey);return delete this._storage[fkey]&&hasFKey}return ensureMap(this),this["[[SetData]]"].delete(key)},clear:function clear(){requireSetSlot(this,"clear"),this._storage&&(this._storage=emptyObject()),this["[[SetData]]"]&&this["[[SetData]]"].clear()},values:function values(){return requireSetSlot(this,"values"),ensureMap(this),new SetIterator(this["[[SetData]]"].values())},entries:function entries(){return requireSetSlot(this,"entries"),ensureMap(this),new SetIterator(this["[[SetData]]"].entries())},forEach:function forEach(callback){requireSetSlot(this,"forEach");var context=arguments.length>1?arguments[1]:null,entireSet=this;ensureMap(entireSet),this["[[SetData]]"].forEach((function(value,key){context?_call(callback,context,key,key,entireSet):callback(key,key,entireSet)}))}}),defineProperty(SetShim.prototype,"keys",SetShim.prototype.values,!0),addIterator(SetShim.prototype,SetShim.prototype.values);var SetIterator=function SetIterator(it){this.it=it};return SetIterator.prototype={isSetIterator:!0,next:function next(){if(!this.isSetIterator)throw new TypeError("Not a SetIterator");return this.it.next()}},addIterator(SetIterator.prototype),SetShim}()};if(globals.Set&&!Set.prototype.delete&&Set.prototype.remove&&Set.prototype.items&&Set.prototype.map&&Array.isArray((new Set).keys)&&(globals.Set=collectionShims.Set),globals.Map||globals.Set){valueOrFalseIfThrows((function(){return 2===new Map([[1,2]]).get(1)}))||(globals.Map=function Map(){if(!(this instanceof Map))throw new TypeError('Constructor Map requires "new"');var m=new OrigMap;return arguments.length>0&&addIterableToMap(Map,m,arguments[0]),delete m.constructor,Object.setPrototypeOf(m,globals.Map.prototype),m},globals.Map.prototype=create(OrigMap.prototype),defineProperty(globals.Map.prototype,"constructor",globals.Map,!0),Value.preserveToString(globals.Map,OrigMap));var testMap=new Map,mapUsesSameValueZero=((m=new Map([[1,0],[2,0],[3,0],[4,0]])).set(-0,m),m.get(0)===m&&m.get(-0)===m&&m.has(0)&&m.has(-0)),mapSupportsChaining=testMap.set(1,2)===testMap;mapUsesSameValueZero&&mapSupportsChaining||overrideNative(Map.prototype,"set",(function set(k,v){return _call(origMapSet,this,0===k?0:k,v),this})),mapUsesSameValueZero||(defineProperties(Map.prototype,{get:function get(k){return _call(origMapGet,this,0===k?0:k)},has:function has(k){return _call(origMapHas,this,0===k?0:k)}},!0),Value.preserveToString(Map.prototype.get,origMapGet),Value.preserveToString(Map.prototype.has,origMapHas));var testSet=new Set,setUsesSameValueZero=Set.prototype.delete&&Set.prototype.add&&Set.prototype.has&&((s=testSet).delete(0),s.add(-0),!s.has(0)),setSupportsChaining=testSet.add(1)===testSet;if(!setUsesSameValueZero||!setSupportsChaining){var origSetAdd=Set.prototype.add;Set.prototype.add=function add(v){return _call(origSetAdd,this,0===v?0:v),this},Value.preserveToString(Set.prototype.add,origSetAdd)}if(!setUsesSameValueZero){var origSetHas=Set.prototype.has;Set.prototype.has=function has(v){return _call(origSetHas,this,0===v?0:v)},Value.preserveToString(Set.prototype.has,origSetHas);var origSetDel=Set.prototype.delete;Set.prototype.delete=function SetDelete(v){return _call(origSetDel,this,0===v?0:v)},Value.preserveToString(Set.prototype.delete,origSetDel)}var mapSupportsSubclassing=supportsSubclassing(globals.Map,(function(M){var m=new M([]);return m.set(42,42),m instanceof M})),mapFailsToSupportSubclassing=Object.setPrototypeOf&&!mapSupportsSubclassing,mapRequiresNew=function(){try{return!(globals.Map()instanceof globals.Map)}catch(e){return e instanceof TypeError}}();0===globals.Map.length&&!mapFailsToSupportSubclassing&&mapRequiresNew||(globals.Map=function Map(){if(!(this instanceof Map))throw new TypeError('Constructor Map requires "new"');var m=new OrigMap;return arguments.length>0&&addIterableToMap(Map,m,arguments[0]),delete m.constructor,Object.setPrototypeOf(m,Map.prototype),m},globals.Map.prototype=OrigMap.prototype,defineProperty(globals.Map.prototype,"constructor",globals.Map,!0),Value.preserveToString(globals.Map,OrigMap));var setSupportsSubclassing=supportsSubclassing(globals.Set,(function(S){var s=new S([]);return s.add(42,42),s instanceof S})),setFailsToSupportSubclassing=Object.setPrototypeOf&&!setSupportsSubclassing,setRequiresNew=function(){try{return!(globals.Set()instanceof globals.Set)}catch(e){return e instanceof TypeError}}();if(0!==globals.Set.length||setFailsToSupportSubclassing||!setRequiresNew){var OrigSet=globals.Set;globals.Set=function Set(){if(!(this instanceof Set))throw new TypeError('Constructor Set requires "new"');var s=new OrigSet;return arguments.length>0&&addIterableToSet(Set,s,arguments[0]),delete s.constructor,Object.setPrototypeOf(s,Set.prototype),s},globals.Set.prototype=OrigSet.prototype,defineProperty(globals.Set.prototype,"constructor",globals.Set,!0),Value.preserveToString(globals.Set,OrigSet)}var newMap=new globals.Map,mapIterationThrowsStopIterator=!valueOrFalseIfThrows((function(){return newMap.keys().next().done}));if(("function"!=typeof globals.Map.prototype.clear||0!==(new globals.Set).size||0!==newMap.size||"function"!=typeof globals.Map.prototype.keys||"function"!=typeof globals.Set.prototype.keys||"function"!=typeof globals.Map.prototype.forEach||"function"!=typeof globals.Set.prototype.forEach||isCallableWithoutNew(globals.Map)||isCallableWithoutNew(globals.Set)||"function"!=typeof newMap.keys().next||mapIterationThrowsStopIterator||!mapSupportsSubclassing)&&defineProperties(globals,{Map:collectionShims.Map,Set:collectionShims.Set},!0),globals.Set.prototype.keys!==globals.Set.prototype.values&&defineProperty(globals.Set.prototype,"keys",globals.Set.prototype.values,!0),addIterator(Object.getPrototypeOf((new globals.Map).keys())),addIterator(Object.getPrototypeOf((new globals.Set).keys())),functionsHaveNames&&"has"!==globals.Set.prototype.has.name){var anonymousSetHas=globals.Set.prototype.has;overrideNative(globals.Set.prototype,"has",(function has(key){return _call(anonymousSetHas,this,key)}))}}defineProperties(globals,collectionShims),addDefaultSpecies(globals.Map),addDefaultSpecies(globals.Set)}var throwUnlessTargetIsObject=function throwUnlessTargetIsObject(target){if(!ES.TypeIsObject(target))throw new TypeError("target must be an object")},ReflectShims={apply:function apply(){return ES.Call(ES.Call,null,arguments)},construct:function construct(constructor,args){if(!ES.IsConstructor(constructor))throw new TypeError("First argument must be a constructor.");var newTarget=arguments.length>2?arguments[2]:constructor;if(!ES.IsConstructor(newTarget))throw new TypeError("new.target must be a constructor.");return ES.Construct(constructor,args,newTarget,"internal")},deleteProperty:function deleteProperty(target,key){if(throwUnlessTargetIsObject(target),supportsDescriptors){var desc=Object.getOwnPropertyDescriptor(target,key);if(desc&&!desc.configurable)return!1}return delete target[key]},has:function has(target,key){return throwUnlessTargetIsObject(target),key in target}};Object.getOwnPropertyNames&&Object.assign(ReflectShims,{ownKeys:function ownKeys(target){throwUnlessTargetIsObject(target);var keys=Object.getOwnPropertyNames(target);return ES.IsCallable(Object.getOwnPropertySymbols)&&_pushApply(keys,Object.getOwnPropertySymbols(target)),keys}});var callAndCatchException=function ConvertExceptionToBoolean(func){return!throwsError(func)};if(Object.preventExtensions&&Object.assign(ReflectShims,{isExtensible:function isExtensible(target){return throwUnlessTargetIsObject(target),Object.isExtensible(target)},preventExtensions:function preventExtensions(target){return throwUnlessTargetIsObject(target),callAndCatchException((function(){return Object.preventExtensions(target)}))}}),supportsDescriptors){var internalGet=function get(target,key,receiver){var desc=Object.getOwnPropertyDescriptor(target,key);if(!desc){var parent=Object.getPrototypeOf(target);if(null===parent)return;return internalGet(parent,key,receiver)}return"value"in desc?desc.value:desc.get?ES.Call(desc.get,receiver):void 0},internalSet=function set(target,key,value,receiver){var desc=Object.getOwnPropertyDescriptor(target,key);if(!desc){var parent=Object.getPrototypeOf(target);if(null!==parent)return internalSet(parent,key,value,receiver);desc={value:void 0,writable:!0,enumerable:!0,configurable:!0}}return"value"in desc?!!desc.writable&&!!ES.TypeIsObject(receiver)&&(Object.getOwnPropertyDescriptor(receiver,key)?Reflect.defineProperty(receiver,key,{value:value}):Reflect.defineProperty(receiver,key,{value:value,writable:!0,enumerable:!0,configurable:!0})):!!desc.set&&(_call(desc.set,receiver,value),!0)};Object.assign(ReflectShims,{defineProperty:function defineProperty(target,propertyKey,attributes){return throwUnlessTargetIsObject(target),callAndCatchException((function(){return Object.defineProperty(target,propertyKey,attributes)}))},getOwnPropertyDescriptor:function getOwnPropertyDescriptor(target,propertyKey){return throwUnlessTargetIsObject(target),Object.getOwnPropertyDescriptor(target,propertyKey)},get:function get(target,key){return throwUnlessTargetIsObject(target),internalGet(target,key,arguments.length>2?arguments[2]:target)},set:function set(target,key,value){return throwUnlessTargetIsObject(target),internalSet(target,key,value,arguments.length>3?arguments[3]:target)}})}if(Object.getPrototypeOf){var objectDotGetPrototypeOf=Object.getPrototypeOf;ReflectShims.getPrototypeOf=function getPrototypeOf(target){return throwUnlessTargetIsObject(target),objectDotGetPrototypeOf(target)}}if(Object.setPrototypeOf&&ReflectShims.getPrototypeOf){var willCreateCircularPrototype=function(object,lastProto){for(var proto=lastProto;proto;){if(object===proto)return!0;proto=ReflectShims.getPrototypeOf(proto)}return!1};Object.assign(ReflectShims,{setPrototypeOf:function setPrototypeOf(object,proto){if(throwUnlessTargetIsObject(object),null!==proto&&!ES.TypeIsObject(proto))throw new TypeError("proto must be an object or null");return proto===Reflect.getPrototypeOf(object)||!(Reflect.isExtensible&&!Reflect.isExtensible(object))&&!willCreateCircularPrototype(object,proto)&&(Object.setPrototypeOf(object,proto),!0)}})}var defineOrOverrideReflectProperty=function(key,shim){ES.IsCallable(globals.Reflect[key])?valueOrFalseIfThrows((function(){return globals.Reflect[key](1),globals.Reflect[key](NaN),globals.Reflect[key](!0),!0}))&&overrideNative(globals.Reflect,key,shim):defineProperty(globals.Reflect,key,shim)};Object.keys(ReflectShims).forEach((function(key){defineOrOverrideReflectProperty(key,ReflectShims[key])}));var originalReflectGetProto=globals.Reflect.getPrototypeOf;if(functionsHaveNames&&originalReflectGetProto&&"getPrototypeOf"!==originalReflectGetProto.name&&overrideNative(globals.Reflect,"getPrototypeOf",(function getPrototypeOf(target){return _call(originalReflectGetProto,globals.Reflect,target)})),globals.Reflect.setPrototypeOf&&valueOrFalseIfThrows((function(){return globals.Reflect.setPrototypeOf(1,{}),!0}))&&overrideNative(globals.Reflect,"setPrototypeOf",ReflectShims.setPrototypeOf),globals.Reflect.defineProperty&&(valueOrFalseIfThrows((function(){var basic=!globals.Reflect.defineProperty(1,"test",{value:1}),extensible="function"!=typeof Object.preventExtensions||!globals.Reflect.defineProperty(Object.preventExtensions({}),"test",{});return basic&&extensible}))||overrideNative(globals.Reflect,"defineProperty",ReflectShims.defineProperty)),globals.Reflect.construct&&(valueOrFalseIfThrows((function(){var F=function F(){};return globals.Reflect.construct((function(){}),[],F)instanceof F}))||overrideNative(globals.Reflect,"construct",ReflectShims.construct)),"Invalid Date"!==String(new Date(NaN))){var dateToString=Date.prototype.toString,shimmedDateToString=function toString(){var valueOf=+this;return valueOf!=valueOf?"Invalid Date":ES.Call(dateToString,this)};overrideNative(Date.prototype,"toString",shimmedDateToString)}var stringHTMLshims={anchor:function anchor(name){return ES.CreateHTML(this,"a","name",name)},big:function big(){return ES.CreateHTML(this,"big","","")},blink:function blink(){return ES.CreateHTML(this,"blink","","")},bold:function bold(){return ES.CreateHTML(this,"b","","")},fixed:function fixed(){return ES.CreateHTML(this,"tt","","")},fontcolor:function fontcolor(color){return ES.CreateHTML(this,"font","color",color)},fontsize:function fontsize(size){return ES.CreateHTML(this,"font","size",size)},italics:function italics(){return ES.CreateHTML(this,"i","","")},link:function link(url){return ES.CreateHTML(this,"a","href",url)},small:function small(){return ES.CreateHTML(this,"small","","")},strike:function strike(){return ES.CreateHTML(this,"strike","","")},sub:function sub(){return ES.CreateHTML(this,"sub","","")},sup:function sub(){return ES.CreateHTML(this,"sup","","")}};_forEach(Object.keys(stringHTMLshims),(function(key){var method=String.prototype[key],shouldOverwrite=!1;if(ES.IsCallable(method)){var output=_call(method,"",' " '),quotesCount=_concat([],output.match(/"/g)).length;shouldOverwrite=output!==output.toLowerCase()||quotesCount>2}else shouldOverwrite=!0;shouldOverwrite&&overrideNative(String.prototype,key,stringHTMLshims[key])}));var JSONstringifiesSymbols=function(){if(!hasSymbols)return!1;var stringify="object"==typeof JSON&&"function"==typeof JSON.stringify?JSON.stringify:null;if(!stringify)return!1;if(void 0!==stringify(Symbol()))return!0;if("[null]"!==stringify([Symbol()]))return!0;var obj={a:Symbol()};return obj[Symbol()]=!0,"{}"!==stringify(obj)}(),JSONstringifyAcceptsObjectSymbol=valueOrFalseIfThrows((function(){return!hasSymbols||"{}"===JSON.stringify(Object(Symbol()))&&"[{}]"===JSON.stringify([Object(Symbol())])}));if(JSONstringifiesSymbols||!JSONstringifyAcceptsObjectSymbol){var origStringify=JSON.stringify;overrideNative(JSON,"stringify",(function stringify(value){if("symbol"!=typeof value){var replacer;arguments.length>1&&(replacer=arguments[1]);var args=[value];if(isArray(replacer))args.push(replacer);else{var replaceFn=ES.IsCallable(replacer)?replacer:null,wrappedReplacer=function(key,val){var parsedValue=replaceFn?_call(replaceFn,this,key,val):val;if("symbol"!=typeof parsedValue)return Type.symbol(parsedValue)?assignTo({})(parsedValue):parsedValue};args.push(wrappedReplacer)}return arguments.length>2&&args.push(arguments[2]),origStringify.apply(this,args)}}))}return globals},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.call(exports,__webpack_require__,exports,module):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"),__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/escape-html/index.js":function(module,exports,__webpack_require__){"use strict";var matchHtmlRegExp=/["'&<>]/;module.exports=function escapeHtml(string){var escape,str=""+string,match=matchHtmlRegExp.exec(str);if(!match)return str;var html="",index=0,lastIndex=0;for(index=match.index;index<str.length;index++){switch(str.charCodeAt(index)){case 34:escape="&quot;";break;case 38:escape="&amp;";break;case 39:escape="&#39;";break;case 60:escape="&lt;";break;case 62:escape="&gt;";break;default:continue}lastIndex!==index&&(html+=str.substring(lastIndex,index)),lastIndex=index+1,html+=escape}return lastIndex!==index?html+str.substring(lastIndex,index):html}},"./node_modules/esutils/lib/ast.js":function(module,exports){!function(){"use strict";function isStatement(node){if(null==node)return!1;switch(node.type){case"BlockStatement":case"BreakStatement":case"ContinueStatement":case"DebuggerStatement":case"DoWhileStatement":case"EmptyStatement":case"ExpressionStatement":case"ForInStatement":case"ForStatement":case"IfStatement":case"LabeledStatement":case"ReturnStatement":case"SwitchStatement":case"ThrowStatement":case"TryStatement":case"VariableDeclaration":case"WhileStatement":case"WithStatement":return!0}return!1}function trailingStatement(node){switch(node.type){case"IfStatement":return null!=node.alternate?node.alternate:node.consequent;case"LabeledStatement":case"ForStatement":case"ForInStatement":case"WhileStatement":case"WithStatement":return node.body}return null}module.exports={isExpression:function isExpression(node){if(null==node)return!1;switch(node.type){case"ArrayExpression":case"AssignmentExpression":case"BinaryExpression":case"CallExpression":case"ConditionalExpression":case"FunctionExpression":case"Identifier":case"Literal":case"LogicalExpression":case"MemberExpression":case"NewExpression":case"ObjectExpression":case"SequenceExpression":case"ThisExpression":case"UnaryExpression":case"UpdateExpression":return!0}return!1},isStatement:isStatement,isIterationStatement:function isIterationStatement(node){if(null==node)return!1;switch(node.type){case"DoWhileStatement":case"ForInStatement":case"ForStatement":case"WhileStatement":return!0}return!1},isSourceElement:function isSourceElement(node){return isStatement(node)||null!=node&&"FunctionDeclaration"===node.type},isProblematicIfStatement:function isProblematicIfStatement(node){var current;if("IfStatement"!==node.type)return!1;if(null==node.alternate)return!1;current=node.consequent;do{if("IfStatement"===current.type&&null==current.alternate)return!0;current=trailingStatement(current)}while(current);return!1},trailingStatement:trailingStatement}}()},"./node_modules/esutils/lib/code.js":function(module,exports){!function(){"use strict";var ES6Regex,ES5Regex,NON_ASCII_WHITESPACES,IDENTIFIER_START,IDENTIFIER_PART,ch;function fromCodePoint(cp){return cp<=65535?String.fromCharCode(cp):String.fromCharCode(Math.floor((cp-65536)/1024)+55296)+String.fromCharCode((cp-65536)%1024+56320)}for(ES5Regex={NonAsciiIdentifierStart:/[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FD5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,NonAsciiIdentifierPart:/[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u08A0-\u08B4\u08B6-\u08BD\u08D4-\u08E1\u08E3-\u0963\u0966-\u096F\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09E6-\u09F1\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0AF9\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C00-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C60-\u0C63\u0C66-\u0C6F\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1\u0CF2\u0D01-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DE6-\u0DEF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u17E0-\u17E9\u180B-\u180D\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1AB0-\u1ABD\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1CD0-\u1CD2\u1CD4-\u1CF6\u1CF8\u1CF9\u1D00-\u1DF5\u1DFB-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u200C\u200D\u203F\u2040\u2054\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FD5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA827\uA840-\uA873\uA880-\uA8C5\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA8FD\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uA9E0-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABEA\uABEC\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE33\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/},ES6Regex={NonAsciiIdentifierStart:/[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2118-\u211D\u2124\u2126\u2128\u212A-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309B-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FD5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF30-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDF00-\uDF19]|\uD806[\uDCA0-\uDCDF\uDCFF\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50\uDF93-\uDF9F\uDFE0]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00\uDC01]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1]|\uD87E[\uDC00-\uDE1D]/,NonAsciiIdentifierPart:/[\xAA\xB5\xB7\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u08A0-\u08B4\u08B6-\u08BD\u08D4-\u08E1\u08E3-\u0963\u0966-\u096F\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09E6-\u09F1\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0AF9\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C00-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C60-\u0C63\u0C66-\u0C6F\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1\u0CF2\u0D01-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DE6-\u0DEF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1369-\u1371\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u17E0-\u17E9\u180B-\u180D\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1AB0-\u1ABD\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1CD0-\u1CD2\u1CD4-\u1CF6\u1CF8\u1CF9\u1D00-\u1DF5\u1DFB-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u200C\u200D\u203F\u2040\u2054\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2118-\u211D\u2124\u2126\u2128\u212A-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FD5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA827\uA840-\uA873\uA880-\uA8C5\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA8FD\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uA9E0-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABEA\uABEC\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE33\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF30-\uDF4A\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC00-\uDC46\uDC66-\uDC6F\uDC7F-\uDCBA\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD00-\uDD34\uDD36-\uDD3F\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDCA-\uDDCC\uDDD0-\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDEF0-\uDEF9\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3C-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC50-\uDC59\uDC80-\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE50-\uDE59\uDE80-\uDEB7\uDEC0-\uDEC9\uDF00-\uDF19\uDF1D-\uDF2B\uDF30-\uDF39]|\uD806[\uDCA0-\uDCE9\uDCFF\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC50-\uDC59\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF50-\uDF59\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50-\uDF7E\uDF8F-\uDF9F\uDFE0]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00\uDC01]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4A\uDD50-\uDD59]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1]|\uD87E[\uDC00-\uDE1D]|\uDB40[\uDD00-\uDDEF]/},NON_ASCII_WHITESPACES=[5760,8192,8193,8194,8195,8196,8197,8198,8199,8200,8201,8202,8239,8287,12288,65279],IDENTIFIER_START=new Array(128),ch=0;ch<128;++ch)IDENTIFIER_START[ch]=ch>=97&&ch<=122||ch>=65&&ch<=90||36===ch||95===ch;for(IDENTIFIER_PART=new Array(128),ch=0;ch<128;++ch)IDENTIFIER_PART[ch]=ch>=97&&ch<=122||ch>=65&&ch<=90||ch>=48&&ch<=57||36===ch||95===ch;module.exports={isDecimalDigit:function isDecimalDigit(ch){return 48<=ch&&ch<=57},isHexDigit:function isHexDigit(ch){return 48<=ch&&ch<=57||97<=ch&&ch<=102||65<=ch&&ch<=70},isOctalDigit:function isOctalDigit(ch){return ch>=48&&ch<=55},isWhiteSpace:function isWhiteSpace(ch){return 32===ch||9===ch||11===ch||12===ch||160===ch||ch>=5760&&NON_ASCII_WHITESPACES.indexOf(ch)>=0},isLineTerminator:function isLineTerminator(ch){return 10===ch||13===ch||8232===ch||8233===ch},isIdentifierStartES5:function isIdentifierStartES5(ch){return ch<128?IDENTIFIER_START[ch]:ES5Regex.NonAsciiIdentifierStart.test(fromCodePoint(ch))},isIdentifierPartES5:function isIdentifierPartES5(ch){return ch<128?IDENTIFIER_PART[ch]:ES5Regex.NonAsciiIdentifierPart.test(fromCodePoint(ch))},isIdentifierStartES6:function isIdentifierStartES6(ch){return ch<128?IDENTIFIER_START[ch]:ES6Regex.NonAsciiIdentifierStart.test(fromCodePoint(ch))},isIdentifierPartES6:function isIdentifierPartES6(ch){return ch<128?IDENTIFIER_PART[ch]:ES6Regex.NonAsciiIdentifierPart.test(fromCodePoint(ch))}}}()},"./node_modules/esutils/lib/keyword.js":function(module,exports,__webpack_require__){!function(){"use strict";var code=__webpack_require__("./node_modules/esutils/lib/code.js");function isKeywordES5(id,strict){return!(!strict&&"yield"===id)&&isKeywordES6(id,strict)}function isKeywordES6(id,strict){if(strict&&function isStrictModeReservedWordES6(id){switch(id){case"implements":case"interface":case"package":case"private":case"protected":case"public":case"static":case"let":return!0;default:return!1}}(id))return!0;switch(id.length){case 2:return"if"===id||"in"===id||"do"===id;case 3:return"var"===id||"for"===id||"new"===id||"try"===id;case 4:return"this"===id||"else"===id||"case"===id||"void"===id||"with"===id||"enum"===id;case 5:return"while"===id||"break"===id||"catch"===id||"throw"===id||"const"===id||"yield"===id||"class"===id||"super"===id;case 6:return"return"===id||"typeof"===id||"delete"===id||"switch"===id||"export"===id||"import"===id;case 7:return"default"===id||"finally"===id||"extends"===id;case 8:return"function"===id||"continue"===id||"debugger"===id;case 10:return"instanceof"===id;default:return!1}}function isReservedWordES5(id,strict){return"null"===id||"true"===id||"false"===id||isKeywordES5(id,strict)}function isReservedWordES6(id,strict){return"null"===id||"true"===id||"false"===id||isKeywordES6(id,strict)}function isIdentifierNameES5(id){var i,iz,ch;if(0===id.length)return!1;if(ch=id.charCodeAt(0),!code.isIdentifierStartES5(ch))return!1;for(i=1,iz=id.length;i<iz;++i)if(ch=id.charCodeAt(i),!code.isIdentifierPartES5(ch))return!1;return!0}function isIdentifierNameES6(id){var i,iz,ch,lowCh,check;if(0===id.length)return!1;for(check=code.isIdentifierStartES6,i=0,iz=id.length;i<iz;++i){if(55296<=(ch=id.charCodeAt(i))&&ch<=56319){if(++i>=iz)return!1;if(!(56320<=(lowCh=id.charCodeAt(i))&&lowCh<=57343))return!1;ch=1024*(ch-55296)+(lowCh-56320)+65536}if(!check(ch))return!1;check=code.isIdentifierPartES6}return!0}module.exports={isKeywordES5:isKeywordES5,isKeywordES6:isKeywordES6,isReservedWordES5:isReservedWordES5,isReservedWordES6:isReservedWordES6,isRestrictedWord:function isRestrictedWord(id){return"eval"===id||"arguments"===id},isIdentifierNameES5:isIdentifierNameES5,isIdentifierNameES6:isIdentifierNameES6,isIdentifierES5:function isIdentifierES5(id,strict){return isIdentifierNameES5(id)&&!isReservedWordES5(id,strict)},isIdentifierES6:function isIdentifierES6(id,strict){return isIdentifierNameES6(id)&&!isReservedWordES6(id,strict)}}}()},"./node_modules/esutils/lib/utils.js":function(module,exports,__webpack_require__){!function(){"use strict";exports.ast=__webpack_require__("./node_modules/esutils/lib/ast.js"),exports.code=__webpack_require__("./node_modules/esutils/lib/code.js"),exports.keyword=__webpack_require__("./node_modules/esutils/lib/keyword.js")}()},"./node_modules/fast-deep-equal/index.js":function(module,exports,__webpack_require__){"use strict";module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/function-bind/implementation.js":function(module,exports,__webpack_require__){"use strict";var ERROR_MESSAGE="Function.prototype.bind called on incompatible ",slice=Array.prototype.slice,toStr=Object.prototype.toString;module.exports=function bind(that){var target=this;if("function"!=typeof target||"[object Function]"!==toStr.call(target))throw new TypeError(ERROR_MESSAGE+target);for(var bound,args=slice.call(arguments,1),binder=function(){if(this instanceof bound){var result=target.apply(this,args.concat(slice.call(arguments)));return Object(result)===result?result:this}return target.apply(that,args.concat(slice.call(arguments)))},boundLength=Math.max(0,target.length-args.length),boundArgs=[],i=0;i<boundLength;i++)boundArgs.push("$"+i);if(bound=Function("binder","return function ("+boundArgs.join(",")+"){ return binder.apply(this,arguments); }")(binder),target.prototype){var Empty=function Empty(){};Empty.prototype=target.prototype,bound.prototype=new Empty,Empty.prototype=null}return bound}},"./node_modules/function-bind/index.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/function-bind/implementation.js");module.exports=Function.prototype.bind||implementation},"./node_modules/function.prototype.name/implementation.js":function(module,exports,__webpack_require__){"use strict";var IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),functionsHaveNames=__webpack_require__("./node_modules/functions-have-names/index.js")(),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$functionToString=callBound("Function.prototype.toString"),$stringMatch=callBound("String.prototype.match"),classRegex=/^class /,regex=/\s*function\s+([^(\s]*)\s*/,functionProto=Function.prototype;module.exports=function getName(){if(!function isClassConstructor(fn){if(IsCallable(fn))return!1;if("function"!=typeof fn)return!1;try{return!!$stringMatch($functionToString(fn),classRegex)}catch(e){}return!1}(this)&&!IsCallable(this))throw new TypeError("Function.prototype.name sham getter called on non-function");if(functionsHaveNames)return this.name;if(this===functionProto)return"";var str=$functionToString(this),match=$stringMatch(str,regex);return match&&match[1]}},"./node_modules/function.prototype.name/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/function.prototype.name/implementation.js");module.exports=function getPolyfill(){return implementation}},"./node_modules/function.prototype.name/shim.js":function(module,exports,__webpack_require__){"use strict";var supportsDescriptors=__webpack_require__("./node_modules/define-properties/index.js").supportsDescriptors,functionsHaveNames=__webpack_require__("./node_modules/functions-have-names/index.js")(),getPolyfill=__webpack_require__("./node_modules/function.prototype.name/polyfill.js"),defineProperty=Object.defineProperty,TypeErr=TypeError;module.exports=function shimName(){var polyfill=getPolyfill();if(functionsHaveNames)return polyfill;if(!supportsDescriptors)throw new TypeErr("Shimming Function.prototype.name support requires ES5 property descriptor support.");var functionProto=Function.prototype;return defineProperty(functionProto,"name",{configurable:!0,enumerable:!1,get:function(){var name=polyfill.call(this);return this!==functionProto&&defineProperty(this,"name",{configurable:!0,enumerable:!1,value:name,writable:!1}),name}}),polyfill}},"./node_modules/functions-have-names/index.js":function(module,exports,__webpack_require__){"use strict";var functionsHaveNames=function functionsHaveNames(){return"string"==typeof function f(){}.name},gOPD=Object.getOwnPropertyDescriptor;if(gOPD)try{gOPD([],"length")}catch(e){gOPD=null}functionsHaveNames.functionsHaveConfigurableNames=function functionsHaveConfigurableNames(){if(!functionsHaveNames()||!gOPD)return!1;var desc=gOPD((function(){}),"name");return!!desc&&!!desc.configurable};var $bind=Function.prototype.bind;functionsHaveNames.boundFunctionsHaveNames=function boundFunctionsHaveNames(){return functionsHaveNames()&&"function"==typeof $bind&&""!==function f(){}.bind().name},module.exports=functionsHaveNames},"./node_modules/get-intrinsic/index.js":function(module,exports,__webpack_require__){"use strict";var $SyntaxError=SyntaxError,$Function=Function,$TypeError=TypeError,getEvalledConstructor=function(expressionSyntax){try{return $Function('"use strict"; return ('+expressionSyntax+").constructor;")()}catch(e){}},$gOPD=Object.getOwnPropertyDescriptor;if($gOPD)try{$gOPD({},"")}catch(e){$gOPD=null}var throwTypeError=function(){throw new $TypeError},ThrowTypeError=$gOPD?function(){try{return throwTypeError}catch(calleeThrows){try{return $gOPD(arguments,"callee").get}catch(gOPDthrows){return throwTypeError}}}():throwTypeError,hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),getProto=Object.getPrototypeOf||function(x){return x.__proto__},needsEval={},TypedArray="undefined"==typeof Uint8Array?undefined:getProto(Uint8Array),INTRINSICS={"%AggregateError%":"undefined"==typeof AggregateError?undefined:AggregateError,"%Array%":Array,"%ArrayBuffer%":"undefined"==typeof ArrayBuffer?undefined:ArrayBuffer,"%ArrayIteratorPrototype%":hasSymbols?getProto([][Symbol.iterator]()):undefined,"%AsyncFromSyncIteratorPrototype%":undefined,"%AsyncFunction%":needsEval,"%AsyncGenerator%":needsEval,"%AsyncGeneratorFunction%":needsEval,"%AsyncIteratorPrototype%":needsEval,"%Atomics%":"undefined"==typeof Atomics?undefined:Atomics,"%BigInt%":"undefined"==typeof BigInt?undefined:BigInt,"%Boolean%":Boolean,"%DataView%":"undefined"==typeof DataView?undefined:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":"undefined"==typeof Float32Array?undefined:Float32Array,"%Float64Array%":"undefined"==typeof Float64Array?undefined:Float64Array,"%FinalizationRegistry%":"undefined"==typeof FinalizationRegistry?undefined:FinalizationRegistry,"%Function%":$Function,"%GeneratorFunction%":needsEval,"%Int8Array%":"undefined"==typeof Int8Array?undefined:Int8Array,"%Int16Array%":"undefined"==typeof Int16Array?undefined:Int16Array,"%Int32Array%":"undefined"==typeof Int32Array?undefined:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":hasSymbols?getProto(getProto([][Symbol.iterator]())):undefined,"%JSON%":"object"==typeof JSON?JSON:undefined,"%Map%":"undefined"==typeof Map?undefined:Map,"%MapIteratorPrototype%":"undefined"!=typeof Map&&hasSymbols?getProto((new Map)[Symbol.iterator]()):undefined,"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":"undefined"==typeof Promise?undefined:Promise,"%Proxy%":"undefined"==typeof Proxy?undefined:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":"undefined"==typeof Reflect?undefined:Reflect,"%RegExp%":RegExp,"%Set%":"undefined"==typeof Set?undefined:Set,"%SetIteratorPrototype%":"undefined"!=typeof Set&&hasSymbols?getProto((new Set)[Symbol.iterator]()):undefined,"%SharedArrayBuffer%":"undefined"==typeof SharedArrayBuffer?undefined:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":hasSymbols?getProto(""[Symbol.iterator]()):undefined,"%Symbol%":hasSymbols?Symbol:undefined,"%SyntaxError%":$SyntaxError,"%ThrowTypeError%":ThrowTypeError,"%TypedArray%":TypedArray,"%TypeError%":$TypeError,"%Uint8Array%":"undefined"==typeof Uint8Array?undefined:Uint8Array,"%Uint8ClampedArray%":"undefined"==typeof Uint8ClampedArray?undefined:Uint8ClampedArray,"%Uint16Array%":"undefined"==typeof Uint16Array?undefined:Uint16Array,"%Uint32Array%":"undefined"==typeof Uint32Array?undefined:Uint32Array,"%URIError%":URIError,"%WeakMap%":"undefined"==typeof WeakMap?undefined:WeakMap,"%WeakRef%":"undefined"==typeof WeakRef?undefined:WeakRef,"%WeakSet%":"undefined"==typeof WeakSet?undefined:WeakSet},doEval=function doEval(name){var value;if("%AsyncFunction%"===name)value=getEvalledConstructor("async function () {}");else if("%GeneratorFunction%"===name)value=getEvalledConstructor("function* () {}");else if("%AsyncGeneratorFunction%"===name)value=getEvalledConstructor("async function* () {}");else if("%AsyncGenerator%"===name){var fn=doEval("%AsyncGeneratorFunction%");fn&&(value=fn.prototype)}else if("%AsyncIteratorPrototype%"===name){var gen=doEval("%AsyncGenerator%");gen&&(value=getProto(gen.prototype))}return INTRINSICS[name]=value,value},LEGACY_ALIASES={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},bind=__webpack_require__("./node_modules/function-bind/index.js"),hasOwn=__webpack_require__("./node_modules/has/src/index.js"),$concat=bind.call(Function.call,Array.prototype.concat),$spliceApply=bind.call(Function.apply,Array.prototype.splice),$replace=bind.call(Function.call,String.prototype.replace),$strSlice=bind.call(Function.call,String.prototype.slice),rePropName=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,reEscapeChar=/\\(\\)?/g,stringToPath=function stringToPath(string){var first=$strSlice(string,0,1),last=$strSlice(string,-1);if("%"===first&&"%"!==last)throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");if("%"===last&&"%"!==first)throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");var result=[];return $replace(string,rePropName,(function(match,number,quote,subString){result[result.length]=quote?$replace(subString,reEscapeChar,"$1"):number||match})),result},getBaseIntrinsic=function getBaseIntrinsic(name,allowMissing){var alias,intrinsicName=name;if(hasOwn(LEGACY_ALIASES,intrinsicName)&&(intrinsicName="%"+(alias=LEGACY_ALIASES[intrinsicName])[0]+"%"),hasOwn(INTRINSICS,intrinsicName)){var value=INTRINSICS[intrinsicName];if(value===needsEval&&(value=doEval(intrinsicName)),void 0===value&&!allowMissing)throw new $TypeError("intrinsic "+name+" exists, but is not available. Please file an issue!");return{alias:alias,name:intrinsicName,value:value}}throw new $SyntaxError("intrinsic "+name+" does not exist!")};module.exports=function GetIntrinsic(name,allowMissing){if("string"!=typeof name||0===name.length)throw new $TypeError("intrinsic name must be a non-empty string");if(arguments.length>1&&"boolean"!=typeof allowMissing)throw new $TypeError('"allowMissing" argument must be a boolean');var parts=stringToPath(name),intrinsicBaseName=parts.length>0?parts[0]:"",intrinsic=getBaseIntrinsic("%"+intrinsicBaseName+"%",allowMissing),intrinsicRealName=intrinsic.name,value=intrinsic.value,skipFurtherCaching=!1,alias=intrinsic.alias;alias&&(intrinsicBaseName=alias[0],$spliceApply(parts,$concat([0,1],alias)));for(var i=1,isOwn=!0;i<parts.length;i+=1){var part=parts[i],first=$strSlice(part,0,1),last=$strSlice(part,-1);if(('"'===first||"'"===first||"`"===first||'"'===last||"'"===last||"`"===last)&&first!==last)throw new $SyntaxError("property names with quotes must have matching quotes");if("constructor"!==part&&isOwn||(skipFurtherCaching=!0),hasOwn(INTRINSICS,intrinsicRealName="%"+(intrinsicBaseName+="."+part)+"%"))value=INTRINSICS[intrinsicRealName];else if(null!=value){if(!(part in value)){if(!allowMissing)throw new $TypeError("base intrinsic for "+name+" exists, but the property is not available.");return}if($gOPD&&i+1>=parts.length){var desc=$gOPD(value,part);value=(isOwn=!!desc)&&"get"in desc&&!("originalValue"in desc.get)?desc.get:value[part]}else isOwn=hasOwn(value,part),value=value[part];isOwn&&!skipFurtherCaching&&(INTRINSICS[intrinsicRealName]=value)}}return value}},"./node_modules/get-symbol-description/getInferredName.js":function(module,exports,__webpack_require__){"use strict";var getInferredName;try{getInferredName=Function("s","return { [s]() {} }[s].name;")}catch(e){}module.exports=getInferredName&&"inferred"===function(){}.name?getInferredName:null},"./node_modules/get-symbol-description/index.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$SyntaxError=GetIntrinsic("%SyntaxError%"),getGlobalSymbolDescription=GetIntrinsic("%Symbol.keyFor%",!0),thisSymbolValue=callBound("%Symbol.prototype.valueOf%",!0),symToStr=callBound("Symbol.prototype.toString",!0),getInferredName=__webpack_require__("./node_modules/get-symbol-description/getInferredName.js");module.exports=callBound("%Symbol.prototype.description%",!0)||function getSymbolDescription(symbol){if(!thisSymbolValue)throw new $SyntaxError("Symbols are not supported in this environment");var desc,sym=thisSymbolValue(symbol);if(getInferredName){var name=getInferredName(sym);if(""===name)return;return name.slice(1,-1)}return getGlobalSymbolDescription&&"string"==typeof(desc=getGlobalSymbolDescription(sym))?desc:(desc=symToStr(sym).slice(7,-1))||void 0}},"./node_modules/global/window.js":function(module,exports,__webpack_require__){(function(global){var win;win="undefined"!=typeof window?window:void 0!==global?global:"undefined"!=typeof self?self:{},module.exports=win}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/globalthis/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/globalthis/shim.js")()},"./node_modules/globalthis/implementation.browser.js":function(module,exports,__webpack_require__){"use strict";"undefined"!=typeof self?module.exports=self:"undefined"!=typeof window?module.exports=window:module.exports=Function("return this")()},"./node_modules/globalthis/polyfill.js":function(module,exports,__webpack_require__){"use strict";(function(global){var implementation=__webpack_require__("./node_modules/globalthis/implementation.browser.js");module.exports=function getPolyfill(){return"object"==typeof global&&global&&global.Math===Math&&global.Array===Array?global:implementation}}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/globalthis/shim.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("./node_modules/globalthis/polyfill.js");module.exports=function shimGlobal(){var polyfill=getPolyfill();if(define.supportsDescriptors){var descriptor=Object.getOwnPropertyDescriptor(polyfill,"globalThis");descriptor&&(!descriptor.configurable||!descriptor.enumerable&&descriptor.writable&&globalThis===polyfill)||Object.defineProperty(polyfill,"globalThis",{configurable:!0,enumerable:!1,value:polyfill,writable:!0})}else"object"==typeof globalThis&&globalThis===polyfill||(polyfill.globalThis=polyfill);return polyfill}},"./node_modules/has-property-descriptors/index.js":function(module,exports,__webpack_require__){"use strict";var $defineProperty=__webpack_require__("./node_modules/get-intrinsic/index.js")("%Object.defineProperty%",!0),hasPropertyDescriptors=function hasPropertyDescriptors(){if($defineProperty)try{return $defineProperty({},"a",{value:1}),!0}catch(e){return!1}return!1};hasPropertyDescriptors.hasArrayLengthDefineBug=function hasArrayLengthDefineBug(){if(!hasPropertyDescriptors())return null;try{return 1!==$defineProperty([],"length",{value:1}).length}catch(e){return!0}},module.exports=hasPropertyDescriptors},"./node_modules/has-symbols/index.js":function(module,exports,__webpack_require__){"use strict";var origSymbol="undefined"!=typeof Symbol&&Symbol,hasSymbolSham=__webpack_require__("./node_modules/has-symbols/shams.js");module.exports=function hasNativeSymbols(){return"function"==typeof origSymbol&&("function"==typeof Symbol&&("symbol"==typeof origSymbol("foo")&&("symbol"==typeof Symbol("bar")&&hasSymbolSham())))}},"./node_modules/has-symbols/shams.js":function(module,exports,__webpack_require__){"use strict";module.exports=function hasSymbols(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"==typeof Symbol.iterator)return!0;var obj={},sym=Symbol("test"),symObj=Object(sym);if("string"==typeof sym)return!1;if("[object Symbol]"!==Object.prototype.toString.call(sym))return!1;if("[object Symbol]"!==Object.prototype.toString.call(symObj))return!1;for(sym in obj[sym]=42,obj)return!1;if("function"==typeof Object.keys&&0!==Object.keys(obj).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(obj).length)return!1;var syms=Object.getOwnPropertySymbols(obj);if(1!==syms.length||syms[0]!==sym)return!1;if(!Object.prototype.propertyIsEnumerable.call(obj,sym))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var descriptor=Object.getOwnPropertyDescriptor(obj,sym);if(42!==descriptor.value||!0!==descriptor.enumerable)return!1}return!0}},"./node_modules/has-tostringtag/shams.js":function(module,exports,__webpack_require__){"use strict";var hasSymbols=__webpack_require__("./node_modules/has-symbols/shams.js");module.exports=function hasToStringTagShams(){return hasSymbols()&&!!Symbol.toStringTag}},"./node_modules/has/src/index.js":function(module,exports,__webpack_require__){"use strict";var bind=__webpack_require__("./node_modules/function-bind/index.js");module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty)},"./node_modules/html-tags/html-tags.json":function(module){module.exports=JSON.parse('["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","math","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"]')},"./node_modules/html-tags/index.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/html-tags/html-tags.json")},"./node_modules/internal-slot/index.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),has=__webpack_require__("./node_modules/has/src/index.js"),channel=__webpack_require__("./node_modules/side-channel/index.js")(),$TypeError=GetIntrinsic("%TypeError%"),SLOT={assert:function(O,slot){if(!O||"object"!=typeof O&&"function"!=typeof O)throw new $TypeError("`O` is not an object");if("string"!=typeof slot)throw new $TypeError("`slot` must be a string");channel.assert(O)},get:function(O,slot){if(!O||"object"!=typeof O&&"function"!=typeof O)throw new $TypeError("`O` is not an object");if("string"!=typeof slot)throw new $TypeError("`slot` must be a string");var slots=channel.get(O);return slots&&slots["$"+slot]},has:function(O,slot){if(!O||"object"!=typeof O&&"function"!=typeof O)throw new $TypeError("`O` is not an object");if("string"!=typeof slot)throw new $TypeError("`slot` must be a string");var slots=channel.get(O);return!!slots&&has(slots,"$"+slot)},set:function(O,slot,V){if(!O||"object"!=typeof O&&"function"!=typeof O)throw new $TypeError("`O` is not an object");if("string"!=typeof slot)throw new $TypeError("`slot` must be a string");var slots=channel.get(O);slots||(slots={},channel.set(O,slots)),slots["$"+slot]=V}};Object.freeze&&Object.freeze(SLOT),module.exports=SLOT},"./node_modules/is-arguments/index.js":function(module,exports,__webpack_require__){"use strict";var hasToStringTag=__webpack_require__("./node_modules/has-tostringtag/shams.js")(),$toString=__webpack_require__("./node_modules/call-bind/callBound.js")("Object.prototype.toString"),isStandardArguments=function isArguments(value){return!(hasToStringTag&&value&&"object"==typeof value&&Symbol.toStringTag in value)&&"[object Arguments]"===$toString(value)},isLegacyArguments=function isArguments(value){return!!isStandardArguments(value)||null!==value&&"object"==typeof value&&"number"==typeof value.length&&value.length>=0&&"[object Array]"!==$toString(value)&&"[object Function]"===$toString(value.callee)},supportsStandardArguments=function(){return isStandardArguments(arguments)}();isStandardArguments.isLegacyArguments=isLegacyArguments,module.exports=supportsStandardArguments?isStandardArguments:isLegacyArguments},"./node_modules/is-callable/index.js":function(module,exports,__webpack_require__){"use strict";var badArrayLike,isCallableMarker,fnToStr=Function.prototype.toString,reflectApply="object"==typeof Reflect&&null!==Reflect&&Reflect.apply;if("function"==typeof reflectApply&&"function"==typeof Object.defineProperty)try{badArrayLike=Object.defineProperty({},"length",{get:function(){throw isCallableMarker}}),isCallableMarker={},reflectApply((function(){throw 42}),null,badArrayLike)}catch(_){_!==isCallableMarker&&(reflectApply=null)}else reflectApply=null;var constructorRegex=/^\s*class\b/,isES6ClassFn=function isES6ClassFunction(value){try{var fnStr=fnToStr.call(value);return constructorRegex.test(fnStr)}catch(e){return!1}},toStr=Object.prototype.toString,hasToStringTag="function"==typeof Symbol&&!!Symbol.toStringTag,documentDotAll="object"==typeof document&&void 0===document.all&&void 0!==document.all?document.all:{};module.exports=reflectApply?function isCallable(value){if(value===documentDotAll)return!0;if(!value)return!1;if("function"!=typeof value&&"object"!=typeof value)return!1;if("function"==typeof value&&!value.prototype)return!0;try{reflectApply(value,null,badArrayLike)}catch(e){if(e!==isCallableMarker)return!1}return!isES6ClassFn(value)}:function isCallable(value){if(value===documentDotAll)return!0;if(!value)return!1;if("function"!=typeof value&&"object"!=typeof value)return!1;if("function"==typeof value&&!value.prototype)return!0;if(hasToStringTag)return function tryFunctionToStr(value){try{return!isES6ClassFn(value)&&(fnToStr.call(value),!0)}catch(e){return!1}}(value);if(isES6ClassFn(value))return!1;var strClass=toStr.call(value);return"[object Function]"===strClass||"[object GeneratorFunction]"===strClass}},"./node_modules/is-date-object/index.js":function(module,exports,__webpack_require__){"use strict";var getDay=Date.prototype.getDay,toStr=Object.prototype.toString,hasToStringTag="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;module.exports=function isDateObject(value){return"object"==typeof value&&null!==value&&(hasToStringTag?function tryDateGetDayCall(value){try{return getDay.call(value),!0}catch(e){return!1}}(value):"[object Date]"===toStr.call(value))}},"./node_modules/is-function/index.js":function(module,exports){module.exports=function isFunction(fn){if(!fn)return!1;var string=toString.call(fn);return"[object Function]"===string||"function"==typeof fn&&"[object RegExp]"!==string||"undefined"!=typeof window&&(fn===window.setTimeout||fn===window.alert||fn===window.confirm||fn===window.prompt)};var toString=Object.prototype.toString},"./node_modules/is-map/index.js":function(module,exports,__webpack_require__){"use strict";var exported,$Map="function"==typeof Map&&Map.prototype?Map:null,$Set="function"==typeof Set&&Set.prototype?Set:null;$Map||(exported=function isMap(x){return!1});var $mapHas=$Map?Map.prototype.has:null,$setHas=$Set?Set.prototype.has:null;exported||$mapHas||(exported=function isMap(x){return!1}),module.exports=exported||function isMap(x){if(!x||"object"!=typeof x)return!1;try{if($mapHas.call(x),$setHas)try{$setHas.call(x)}catch(e){return!0}return x instanceof $Map}catch(e){}return!1}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":function(__webpack_module__,__webpack_exports__,__webpack_require__){"use strict";function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"isPlainObject",(function(){return isPlainObject}))},"./node_modules/is-regex/index.js":function(module,exports,__webpack_require__){"use strict";var has,$exec,isRegexMarker,badStringifier,callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),hasToStringTag=__webpack_require__("./node_modules/has-tostringtag/shams.js")();if(hasToStringTag){has=callBound("Object.prototype.hasOwnProperty"),$exec=callBound("RegExp.prototype.exec"),isRegexMarker={};var throwRegexMarker=function(){throw isRegexMarker};badStringifier={toString:throwRegexMarker,valueOf:throwRegexMarker},"symbol"==typeof Symbol.toPrimitive&&(badStringifier[Symbol.toPrimitive]=throwRegexMarker)}var $toString=callBound("Object.prototype.toString"),gOPD=Object.getOwnPropertyDescriptor;module.exports=hasToStringTag?function isRegex(value){if(!value||"object"!=typeof value)return!1;var descriptor=gOPD(value,"lastIndex");if(!(descriptor&&has(descriptor,"value")))return!1;try{$exec(value,badStringifier)}catch(e){return e===isRegexMarker}}:function isRegex(value){return!(!value||"object"!=typeof value&&"function"!=typeof value)&&"[object RegExp]"===$toString(value)}},"./node_modules/is-set/index.js":function(module,exports,__webpack_require__){"use strict";var exported,$Map="function"==typeof Map&&Map.prototype?Map:null,$Set="function"==typeof Set&&Set.prototype?Set:null;$Set||(exported=function isSet(x){return!1});var $mapHas=$Map?Map.prototype.has:null,$setHas=$Set?Set.prototype.has:null;exported||$setHas||(exported=function isSet(x){return!1}),module.exports=exported||function isSet(x){if(!x||"object"!=typeof x)return!1;try{if($setHas.call(x),$mapHas)try{$mapHas.call(x)}catch(e){return!0}return x instanceof $Set}catch(e){}return!1}},"./node_modules/is-string/index.js":function(module,exports,__webpack_require__){"use strict";var strValue=String.prototype.valueOf,toStr=Object.prototype.toString,hasToStringTag=__webpack_require__("./node_modules/has-tostringtag/shams.js")();module.exports=function isString(value){return"string"==typeof value||"object"==typeof value&&(hasToStringTag?function tryStringObject(value){try{return strValue.call(value),!0}catch(e){return!1}}(value):"[object String]"===toStr.call(value))}},"./node_modules/is-symbol/index.js":function(module,exports,__webpack_require__){"use strict";var toStr=Object.prototype.toString;if(__webpack_require__("./node_modules/has-symbols/index.js")()){var symToStr=Symbol.prototype.toString,symStringRegex=/^Symbol\(.*\)$/;module.exports=function isSymbol(value){if("symbol"==typeof value)return!0;if("[object Symbol]"!==toStr.call(value))return!1;try{return function isRealSymbolObject(value){return"symbol"==typeof value.valueOf()&&symStringRegex.test(symToStr.call(value))}(value)}catch(e){return!1}}}else module.exports=function isSymbol(value){return!1}},"./node_modules/isobject/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";function isObject(val){return null!=val&&"object"==typeof val&&!1===Array.isArray(val)}__webpack_require__.d(__webpack_exports__,"a",(function(){return isObject}))},"./node_modules/iterate-iterator/index.js":function(module,exports,__webpack_require__){"use strict";var $TypeError=TypeError;module.exports=function iterateIterator(iterator){if(!iterator||"function"!=typeof iterator.next)throw new $TypeError("iterator must be an object with a `next` method");if(arguments.length>1){var callback=arguments[1];if("function"!=typeof callback)throw new $TypeError("`callback`, if provided, must be a function")}for(var result,values=callback||[];(result=iterator.next())&&!result.done;)callback?callback(result.value):values.push(result.value);if(!callback)return values}},"./node_modules/iterate-value/index.js":function(module,exports,__webpack_require__){"use strict";var getIterator=__webpack_require__("./node_modules/es-get-iterator/index.js"),$TypeError=TypeError,iterate=__webpack_require__("./node_modules/iterate-iterator/index.js");module.exports=function iterateValue(iterable){var iterator=getIterator(iterable);if(!iterator)throw new $TypeError("non-iterable value provided");return arguments.length>1?iterate(iterator,arguments[1]):iterate(iterator)}},"./node_modules/lodash/_DataView.js":function(module,exports,__webpack_require__){var DataView=__webpack_require__("./node_modules/lodash/_getNative.js")(__webpack_require__("./node_modules/lodash/_root.js"),"DataView");module.exports=DataView},"./node_modules/lodash/_Hash.js":function(module,exports,__webpack_require__){var hashClear=__webpack_require__("./node_modules/lodash/_hashClear.js"),hashDelete=__webpack_require__("./node_modules/lodash/_hashDelete.js"),hashGet=__webpack_require__("./node_modules/lodash/_hashGet.js"),hashHas=__webpack_require__("./node_modules/lodash/_hashHas.js"),hashSet=__webpack_require__("./node_modules/lodash/_hashSet.js");function Hash(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index<length;){var entry=entries[index];this.set(entry[0],entry[1])}}Hash.prototype.clear=hashClear,Hash.prototype.delete=hashDelete,Hash.prototype.get=hashGet,Hash.prototype.has=hashHas,Hash.prototype.set=hashSet,module.exports=Hash},"./node_modules/lodash/_ListCache.js":function(module,exports,__webpack_require__){var listCacheClear=__webpack_require__("./node_modules/lodash/_listCacheClear.js"),listCacheDelete=__webpack_require__("./node_modules/lodash/_listCacheDelete.js"),listCacheGet=__webpack_require__("./node_modules/lodash/_listCacheGet.js"),listCacheHas=__webpack_require__("./node_modules/lodash/_listCacheHas.js"),listCacheSet=__webpack_require__("./node_modules/lodash/_listCacheSet.js");function ListCache(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index<length;){var entry=entries[index];this.set(entry[0],entry[1])}}ListCache.prototype.clear=listCacheClear,ListCache.prototype.delete=listCacheDelete,ListCache.prototype.get=listCacheGet,ListCache.prototype.has=listCacheHas,ListCache.prototype.set=listCacheSet,module.exports=ListCache},"./node_modules/lodash/_Map.js":function(module,exports,__webpack_require__){var Map=__webpack_require__("./node_modules/lodash/_getNative.js")(__webpack_require__("./node_modules/lodash/_root.js"),"Map");module.exports=Map},"./node_modules/lodash/_MapCache.js":function(module,exports,__webpack_require__){var mapCacheClear=__webpack_require__("./node_modules/lodash/_mapCacheClear.js"),mapCacheDelete=__webpack_require__("./node_modules/lodash/_mapCacheDelete.js"),mapCacheGet=__webpack_require__("./node_modules/lodash/_mapCacheGet.js"),mapCacheHas=__webpack_require__("./node_modules/lodash/_mapCacheHas.js"),mapCacheSet=__webpack_require__("./node_modules/lodash/_mapCacheSet.js");function MapCache(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index<length;){var entry=entries[index];this.set(entry[0],entry[1])}}MapCache.prototype.clear=mapCacheClear,MapCache.prototype.delete=mapCacheDelete,MapCache.prototype.get=mapCacheGet,MapCache.prototype.has=mapCacheHas,MapCache.prototype.set=mapCacheSet,module.exports=MapCache},"./node_modules/lodash/_Promise.js":function(module,exports,__webpack_require__){var Promise=__webpack_require__("./node_modules/lodash/_getNative.js")(__webpack_require__("./node_modules/lodash/_root.js"),"Promise");module.exports=Promise},"./node_modules/lodash/_Set.js":function(module,exports,__webpack_require__){var Set=__webpack_require__("./node_modules/lodash/_getNative.js")(__webpack_require__("./node_modules/lodash/_root.js"),"Set");module.exports=Set},"./node_modules/lodash/_SetCache.js":function(module,exports,__webpack_require__){var MapCache=__webpack_require__("./node_modules/lodash/_MapCache.js"),setCacheAdd=__webpack_require__("./node_modules/lodash/_setCacheAdd.js"),setCacheHas=__webpack_require__("./node_modules/lodash/_setCacheHas.js");function SetCache(values){var index=-1,length=null==values?0:values.length;for(this.__data__=new MapCache;++index<length;)this.add(values[index])}SetCache.prototype.add=SetCache.prototype.push=setCacheAdd,SetCache.prototype.has=setCacheHas,module.exports=SetCache},"./node_modules/lodash/_Stack.js":function(module,exports,__webpack_require__){var ListCache=__webpack_require__("./node_modules/lodash/_ListCache.js"),stackClear=__webpack_require__("./node_modules/lodash/_stackClear.js"),stackDelete=__webpack_require__("./node_modules/lodash/_stackDelete.js"),stackGet=__webpack_require__("./node_modules/lodash/_stackGet.js"),stackHas=__webpack_require__("./node_modules/lodash/_stackHas.js"),stackSet=__webpack_require__("./node_modules/lodash/_stackSet.js");function Stack(entries){var data=this.__data__=new ListCache(entries);this.size=data.size}Stack.prototype.clear=stackClear,Stack.prototype.delete=stackDelete,Stack.prototype.get=stackGet,Stack.prototype.has=stackHas,Stack.prototype.set=stackSet,module.exports=Stack},"./node_modules/lodash/_Symbol.js":function(module,exports,__webpack_require__){var Symbol=__webpack_require__("./node_modules/lodash/_root.js").Symbol;module.exports=Symbol},"./node_modules/lodash/_Uint8Array.js":function(module,exports,__webpack_require__){var Uint8Array=__webpack_require__("./node_modules/lodash/_root.js").Uint8Array;module.exports=Uint8Array},"./node_modules/lodash/_WeakMap.js":function(module,exports,__webpack_require__){var WeakMap=__webpack_require__("./node_modules/lodash/_getNative.js")(__webpack_require__("./node_modules/lodash/_root.js"),"WeakMap");module.exports=WeakMap},"./node_modules/lodash/_apply.js":function(module,exports){module.exports=function apply(func,thisArg,args){switch(args.length){case 0:return func.call(thisArg);case 1:return func.call(thisArg,args[0]);case 2:return func.call(thisArg,args[0],args[1]);case 3:return func.call(thisArg,args[0],args[1],args[2])}return func.apply(thisArg,args)}},"./node_modules/lodash/_arrayAggregator.js":function(module,exports){module.exports=function arrayAggregator(array,setter,iteratee,accumulator){for(var index=-1,length=null==array?0:array.length;++index<length;){var value=array[index];setter(accumulator,value,iteratee(value),array)}return accumulator}},"./node_modules/lodash/_arrayFilter.js":function(module,exports){module.exports=function arrayFilter(array,predicate){for(var index=-1,length=null==array?0:array.length,resIndex=0,result=[];++index<length;){var value=array[index];predicate(value,index,array)&&(result[resIndex++]=value)}return result}},"./node_modules/lodash/_arrayLikeKeys.js":function(module,exports,__webpack_require__){var baseTimes=__webpack_require__("./node_modules/lodash/_baseTimes.js"),isArguments=__webpack_require__("./node_modules/lodash/isArguments.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isBuffer=__webpack_require__("./node_modules/lodash/isBuffer.js"),isIndex=__webpack_require__("./node_modules/lodash/_isIndex.js"),isTypedArray=__webpack_require__("./node_modules/lodash/isTypedArray.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function arrayLikeKeys(value,inherited){var isArr=isArray(value),isArg=!isArr&&isArguments(value),isBuff=!isArr&&!isArg&&isBuffer(value),isType=!isArr&&!isArg&&!isBuff&&isTypedArray(value),skipIndexes=isArr||isArg||isBuff||isType,result=skipIndexes?baseTimes(value.length,String):[],length=result.length;for(var key in value)!inherited&&!hasOwnProperty.call(value,key)||skipIndexes&&("length"==key||isBuff&&("offset"==key||"parent"==key)||isType&&("buffer"==key||"byteLength"==key||"byteOffset"==key)||isIndex(key,length))||result.push(key);return result}},"./node_modules/lodash/_arrayMap.js":function(module,exports){module.exports=function arrayMap(array,iteratee){for(var index=-1,length=null==array?0:array.length,result=Array(length);++index<length;)result[index]=iteratee(array[index],index,array);return result}},"./node_modules/lodash/_arrayPush.js":function(module,exports){module.exports=function arrayPush(array,values){for(var index=-1,length=values.length,offset=array.length;++index<length;)array[offset+index]=values[index];return array}},"./node_modules/lodash/_arrayReduce.js":function(module,exports){module.exports=function arrayReduce(array,iteratee,accumulator,initAccum){var index=-1,length=null==array?0:array.length;for(initAccum&&length&&(accumulator=array[++index]);++index<length;)accumulator=iteratee(accumulator,array[index],index,array);return accumulator}},"./node_modules/lodash/_arraySome.js":function(module,exports){module.exports=function arraySome(array,predicate){for(var index=-1,length=null==array?0:array.length;++index<length;)if(predicate(array[index],index,array))return!0;return!1}},"./node_modules/lodash/_asciiToArray.js":function(module,exports){module.exports=function asciiToArray(string){return string.split("")}},"./node_modules/lodash/_asciiWords.js":function(module,exports){var reAsciiWord=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;module.exports=function asciiWords(string){return string.match(reAsciiWord)||[]}},"./node_modules/lodash/_assignMergeValue.js":function(module,exports,__webpack_require__){var baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js"),eq=__webpack_require__("./node_modules/lodash/eq.js");module.exports=function assignMergeValue(object,key,value){(void 0!==value&&!eq(object[key],value)||void 0===value&&!(key in object))&&baseAssignValue(object,key,value)}},"./node_modules/lodash/_assignValue.js":function(module,exports,__webpack_require__){var baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js"),eq=__webpack_require__("./node_modules/lodash/eq.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function assignValue(object,key,value){var objValue=object[key];hasOwnProperty.call(object,key)&&eq(objValue,value)&&(void 0!==value||key in object)||baseAssignValue(object,key,value)}},"./node_modules/lodash/_assocIndexOf.js":function(module,exports,__webpack_require__){var eq=__webpack_require__("./node_modules/lodash/eq.js");module.exports=function assocIndexOf(array,key){for(var length=array.length;length--;)if(eq(array[length][0],key))return length;return-1}},"./node_modules/lodash/_baseAggregator.js":function(module,exports,__webpack_require__){var baseEach=__webpack_require__("./node_modules/lodash/_baseEach.js");module.exports=function baseAggregator(collection,setter,iteratee,accumulator){return baseEach(collection,(function(value,key,collection){setter(accumulator,value,iteratee(value),collection)})),accumulator}},"./node_modules/lodash/_baseAssignValue.js":function(module,exports,__webpack_require__){var defineProperty=__webpack_require__("./node_modules/lodash/_defineProperty.js");module.exports=function baseAssignValue(object,key,value){"__proto__"==key&&defineProperty?defineProperty(object,key,{configurable:!0,enumerable:!0,value:value,writable:!0}):object[key]=value}},"./node_modules/lodash/_baseCreate.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),objectCreate=Object.create,baseCreate=function(){function object(){}return function(proto){if(!isObject(proto))return{};if(objectCreate)return objectCreate(proto);object.prototype=proto;var result=new object;return object.prototype=void 0,result}}();module.exports=baseCreate},"./node_modules/lodash/_baseEach.js":function(module,exports,__webpack_require__){var baseForOwn=__webpack_require__("./node_modules/lodash/_baseForOwn.js"),baseEach=__webpack_require__("./node_modules/lodash/_createBaseEach.js")(baseForOwn);module.exports=baseEach},"./node_modules/lodash/_baseFlatten.js":function(module,exports,__webpack_require__){var arrayPush=__webpack_require__("./node_modules/lodash/_arrayPush.js"),isFlattenable=__webpack_require__("./node_modules/lodash/_isFlattenable.js");module.exports=function baseFlatten(array,depth,predicate,isStrict,result){var index=-1,length=array.length;for(predicate||(predicate=isFlattenable),result||(result=[]);++index<length;){var value=array[index];depth>0&&predicate(value)?depth>1?baseFlatten(value,depth-1,predicate,isStrict,result):arrayPush(result,value):isStrict||(result[result.length]=value)}return result}},"./node_modules/lodash/_baseFor.js":function(module,exports,__webpack_require__){var baseFor=__webpack_require__("./node_modules/lodash/_createBaseFor.js")();module.exports=baseFor},"./node_modules/lodash/_baseForOwn.js":function(module,exports,__webpack_require__){var baseFor=__webpack_require__("./node_modules/lodash/_baseFor.js"),keys=__webpack_require__("./node_modules/lodash/keys.js");module.exports=function baseForOwn(object,iteratee){return object&&baseFor(object,iteratee,keys)}},"./node_modules/lodash/_baseGet.js":function(module,exports,__webpack_require__){var castPath=__webpack_require__("./node_modules/lodash/_castPath.js"),toKey=__webpack_require__("./node_modules/lodash/_toKey.js");module.exports=function baseGet(object,path){for(var index=0,length=(path=castPath(path,object)).length;null!=object&&index<length;)object=object[toKey(path[index++])];return index&&index==length?object:void 0}},"./node_modules/lodash/_baseGetAllKeys.js":function(module,exports,__webpack_require__){var arrayPush=__webpack_require__("./node_modules/lodash/_arrayPush.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js");module.exports=function baseGetAllKeys(object,keysFunc,symbolsFunc){var result=keysFunc(object);return isArray(object)?result:arrayPush(result,symbolsFunc(object))}},"./node_modules/lodash/_baseGetTag.js":function(module,exports,__webpack_require__){var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),getRawTag=__webpack_require__("./node_modules/lodash/_getRawTag.js"),objectToString=__webpack_require__("./node_modules/lodash/_objectToString.js"),symToStringTag=Symbol?Symbol.toStringTag:void 0;module.exports=function baseGetTag(value){return null==value?void 0===value?"[object Undefined]":"[object Null]":symToStringTag&&symToStringTag in Object(value)?getRawTag(value):objectToString(value)}},"./node_modules/lodash/_baseHasIn.js":function(module,exports){module.exports=function baseHasIn(object,key){return null!=object&&key in Object(object)}},"./node_modules/lodash/_baseIsArguments.js":function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function baseIsArguments(value){return isObjectLike(value)&&"[object Arguments]"==baseGetTag(value)}},"./node_modules/lodash/_baseIsEqual.js":function(module,exports,__webpack_require__){var baseIsEqualDeep=__webpack_require__("./node_modules/lodash/_baseIsEqualDeep.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function baseIsEqual(value,other,bitmask,customizer,stack){return value===other||(null==value||null==other||!isObjectLike(value)&&!isObjectLike(other)?value!=value&&other!=other:baseIsEqualDeep(value,other,bitmask,customizer,baseIsEqual,stack))}},"./node_modules/lodash/_baseIsEqualDeep.js":function(module,exports,__webpack_require__){var Stack=__webpack_require__("./node_modules/lodash/_Stack.js"),equalArrays=__webpack_require__("./node_modules/lodash/_equalArrays.js"),equalByTag=__webpack_require__("./node_modules/lodash/_equalByTag.js"),equalObjects=__webpack_require__("./node_modules/lodash/_equalObjects.js"),getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isBuffer=__webpack_require__("./node_modules/lodash/isBuffer.js"),isTypedArray=__webpack_require__("./node_modules/lodash/isTypedArray.js"),objectTag="[object Object]",hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function baseIsEqualDeep(object,other,bitmask,customizer,equalFunc,stack){var objIsArr=isArray(object),othIsArr=isArray(other),objTag=objIsArr?"[object Array]":getTag(object),othTag=othIsArr?"[object Array]":getTag(other),objIsObj=(objTag="[object Arguments]"==objTag?objectTag:objTag)==objectTag,othIsObj=(othTag="[object Arguments]"==othTag?objectTag:othTag)==objectTag,isSameTag=objTag==othTag;if(isSameTag&&isBuffer(object)){if(!isBuffer(other))return!1;objIsArr=!0,objIsObj=!1}if(isSameTag&&!objIsObj)return stack||(stack=new Stack),objIsArr||isTypedArray(object)?equalArrays(object,other,bitmask,customizer,equalFunc,stack):equalByTag(object,other,objTag,bitmask,customizer,equalFunc,stack);if(!(1&bitmask)){var objIsWrapped=objIsObj&&hasOwnProperty.call(object,"__wrapped__"),othIsWrapped=othIsObj&&hasOwnProperty.call(other,"__wrapped__");if(objIsWrapped||othIsWrapped){var objUnwrapped=objIsWrapped?object.value():object,othUnwrapped=othIsWrapped?other.value():other;return stack||(stack=new Stack),equalFunc(objUnwrapped,othUnwrapped,bitmask,customizer,stack)}}return!!isSameTag&&(stack||(stack=new Stack),equalObjects(object,other,bitmask,customizer,equalFunc,stack))}},"./node_modules/lodash/_baseIsMatch.js":function(module,exports,__webpack_require__){var Stack=__webpack_require__("./node_modules/lodash/_Stack.js"),baseIsEqual=__webpack_require__("./node_modules/lodash/_baseIsEqual.js");module.exports=function baseIsMatch(object,source,matchData,customizer){var index=matchData.length,length=index,noCustomizer=!customizer;if(null==object)return!length;for(object=Object(object);index--;){var data=matchData[index];if(noCustomizer&&data[2]?data[1]!==object[data[0]]:!(data[0]in object))return!1}for(;++index<length;){var key=(data=matchData[index])[0],objValue=object[key],srcValue=data[1];if(noCustomizer&&data[2]){if(void 0===objValue&&!(key in object))return!1}else{var stack=new Stack;if(customizer)var result=customizer(objValue,srcValue,key,object,source,stack);if(!(void 0===result?baseIsEqual(srcValue,objValue,3,customizer,stack):result))return!1}}return!0}},"./node_modules/lodash/_baseIsNative.js":function(module,exports,__webpack_require__){var isFunction=__webpack_require__("./node_modules/lodash/isFunction.js"),isMasked=__webpack_require__("./node_modules/lodash/_isMasked.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),toSource=__webpack_require__("./node_modules/lodash/_toSource.js"),reIsHostCtor=/^\[object .+?Constructor\]$/,funcProto=Function.prototype,objectProto=Object.prototype,funcToString=funcProto.toString,hasOwnProperty=objectProto.hasOwnProperty,reIsNative=RegExp("^"+funcToString.call(hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");module.exports=function baseIsNative(value){return!(!isObject(value)||isMasked(value))&&(isFunction(value)?reIsNative:reIsHostCtor).test(toSource(value))}},"./node_modules/lodash/_baseIsTypedArray.js":function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),isLength=__webpack_require__("./node_modules/lodash/isLength.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js"),typedArrayTags={};typedArrayTags["[object Float32Array]"]=typedArrayTags["[object Float64Array]"]=typedArrayTags["[object Int8Array]"]=typedArrayTags["[object Int16Array]"]=typedArrayTags["[object Int32Array]"]=typedArrayTags["[object Uint8Array]"]=typedArrayTags["[object Uint8ClampedArray]"]=typedArrayTags["[object Uint16Array]"]=typedArrayTags["[object Uint32Array]"]=!0,typedArrayTags["[object Arguments]"]=typedArrayTags["[object Array]"]=typedArrayTags["[object ArrayBuffer]"]=typedArrayTags["[object Boolean]"]=typedArrayTags["[object DataView]"]=typedArrayTags["[object Date]"]=typedArrayTags["[object Error]"]=typedArrayTags["[object Function]"]=typedArrayTags["[object Map]"]=typedArrayTags["[object Number]"]=typedArrayTags["[object Object]"]=typedArrayTags["[object RegExp]"]=typedArrayTags["[object Set]"]=typedArrayTags["[object String]"]=typedArrayTags["[object WeakMap]"]=!1,module.exports=function baseIsTypedArray(value){return isObjectLike(value)&&isLength(value.length)&&!!typedArrayTags[baseGetTag(value)]}},"./node_modules/lodash/_baseIteratee.js":function(module,exports,__webpack_require__){var baseMatches=__webpack_require__("./node_modules/lodash/_baseMatches.js"),baseMatchesProperty=__webpack_require__("./node_modules/lodash/_baseMatchesProperty.js"),identity=__webpack_require__("./node_modules/lodash/identity.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),property=__webpack_require__("./node_modules/lodash/property.js");module.exports=function baseIteratee(value){return"function"==typeof value?value:null==value?identity:"object"==typeof value?isArray(value)?baseMatchesProperty(value[0],value[1]):baseMatches(value):property(value)}},"./node_modules/lodash/_baseKeys.js":function(module,exports,__webpack_require__){var isPrototype=__webpack_require__("./node_modules/lodash/_isPrototype.js"),nativeKeys=__webpack_require__("./node_modules/lodash/_nativeKeys.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function baseKeys(object){if(!isPrototype(object))return nativeKeys(object);var result=[];for(var key in Object(object))hasOwnProperty.call(object,key)&&"constructor"!=key&&result.push(key);return result}},"./node_modules/lodash/_baseKeysIn.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isPrototype=__webpack_require__("./node_modules/lodash/_isPrototype.js"),nativeKeysIn=__webpack_require__("./node_modules/lodash/_nativeKeysIn.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function baseKeysIn(object){if(!isObject(object))return nativeKeysIn(object);var isProto=isPrototype(object),result=[];for(var key in object)("constructor"!=key||!isProto&&hasOwnProperty.call(object,key))&&result.push(key);return result}},"./node_modules/lodash/_baseMatches.js":function(module,exports,__webpack_require__){var baseIsMatch=__webpack_require__("./node_modules/lodash/_baseIsMatch.js"),getMatchData=__webpack_require__("./node_modules/lodash/_getMatchData.js"),matchesStrictComparable=__webpack_require__("./node_modules/lodash/_matchesStrictComparable.js");module.exports=function baseMatches(source){var matchData=getMatchData(source);return 1==matchData.length&&matchData[0][2]?matchesStrictComparable(matchData[0][0],matchData[0][1]):function(object){return object===source||baseIsMatch(object,source,matchData)}}},"./node_modules/lodash/_baseMatchesProperty.js":function(module,exports,__webpack_require__){var baseIsEqual=__webpack_require__("./node_modules/lodash/_baseIsEqual.js"),get=__webpack_require__("./node_modules/lodash/get.js"),hasIn=__webpack_require__("./node_modules/lodash/hasIn.js"),isKey=__webpack_require__("./node_modules/lodash/_isKey.js"),isStrictComparable=__webpack_require__("./node_modules/lodash/_isStrictComparable.js"),matchesStrictComparable=__webpack_require__("./node_modules/lodash/_matchesStrictComparable.js"),toKey=__webpack_require__("./node_modules/lodash/_toKey.js");module.exports=function baseMatchesProperty(path,srcValue){return isKey(path)&&isStrictComparable(srcValue)?matchesStrictComparable(toKey(path),srcValue):function(object){var objValue=get(object,path);return void 0===objValue&&objValue===srcValue?hasIn(object,path):baseIsEqual(srcValue,objValue,3)}}},"./node_modules/lodash/_baseMerge.js":function(module,exports,__webpack_require__){var Stack=__webpack_require__("./node_modules/lodash/_Stack.js"),assignMergeValue=__webpack_require__("./node_modules/lodash/_assignMergeValue.js"),baseFor=__webpack_require__("./node_modules/lodash/_baseFor.js"),baseMergeDeep=__webpack_require__("./node_modules/lodash/_baseMergeDeep.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js"),safeGet=__webpack_require__("./node_modules/lodash/_safeGet.js");module.exports=function baseMerge(object,source,srcIndex,customizer,stack){object!==source&&baseFor(source,(function(srcValue,key){if(stack||(stack=new Stack),isObject(srcValue))baseMergeDeep(object,source,key,srcIndex,baseMerge,customizer,stack);else{var newValue=customizer?customizer(safeGet(object,key),srcValue,key+"",object,source,stack):void 0;void 0===newValue&&(newValue=srcValue),assignMergeValue(object,key,newValue)}}),keysIn)}},"./node_modules/lodash/_baseMergeDeep.js":function(module,exports,__webpack_require__){var assignMergeValue=__webpack_require__("./node_modules/lodash/_assignMergeValue.js"),cloneBuffer=__webpack_require__("./node_modules/lodash/_cloneBuffer.js"),cloneTypedArray=__webpack_require__("./node_modules/lodash/_cloneTypedArray.js"),copyArray=__webpack_require__("./node_modules/lodash/_copyArray.js"),initCloneObject=__webpack_require__("./node_modules/lodash/_initCloneObject.js"),isArguments=__webpack_require__("./node_modules/lodash/isArguments.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isArrayLikeObject=__webpack_require__("./node_modules/lodash/isArrayLikeObject.js"),isBuffer=__webpack_require__("./node_modules/lodash/isBuffer.js"),isFunction=__webpack_require__("./node_modules/lodash/isFunction.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isPlainObject=__webpack_require__("./node_modules/lodash/isPlainObject.js"),isTypedArray=__webpack_require__("./node_modules/lodash/isTypedArray.js"),safeGet=__webpack_require__("./node_modules/lodash/_safeGet.js"),toPlainObject=__webpack_require__("./node_modules/lodash/toPlainObject.js");module.exports=function baseMergeDeep(object,source,key,srcIndex,mergeFunc,customizer,stack){var objValue=safeGet(object,key),srcValue=safeGet(source,key),stacked=stack.get(srcValue);if(stacked)assignMergeValue(object,key,stacked);else{var newValue=customizer?customizer(objValue,srcValue,key+"",object,source,stack):void 0,isCommon=void 0===newValue;if(isCommon){var isArr=isArray(srcValue),isBuff=!isArr&&isBuffer(srcValue),isTyped=!isArr&&!isBuff&&isTypedArray(srcValue);newValue=srcValue,isArr||isBuff||isTyped?isArray(objValue)?newValue=objValue:isArrayLikeObject(objValue)?newValue=copyArray(objValue):isBuff?(isCommon=!1,newValue=cloneBuffer(srcValue,!0)):isTyped?(isCommon=!1,newValue=cloneTypedArray(srcValue,!0)):newValue=[]:isPlainObject(srcValue)||isArguments(srcValue)?(newValue=objValue,isArguments(objValue)?newValue=toPlainObject(objValue):isObject(objValue)&&!isFunction(objValue)||(newValue=initCloneObject(srcValue))):isCommon=!1}isCommon&&(stack.set(srcValue,newValue),mergeFunc(newValue,srcValue,srcIndex,customizer,stack),stack.delete(srcValue)),assignMergeValue(object,key,newValue)}}},"./node_modules/lodash/_basePick.js":function(module,exports,__webpack_require__){var basePickBy=__webpack_require__("./node_modules/lodash/_basePickBy.js"),hasIn=__webpack_require__("./node_modules/lodash/hasIn.js");module.exports=function basePick(object,paths){return basePickBy(object,paths,(function(value,path){return hasIn(object,path)}))}},"./node_modules/lodash/_basePickBy.js":function(module,exports,__webpack_require__){var baseGet=__webpack_require__("./node_modules/lodash/_baseGet.js"),baseSet=__webpack_require__("./node_modules/lodash/_baseSet.js"),castPath=__webpack_require__("./node_modules/lodash/_castPath.js");module.exports=function basePickBy(object,paths,predicate){for(var index=-1,length=paths.length,result={};++index<length;){var path=paths[index],value=baseGet(object,path);predicate(value,path)&&baseSet(result,castPath(path,object),value)}return result}},"./node_modules/lodash/_baseProperty.js":function(module,exports){module.exports=function baseProperty(key){return function(object){return null==object?void 0:object[key]}}},"./node_modules/lodash/_basePropertyDeep.js":function(module,exports,__webpack_require__){var baseGet=__webpack_require__("./node_modules/lodash/_baseGet.js");module.exports=function basePropertyDeep(path){return function(object){return baseGet(object,path)}}},"./node_modules/lodash/_basePropertyOf.js":function(module,exports){module.exports=function basePropertyOf(object){return function(key){return null==object?void 0:object[key]}}},"./node_modules/lodash/_baseRest.js":function(module,exports,__webpack_require__){var identity=__webpack_require__("./node_modules/lodash/identity.js"),overRest=__webpack_require__("./node_modules/lodash/_overRest.js"),setToString=__webpack_require__("./node_modules/lodash/_setToString.js");module.exports=function baseRest(func,start){return setToString(overRest(func,start,identity),func+"")}},"./node_modules/lodash/_baseSet.js":function(module,exports,__webpack_require__){var assignValue=__webpack_require__("./node_modules/lodash/_assignValue.js"),castPath=__webpack_require__("./node_modules/lodash/_castPath.js"),isIndex=__webpack_require__("./node_modules/lodash/_isIndex.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),toKey=__webpack_require__("./node_modules/lodash/_toKey.js");module.exports=function baseSet(object,path,value,customizer){if(!isObject(object))return object;for(var index=-1,length=(path=castPath(path,object)).length,lastIndex=length-1,nested=object;null!=nested&&++index<length;){var key=toKey(path[index]),newValue=value;if("__proto__"===key||"constructor"===key||"prototype"===key)return object;if(index!=lastIndex){var objValue=nested[key];void 0===(newValue=customizer?customizer(objValue,key,nested):void 0)&&(newValue=isObject(objValue)?objValue:isIndex(path[index+1])?[]:{})}assignValue(nested,key,newValue),nested=nested[key]}return object}},"./node_modules/lodash/_baseSetToString.js":function(module,exports,__webpack_require__){var constant=__webpack_require__("./node_modules/lodash/constant.js"),defineProperty=__webpack_require__("./node_modules/lodash/_defineProperty.js"),identity=__webpack_require__("./node_modules/lodash/identity.js"),baseSetToString=defineProperty?function(func,string){return defineProperty(func,"toString",{configurable:!0,enumerable:!1,value:constant(string),writable:!0})}:identity;module.exports=baseSetToString},"./node_modules/lodash/_baseSlice.js":function(module,exports){module.exports=function baseSlice(array,start,end){var index=-1,length=array.length;start<0&&(start=-start>length?0:length+start),(end=end>length?length:end)<0&&(end+=length),length=start>end?0:end-start>>>0,start>>>=0;for(var result=Array(length);++index<length;)result[index]=array[index+start];return result}},"./node_modules/lodash/_baseTimes.js":function(module,exports){module.exports=function baseTimes(n,iteratee){for(var index=-1,result=Array(n);++index<n;)result[index]=iteratee(index);return result}},"./node_modules/lodash/_baseToString.js":function(module,exports,__webpack_require__){var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),arrayMap=__webpack_require__("./node_modules/lodash/_arrayMap.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isSymbol=__webpack_require__("./node_modules/lodash/isSymbol.js"),symbolProto=Symbol?Symbol.prototype:void 0,symbolToString=symbolProto?symbolProto.toString:void 0;module.exports=function baseToString(value){if("string"==typeof value)return value;if(isArray(value))return arrayMap(value,baseToString)+"";if(isSymbol(value))return symbolToString?symbolToString.call(value):"";var result=value+"";return"0"==result&&1/value==-Infinity?"-0":result}},"./node_modules/lodash/_baseTrim.js":function(module,exports,__webpack_require__){var trimmedEndIndex=__webpack_require__("./node_modules/lodash/_trimmedEndIndex.js"),reTrimStart=/^\s+/;module.exports=function baseTrim(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string}},"./node_modules/lodash/_baseUnary.js":function(module,exports){module.exports=function baseUnary(func){return function(value){return func(value)}}},"./node_modules/lodash/_cacheHas.js":function(module,exports){module.exports=function cacheHas(cache,key){return cache.has(key)}},"./node_modules/lodash/_castPath.js":function(module,exports,__webpack_require__){var isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isKey=__webpack_require__("./node_modules/lodash/_isKey.js"),stringToPath=__webpack_require__("./node_modules/lodash/_stringToPath.js"),toString=__webpack_require__("./node_modules/lodash/toString.js");module.exports=function castPath(value,object){return isArray(value)?value:isKey(value,object)?[value]:stringToPath(toString(value))}},"./node_modules/lodash/_castSlice.js":function(module,exports,__webpack_require__){var baseSlice=__webpack_require__("./node_modules/lodash/_baseSlice.js");module.exports=function castSlice(array,start,end){var length=array.length;return end=void 0===end?length:end,!start&&end>=length?array:baseSlice(array,start,end)}},"./node_modules/lodash/_cloneArrayBuffer.js":function(module,exports,__webpack_require__){var Uint8Array=__webpack_require__("./node_modules/lodash/_Uint8Array.js");module.exports=function cloneArrayBuffer(arrayBuffer){var result=new arrayBuffer.constructor(arrayBuffer.byteLength);return new Uint8Array(result).set(new Uint8Array(arrayBuffer)),result}},"./node_modules/lodash/_cloneBuffer.js":function(module,exports,__webpack_require__){(function(module){var root=__webpack_require__("./node_modules/lodash/_root.js"),freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&"object"==typeof module&&module&&!module.nodeType&&module,Buffer=freeModule&&freeModule.exports===freeExports?root.Buffer:void 0,allocUnsafe=Buffer?Buffer.allocUnsafe:void 0;module.exports=function cloneBuffer(buffer,isDeep){if(isDeep)return buffer.slice();var length=buffer.length,result=allocUnsafe?allocUnsafe(length):new buffer.constructor(length);return buffer.copy(result),result}}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/lodash/_cloneTypedArray.js":function(module,exports,__webpack_require__){var cloneArrayBuffer=__webpack_require__("./node_modules/lodash/_cloneArrayBuffer.js");module.exports=function cloneTypedArray(typedArray,isDeep){var buffer=isDeep?cloneArrayBuffer(typedArray.buffer):typedArray.buffer;return new typedArray.constructor(buffer,typedArray.byteOffset,typedArray.length)}},"./node_modules/lodash/_copyArray.js":function(module,exports){module.exports=function copyArray(source,array){var index=-1,length=source.length;for(array||(array=Array(length));++index<length;)array[index]=source[index];return array}},"./node_modules/lodash/_copyObject.js":function(module,exports,__webpack_require__){var assignValue=__webpack_require__("./node_modules/lodash/_assignValue.js"),baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js");module.exports=function copyObject(source,props,object,customizer){var isNew=!object;object||(object={});for(var index=-1,length=props.length;++index<length;){var key=props[index],newValue=customizer?customizer(object[key],source[key],key,object,source):void 0;void 0===newValue&&(newValue=source[key]),isNew?baseAssignValue(object,key,newValue):assignValue(object,key,newValue)}return object}},"./node_modules/lodash/_coreJsData.js":function(module,exports,__webpack_require__){var coreJsData=__webpack_require__("./node_modules/lodash/_root.js")["__core-js_shared__"];module.exports=coreJsData},"./node_modules/lodash/_createAggregator.js":function(module,exports,__webpack_require__){var arrayAggregator=__webpack_require__("./node_modules/lodash/_arrayAggregator.js"),baseAggregator=__webpack_require__("./node_modules/lodash/_baseAggregator.js"),baseIteratee=__webpack_require__("./node_modules/lodash/_baseIteratee.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js");module.exports=function createAggregator(setter,initializer){return function(collection,iteratee){var func=isArray(collection)?arrayAggregator:baseAggregator,accumulator=initializer?initializer():{};return func(collection,setter,baseIteratee(iteratee,2),accumulator)}}},"./node_modules/lodash/_createAssigner.js":function(module,exports,__webpack_require__){var baseRest=__webpack_require__("./node_modules/lodash/_baseRest.js"),isIterateeCall=__webpack_require__("./node_modules/lodash/_isIterateeCall.js");module.exports=function createAssigner(assigner){return baseRest((function(object,sources){var index=-1,length=sources.length,customizer=length>1?sources[length-1]:void 0,guard=length>2?sources[2]:void 0;for(customizer=assigner.length>3&&"function"==typeof customizer?(length--,customizer):void 0,guard&&isIterateeCall(sources[0],sources[1],guard)&&(customizer=length<3?void 0:customizer,length=1),object=Object(object);++index<length;){var source=sources[index];source&&assigner(object,source,index,customizer)}return object}))}},"./node_modules/lodash/_createBaseEach.js":function(module,exports,__webpack_require__){var isArrayLike=__webpack_require__("./node_modules/lodash/isArrayLike.js");module.exports=function createBaseEach(eachFunc,fromRight){return function(collection,iteratee){if(null==collection)return collection;if(!isArrayLike(collection))return eachFunc(collection,iteratee);for(var length=collection.length,index=fromRight?length:-1,iterable=Object(collection);(fromRight?index--:++index<length)&&!1!==iteratee(iterable[index],index,iterable););return collection}}},"./node_modules/lodash/_createBaseFor.js":function(module,exports){module.exports=function createBaseFor(fromRight){return function(object,iteratee,keysFunc){for(var index=-1,iterable=Object(object),props=keysFunc(object),length=props.length;length--;){var key=props[fromRight?length:++index];if(!1===iteratee(iterable[key],key,iterable))break}return object}}},"./node_modules/lodash/_createCaseFirst.js":function(module,exports,__webpack_require__){var castSlice=__webpack_require__("./node_modules/lodash/_castSlice.js"),hasUnicode=__webpack_require__("./node_modules/lodash/_hasUnicode.js"),stringToArray=__webpack_require__("./node_modules/lodash/_stringToArray.js"),toString=__webpack_require__("./node_modules/lodash/toString.js");module.exports=function createCaseFirst(methodName){return function(string){string=toString(string);var strSymbols=hasUnicode(string)?stringToArray(string):void 0,chr=strSymbols?strSymbols[0]:string.charAt(0),trailing=strSymbols?castSlice(strSymbols,1).join(""):string.slice(1);return chr[methodName]()+trailing}}},"./node_modules/lodash/_createCompounder.js":function(module,exports,__webpack_require__){var arrayReduce=__webpack_require__("./node_modules/lodash/_arrayReduce.js"),deburr=__webpack_require__("./node_modules/lodash/deburr.js"),words=__webpack_require__("./node_modules/lodash/words.js"),reApos=RegExp("['’]","g");module.exports=function createCompounder(callback){return function(string){return arrayReduce(words(deburr(string).replace(reApos,"")),callback,"")}}},"./node_modules/lodash/_deburrLetter.js":function(module,exports,__webpack_require__){var deburrLetter=__webpack_require__("./node_modules/lodash/_basePropertyOf.js")({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"});module.exports=deburrLetter},"./node_modules/lodash/_defineProperty.js":function(module,exports,__webpack_require__){var getNative=__webpack_require__("./node_modules/lodash/_getNative.js"),defineProperty=function(){try{var func=getNative(Object,"defineProperty");return func({},"",{}),func}catch(e){}}();module.exports=defineProperty},"./node_modules/lodash/_equalArrays.js":function(module,exports,__webpack_require__){var SetCache=__webpack_require__("./node_modules/lodash/_SetCache.js"),arraySome=__webpack_require__("./node_modules/lodash/_arraySome.js"),cacheHas=__webpack_require__("./node_modules/lodash/_cacheHas.js");module.exports=function equalArrays(array,other,bitmask,customizer,equalFunc,stack){var isPartial=1&bitmask,arrLength=array.length,othLength=other.length;if(arrLength!=othLength&&!(isPartial&&othLength>arrLength))return!1;var arrStacked=stack.get(array),othStacked=stack.get(other);if(arrStacked&&othStacked)return arrStacked==other&&othStacked==array;var index=-1,result=!0,seen=2&bitmask?new SetCache:void 0;for(stack.set(array,other),stack.set(other,array);++index<arrLength;){var arrValue=array[index],othValue=other[index];if(customizer)var compared=isPartial?customizer(othValue,arrValue,index,other,array,stack):customizer(arrValue,othValue,index,array,other,stack);if(void 0!==compared){if(compared)continue;result=!1;break}if(seen){if(!arraySome(other,(function(othValue,othIndex){if(!cacheHas(seen,othIndex)&&(arrValue===othValue||equalFunc(arrValue,othValue,bitmask,customizer,stack)))return seen.push(othIndex)}))){result=!1;break}}else if(arrValue!==othValue&&!equalFunc(arrValue,othValue,bitmask,customizer,stack)){result=!1;break}}return stack.delete(array),stack.delete(other),result}},"./node_modules/lodash/_equalByTag.js":function(module,exports,__webpack_require__){var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),Uint8Array=__webpack_require__("./node_modules/lodash/_Uint8Array.js"),eq=__webpack_require__("./node_modules/lodash/eq.js"),equalArrays=__webpack_require__("./node_modules/lodash/_equalArrays.js"),mapToArray=__webpack_require__("./node_modules/lodash/_mapToArray.js"),setToArray=__webpack_require__("./node_modules/lodash/_setToArray.js"),symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;module.exports=function equalByTag(object,other,tag,bitmask,customizer,equalFunc,stack){switch(tag){case"[object DataView]":if(object.byteLength!=other.byteLength||object.byteOffset!=other.byteOffset)return!1;object=object.buffer,other=other.buffer;case"[object ArrayBuffer]":return!(object.byteLength!=other.byteLength||!equalFunc(new Uint8Array(object),new Uint8Array(other)));case"[object Boolean]":case"[object Date]":case"[object Number]":return eq(+object,+other);case"[object Error]":return object.name==other.name&&object.message==other.message;case"[object RegExp]":case"[object String]":return object==other+"";case"[object Map]":var convert=mapToArray;case"[object Set]":var isPartial=1&bitmask;if(convert||(convert=setToArray),object.size!=other.size&&!isPartial)return!1;var stacked=stack.get(object);if(stacked)return stacked==other;bitmask|=2,stack.set(object,other);var result=equalArrays(convert(object),convert(other),bitmask,customizer,equalFunc,stack);return stack.delete(object),result;case"[object Symbol]":if(symbolValueOf)return symbolValueOf.call(object)==symbolValueOf.call(other)}return!1}},"./node_modules/lodash/_equalObjects.js":function(module,exports,__webpack_require__){var getAllKeys=__webpack_require__("./node_modules/lodash/_getAllKeys.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function equalObjects(object,other,bitmask,customizer,equalFunc,stack){var isPartial=1&bitmask,objProps=getAllKeys(object),objLength=objProps.length;if(objLength!=getAllKeys(other).length&&!isPartial)return!1;for(var index=objLength;index--;){var key=objProps[index];if(!(isPartial?key in other:hasOwnProperty.call(other,key)))return!1}var objStacked=stack.get(object),othStacked=stack.get(other);if(objStacked&&othStacked)return objStacked==other&&othStacked==object;var result=!0;stack.set(object,other),stack.set(other,object);for(var skipCtor=isPartial;++index<objLength;){var objValue=object[key=objProps[index]],othValue=other[key];if(customizer)var compared=isPartial?customizer(othValue,objValue,key,other,object,stack):customizer(objValue,othValue,key,object,other,stack);if(!(void 0===compared?objValue===othValue||equalFunc(objValue,othValue,bitmask,customizer,stack):compared)){result=!1;break}skipCtor||(skipCtor="constructor"==key)}if(result&&!skipCtor){var objCtor=object.constructor,othCtor=other.constructor;objCtor==othCtor||!("constructor"in object)||!("constructor"in other)||"function"==typeof objCtor&&objCtor instanceof objCtor&&"function"==typeof othCtor&&othCtor instanceof othCtor||(result=!1)}return stack.delete(object),stack.delete(other),result}},"./node_modules/lodash/_flatRest.js":function(module,exports,__webpack_require__){var flatten=__webpack_require__("./node_modules/lodash/flatten.js"),overRest=__webpack_require__("./node_modules/lodash/_overRest.js"),setToString=__webpack_require__("./node_modules/lodash/_setToString.js");module.exports=function flatRest(func){return setToString(overRest(func,void 0,flatten),func+"")}},"./node_modules/lodash/_freeGlobal.js":function(module,exports,__webpack_require__){(function(global){var freeGlobal="object"==typeof global&&global&&global.Object===Object&&global;module.exports=freeGlobal}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/lodash/_getAllKeys.js":function(module,exports,__webpack_require__){var baseGetAllKeys=__webpack_require__("./node_modules/lodash/_baseGetAllKeys.js"),getSymbols=__webpack_require__("./node_modules/lodash/_getSymbols.js"),keys=__webpack_require__("./node_modules/lodash/keys.js");module.exports=function getAllKeys(object){return baseGetAllKeys(object,keys,getSymbols)}},"./node_modules/lodash/_getAllKeysIn.js":function(module,exports,__webpack_require__){var baseGetAllKeys=__webpack_require__("./node_modules/lodash/_baseGetAllKeys.js"),getSymbolsIn=__webpack_require__("./node_modules/lodash/_getSymbolsIn.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js");module.exports=function getAllKeysIn(object){return baseGetAllKeys(object,keysIn,getSymbolsIn)}},"./node_modules/lodash/_getMapData.js":function(module,exports,__webpack_require__){var isKeyable=__webpack_require__("./node_modules/lodash/_isKeyable.js");module.exports=function getMapData(map,key){var data=map.__data__;return isKeyable(key)?data["string"==typeof key?"string":"hash"]:data.map}},"./node_modules/lodash/_getMatchData.js":function(module,exports,__webpack_require__){var isStrictComparable=__webpack_require__("./node_modules/lodash/_isStrictComparable.js"),keys=__webpack_require__("./node_modules/lodash/keys.js");module.exports=function getMatchData(object){for(var result=keys(object),length=result.length;length--;){var key=result[length],value=object[key];result[length]=[key,value,isStrictComparable(value)]}return result}},"./node_modules/lodash/_getNative.js":function(module,exports,__webpack_require__){var baseIsNative=__webpack_require__("./node_modules/lodash/_baseIsNative.js"),getValue=__webpack_require__("./node_modules/lodash/_getValue.js");module.exports=function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}},"./node_modules/lodash/_getPrototype.js":function(module,exports,__webpack_require__){var getPrototype=__webpack_require__("./node_modules/lodash/_overArg.js")(Object.getPrototypeOf,Object);module.exports=getPrototype},"./node_modules/lodash/_getRawTag.js":function(module,exports,__webpack_require__){var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,nativeObjectToString=objectProto.toString,symToStringTag=Symbol?Symbol.toStringTag:void 0;module.exports=function getRawTag(value){var isOwn=hasOwnProperty.call(value,symToStringTag),tag=value[symToStringTag];try{value[symToStringTag]=void 0;var unmasked=!0}catch(e){}var result=nativeObjectToString.call(value);return unmasked&&(isOwn?value[symToStringTag]=tag:delete value[symToStringTag]),result}},"./node_modules/lodash/_getSymbols.js":function(module,exports,__webpack_require__){var arrayFilter=__webpack_require__("./node_modules/lodash/_arrayFilter.js"),stubArray=__webpack_require__("./node_modules/lodash/stubArray.js"),propertyIsEnumerable=Object.prototype.propertyIsEnumerable,nativeGetSymbols=Object.getOwnPropertySymbols,getSymbols=nativeGetSymbols?function(object){return null==object?[]:(object=Object(object),arrayFilter(nativeGetSymbols(object),(function(symbol){return propertyIsEnumerable.call(object,symbol)})))}:stubArray;module.exports=getSymbols},"./node_modules/lodash/_getSymbolsIn.js":function(module,exports,__webpack_require__){var arrayPush=__webpack_require__("./node_modules/lodash/_arrayPush.js"),getPrototype=__webpack_require__("./node_modules/lodash/_getPrototype.js"),getSymbols=__webpack_require__("./node_modules/lodash/_getSymbols.js"),stubArray=__webpack_require__("./node_modules/lodash/stubArray.js"),getSymbolsIn=Object.getOwnPropertySymbols?function(object){for(var result=[];object;)arrayPush(result,getSymbols(object)),object=getPrototype(object);return result}:stubArray;module.exports=getSymbolsIn},"./node_modules/lodash/_getTag.js":function(module,exports,__webpack_require__){var DataView=__webpack_require__("./node_modules/lodash/_DataView.js"),Map=__webpack_require__("./node_modules/lodash/_Map.js"),Promise=__webpack_require__("./node_modules/lodash/_Promise.js"),Set=__webpack_require__("./node_modules/lodash/_Set.js"),WeakMap=__webpack_require__("./node_modules/lodash/_WeakMap.js"),baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),toSource=__webpack_require__("./node_modules/lodash/_toSource.js"),dataViewCtorString=toSource(DataView),mapCtorString=toSource(Map),promiseCtorString=toSource(Promise),setCtorString=toSource(Set),weakMapCtorString=toSource(WeakMap),getTag=baseGetTag;(DataView&&"[object DataView]"!=getTag(new DataView(new ArrayBuffer(1)))||Map&&"[object Map]"!=getTag(new Map)||Promise&&"[object Promise]"!=getTag(Promise.resolve())||Set&&"[object Set]"!=getTag(new Set)||WeakMap&&"[object WeakMap]"!=getTag(new WeakMap))&&(getTag=function(value){var result=baseGetTag(value),Ctor="[object Object]"==result?value.constructor:void 0,ctorString=Ctor?toSource(Ctor):"";if(ctorString)switch(ctorString){case dataViewCtorString:return"[object DataView]";case mapCtorString:return"[object Map]";case promiseCtorString:return"[object Promise]";case setCtorString:return"[object Set]";case weakMapCtorString:return"[object WeakMap]"}return result}),module.exports=getTag},"./node_modules/lodash/_getValue.js":function(module,exports){module.exports=function getValue(object,key){return null==object?void 0:object[key]}},"./node_modules/lodash/_hasPath.js":function(module,exports,__webpack_require__){var castPath=__webpack_require__("./node_modules/lodash/_castPath.js"),isArguments=__webpack_require__("./node_modules/lodash/isArguments.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isIndex=__webpack_require__("./node_modules/lodash/_isIndex.js"),isLength=__webpack_require__("./node_modules/lodash/isLength.js"),toKey=__webpack_require__("./node_modules/lodash/_toKey.js");module.exports=function hasPath(object,path,hasFunc){for(var index=-1,length=(path=castPath(path,object)).length,result=!1;++index<length;){var key=toKey(path[index]);if(!(result=null!=object&&hasFunc(object,key)))break;object=object[key]}return result||++index!=length?result:!!(length=null==object?0:object.length)&&isLength(length)&&isIndex(key,length)&&(isArray(object)||isArguments(object))}},"./node_modules/lodash/_hasUnicode.js":function(module,exports){var reHasUnicode=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");module.exports=function hasUnicode(string){return reHasUnicode.test(string)}},"./node_modules/lodash/_hasUnicodeWord.js":function(module,exports){var reHasUnicodeWord=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;module.exports=function hasUnicodeWord(string){return reHasUnicodeWord.test(string)}},"./node_modules/lodash/_hashClear.js":function(module,exports,__webpack_require__){var nativeCreate=__webpack_require__("./node_modules/lodash/_nativeCreate.js");module.exports=function hashClear(){this.__data__=nativeCreate?nativeCreate(null):{},this.size=0}},"./node_modules/lodash/_hashDelete.js":function(module,exports){module.exports=function hashDelete(key){var result=this.has(key)&&delete this.__data__[key];return this.size-=result?1:0,result}},"./node_modules/lodash/_hashGet.js":function(module,exports,__webpack_require__){var nativeCreate=__webpack_require__("./node_modules/lodash/_nativeCreate.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function hashGet(key){var data=this.__data__;if(nativeCreate){var result=data[key];return"__lodash_hash_undefined__"===result?void 0:result}return hasOwnProperty.call(data,key)?data[key]:void 0}},"./node_modules/lodash/_hashHas.js":function(module,exports,__webpack_require__){var nativeCreate=__webpack_require__("./node_modules/lodash/_nativeCreate.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function hashHas(key){var data=this.__data__;return nativeCreate?void 0!==data[key]:hasOwnProperty.call(data,key)}},"./node_modules/lodash/_hashSet.js":function(module,exports,__webpack_require__){var nativeCreate=__webpack_require__("./node_modules/lodash/_nativeCreate.js");module.exports=function hashSet(key,value){var data=this.__data__;return this.size+=this.has(key)?0:1,data[key]=nativeCreate&&void 0===value?"__lodash_hash_undefined__":value,this}},"./node_modules/lodash/_initCloneObject.js":function(module,exports,__webpack_require__){var baseCreate=__webpack_require__("./node_modules/lodash/_baseCreate.js"),getPrototype=__webpack_require__("./node_modules/lodash/_getPrototype.js"),isPrototype=__webpack_require__("./node_modules/lodash/_isPrototype.js");module.exports=function initCloneObject(object){return"function"!=typeof object.constructor||isPrototype(object)?{}:baseCreate(getPrototype(object))}},"./node_modules/lodash/_isFlattenable.js":function(module,exports,__webpack_require__){var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),isArguments=__webpack_require__("./node_modules/lodash/isArguments.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),spreadableSymbol=Symbol?Symbol.isConcatSpreadable:void 0;module.exports=function isFlattenable(value){return isArray(value)||isArguments(value)||!!(spreadableSymbol&&value&&value[spreadableSymbol])}},"./node_modules/lodash/_isIndex.js":function(module,exports){var reIsUint=/^(?:0|[1-9]\d*)$/;module.exports=function isIndex(value,length){var type=typeof value;return!!(length=null==length?9007199254740991:length)&&("number"==type||"symbol"!=type&&reIsUint.test(value))&&value>-1&&value%1==0&&value<length}},"./node_modules/lodash/_isIterateeCall.js":function(module,exports,__webpack_require__){var eq=__webpack_require__("./node_modules/lodash/eq.js"),isArrayLike=__webpack_require__("./node_modules/lodash/isArrayLike.js"),isIndex=__webpack_require__("./node_modules/lodash/_isIndex.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js");module.exports=function isIterateeCall(value,index,object){if(!isObject(object))return!1;var type=typeof index;return!!("number"==type?isArrayLike(object)&&isIndex(index,object.length):"string"==type&&index in object)&&eq(object[index],value)}},"./node_modules/lodash/_isKey.js":function(module,exports,__webpack_require__){var isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isSymbol=__webpack_require__("./node_modules/lodash/isSymbol.js"),reIsDeepProp=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,reIsPlainProp=/^\w*$/;module.exports=function isKey(value,object){if(isArray(value))return!1;var type=typeof value;return!("number"!=type&&"symbol"!=type&&"boolean"!=type&&null!=value&&!isSymbol(value))||(reIsPlainProp.test(value)||!reIsDeepProp.test(value)||null!=object&&value in Object(object))}},"./node_modules/lodash/_isKeyable.js":function(module,exports){module.exports=function isKeyable(value){var type=typeof value;return"string"==type||"number"==type||"symbol"==type||"boolean"==type?"__proto__"!==value:null===value}},"./node_modules/lodash/_isMasked.js":function(module,exports,__webpack_require__){var uid,coreJsData=__webpack_require__("./node_modules/lodash/_coreJsData.js"),maskSrcKey=(uid=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||""))?"Symbol(src)_1."+uid:"";module.exports=function isMasked(func){return!!maskSrcKey&&maskSrcKey in func}},"./node_modules/lodash/_isPrototype.js":function(module,exports){var objectProto=Object.prototype;module.exports=function isPrototype(value){var Ctor=value&&value.constructor;return value===("function"==typeof Ctor&&Ctor.prototype||objectProto)}},"./node_modules/lodash/_isStrictComparable.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/lodash/isObject.js");module.exports=function isStrictComparable(value){return value==value&&!isObject(value)}},"./node_modules/lodash/_listCacheClear.js":function(module,exports){module.exports=function listCacheClear(){this.__data__=[],this.size=0}},"./node_modules/lodash/_listCacheDelete.js":function(module,exports,__webpack_require__){var assocIndexOf=__webpack_require__("./node_modules/lodash/_assocIndexOf.js"),splice=Array.prototype.splice;module.exports=function listCacheDelete(key){var data=this.__data__,index=assocIndexOf(data,key);return!(index<0)&&(index==data.length-1?data.pop():splice.call(data,index,1),--this.size,!0)}},"./node_modules/lodash/_listCacheGet.js":function(module,exports,__webpack_require__){var assocIndexOf=__webpack_require__("./node_modules/lodash/_assocIndexOf.js");module.exports=function listCacheGet(key){var data=this.__data__,index=assocIndexOf(data,key);return index<0?void 0:data[index][1]}},"./node_modules/lodash/_listCacheHas.js":function(module,exports,__webpack_require__){var assocIndexOf=__webpack_require__("./node_modules/lodash/_assocIndexOf.js");module.exports=function listCacheHas(key){return assocIndexOf(this.__data__,key)>-1}},"./node_modules/lodash/_listCacheSet.js":function(module,exports,__webpack_require__){var assocIndexOf=__webpack_require__("./node_modules/lodash/_assocIndexOf.js");module.exports=function listCacheSet(key,value){var data=this.__data__,index=assocIndexOf(data,key);return index<0?(++this.size,data.push([key,value])):data[index][1]=value,this}},"./node_modules/lodash/_mapCacheClear.js":function(module,exports,__webpack_require__){var Hash=__webpack_require__("./node_modules/lodash/_Hash.js"),ListCache=__webpack_require__("./node_modules/lodash/_ListCache.js"),Map=__webpack_require__("./node_modules/lodash/_Map.js");module.exports=function mapCacheClear(){this.size=0,this.__data__={hash:new Hash,map:new(Map||ListCache),string:new Hash}}},"./node_modules/lodash/_mapCacheDelete.js":function(module,exports,__webpack_require__){var getMapData=__webpack_require__("./node_modules/lodash/_getMapData.js");module.exports=function mapCacheDelete(key){var result=getMapData(this,key).delete(key);return this.size-=result?1:0,result}},"./node_modules/lodash/_mapCacheGet.js":function(module,exports,__webpack_require__){var getMapData=__webpack_require__("./node_modules/lodash/_getMapData.js");module.exports=function mapCacheGet(key){return getMapData(this,key).get(key)}},"./node_modules/lodash/_mapCacheHas.js":function(module,exports,__webpack_require__){var getMapData=__webpack_require__("./node_modules/lodash/_getMapData.js");module.exports=function mapCacheHas(key){return getMapData(this,key).has(key)}},"./node_modules/lodash/_mapCacheSet.js":function(module,exports,__webpack_require__){var getMapData=__webpack_require__("./node_modules/lodash/_getMapData.js");module.exports=function mapCacheSet(key,value){var data=getMapData(this,key),size=data.size;return data.set(key,value),this.size+=data.size==size?0:1,this}},"./node_modules/lodash/_mapToArray.js":function(module,exports){module.exports=function mapToArray(map){var index=-1,result=Array(map.size);return map.forEach((function(value,key){result[++index]=[key,value]})),result}},"./node_modules/lodash/_matchesStrictComparable.js":function(module,exports){module.exports=function matchesStrictComparable(key,srcValue){return function(object){return null!=object&&(object[key]===srcValue&&(void 0!==srcValue||key in Object(object)))}}},"./node_modules/lodash/_memoizeCapped.js":function(module,exports,__webpack_require__){var memoize=__webpack_require__("./node_modules/lodash/memoize.js");module.exports=function memoizeCapped(func){var result=memoize(func,(function(key){return 500===cache.size&&cache.clear(),key})),cache=result.cache;return result}},"./node_modules/lodash/_nativeCreate.js":function(module,exports,__webpack_require__){var nativeCreate=__webpack_require__("./node_modules/lodash/_getNative.js")(Object,"create");module.exports=nativeCreate},"./node_modules/lodash/_nativeKeys.js":function(module,exports,__webpack_require__){var nativeKeys=__webpack_require__("./node_modules/lodash/_overArg.js")(Object.keys,Object);module.exports=nativeKeys},"./node_modules/lodash/_nativeKeysIn.js":function(module,exports){module.exports=function nativeKeysIn(object){var result=[];if(null!=object)for(var key in Object(object))result.push(key);return result}},"./node_modules/lodash/_nodeUtil.js":function(module,exports,__webpack_require__){(function(module){var freeGlobal=__webpack_require__("./node_modules/lodash/_freeGlobal.js"),freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&"object"==typeof module&&module&&!module.nodeType&&module,freeProcess=freeModule&&freeModule.exports===freeExports&&freeGlobal.process,nodeUtil=function(){try{var types=freeModule&&freeModule.require&&freeModule.require("util").types;return types||freeProcess&&freeProcess.binding&&freeProcess.binding("util")}catch(e){}}();module.exports=nodeUtil}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/lodash/_objectToString.js":function(module,exports){var nativeObjectToString=Object.prototype.toString;module.exports=function objectToString(value){return nativeObjectToString.call(value)}},"./node_modules/lodash/_overArg.js":function(module,exports){module.exports=function overArg(func,transform){return function(arg){return func(transform(arg))}}},"./node_modules/lodash/_overRest.js":function(module,exports,__webpack_require__){var apply=__webpack_require__("./node_modules/lodash/_apply.js"),nativeMax=Math.max;module.exports=function overRest(func,start,transform){return start=nativeMax(void 0===start?func.length-1:start,0),function(){for(var args=arguments,index=-1,length=nativeMax(args.length-start,0),array=Array(length);++index<length;)array[index]=args[start+index];index=-1;for(var otherArgs=Array(start+1);++index<start;)otherArgs[index]=args[index];return otherArgs[start]=transform(array),apply(func,this,otherArgs)}}},"./node_modules/lodash/_root.js":function(module,exports,__webpack_require__){var freeGlobal=__webpack_require__("./node_modules/lodash/_freeGlobal.js"),freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")();module.exports=root},"./node_modules/lodash/_safeGet.js":function(module,exports){module.exports=function safeGet(object,key){if(("constructor"!==key||"function"!=typeof object[key])&&"__proto__"!=key)return object[key]}},"./node_modules/lodash/_setCacheAdd.js":function(module,exports){module.exports=function setCacheAdd(value){return this.__data__.set(value,"__lodash_hash_undefined__"),this}},"./node_modules/lodash/_setCacheHas.js":function(module,exports){module.exports=function setCacheHas(value){return this.__data__.has(value)}},"./node_modules/lodash/_setToArray.js":function(module,exports){module.exports=function setToArray(set){var index=-1,result=Array(set.size);return set.forEach((function(value){result[++index]=value})),result}},"./node_modules/lodash/_setToString.js":function(module,exports,__webpack_require__){var baseSetToString=__webpack_require__("./node_modules/lodash/_baseSetToString.js"),setToString=__webpack_require__("./node_modules/lodash/_shortOut.js")(baseSetToString);module.exports=setToString},"./node_modules/lodash/_shortOut.js":function(module,exports){var nativeNow=Date.now;module.exports=function shortOut(func){var count=0,lastCalled=0;return function(){var stamp=nativeNow(),remaining=16-(stamp-lastCalled);if(lastCalled=stamp,remaining>0){if(++count>=800)return arguments[0]}else count=0;return func.apply(void 0,arguments)}}},"./node_modules/lodash/_stackClear.js":function(module,exports,__webpack_require__){var ListCache=__webpack_require__("./node_modules/lodash/_ListCache.js");module.exports=function stackClear(){this.__data__=new ListCache,this.size=0}},"./node_modules/lodash/_stackDelete.js":function(module,exports){module.exports=function stackDelete(key){var data=this.__data__,result=data.delete(key);return this.size=data.size,result}},"./node_modules/lodash/_stackGet.js":function(module,exports){module.exports=function stackGet(key){return this.__data__.get(key)}},"./node_modules/lodash/_stackHas.js":function(module,exports){module.exports=function stackHas(key){return this.__data__.has(key)}},"./node_modules/lodash/_stackSet.js":function(module,exports,__webpack_require__){var ListCache=__webpack_require__("./node_modules/lodash/_ListCache.js"),Map=__webpack_require__("./node_modules/lodash/_Map.js"),MapCache=__webpack_require__("./node_modules/lodash/_MapCache.js");module.exports=function stackSet(key,value){var data=this.__data__;if(data instanceof ListCache){var pairs=data.__data__;if(!Map||pairs.length<199)return pairs.push([key,value]),this.size=++data.size,this;data=this.__data__=new MapCache(pairs)}return data.set(key,value),this.size=data.size,this}},"./node_modules/lodash/_stringToArray.js":function(module,exports,__webpack_require__){var asciiToArray=__webpack_require__("./node_modules/lodash/_asciiToArray.js"),hasUnicode=__webpack_require__("./node_modules/lodash/_hasUnicode.js"),unicodeToArray=__webpack_require__("./node_modules/lodash/_unicodeToArray.js");module.exports=function stringToArray(string){return hasUnicode(string)?unicodeToArray(string):asciiToArray(string)}},"./node_modules/lodash/_stringToPath.js":function(module,exports,__webpack_require__){var memoizeCapped=__webpack_require__("./node_modules/lodash/_memoizeCapped.js"),rePropName=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,reEscapeChar=/\\(\\)?/g,stringToPath=memoizeCapped((function(string){var result=[];return 46===string.charCodeAt(0)&&result.push(""),string.replace(rePropName,(function(match,number,quote,subString){result.push(quote?subString.replace(reEscapeChar,"$1"):number||match)})),result}));module.exports=stringToPath},"./node_modules/lodash/_toKey.js":function(module,exports,__webpack_require__){var isSymbol=__webpack_require__("./node_modules/lodash/isSymbol.js");module.exports=function toKey(value){if("string"==typeof value||isSymbol(value))return value;var result=value+"";return"0"==result&&1/value==-Infinity?"-0":result}},"./node_modules/lodash/_toSource.js":function(module,exports){var funcToString=Function.prototype.toString;module.exports=function toSource(func){if(null!=func){try{return funcToString.call(func)}catch(e){}try{return func+""}catch(e){}}return""}},"./node_modules/lodash/_trimmedEndIndex.js":function(module,exports){var reWhitespace=/\s/;module.exports=function trimmedEndIndex(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index}},"./node_modules/lodash/_unicodeToArray.js":function(module,exports){var rsAstral="[\\ud800-\\udfff]",rsCombo="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",rsFitz="\\ud83c[\\udffb-\\udfff]",rsNonAstral="[^\\ud800-\\udfff]",rsRegional="(?:\\ud83c[\\udde6-\\uddff]){2}",rsSurrPair="[\\ud800-\\udbff][\\udc00-\\udfff]",reOptMod="(?:"+rsCombo+"|"+rsFitz+")"+"?",rsSeq="[\\ufe0e\\ufe0f]?"+reOptMod+("(?:\\u200d(?:"+[rsNonAstral,rsRegional,rsSurrPair].join("|")+")[\\ufe0e\\ufe0f]?"+reOptMod+")*"),rsSymbol="(?:"+[rsNonAstral+rsCombo+"?",rsCombo,rsRegional,rsSurrPair,rsAstral].join("|")+")",reUnicode=RegExp(rsFitz+"(?="+rsFitz+")|"+rsSymbol+rsSeq,"g");module.exports=function unicodeToArray(string){return string.match(reUnicode)||[]}},"./node_modules/lodash/_unicodeWords.js":function(module,exports){var rsBreakRange="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",rsBreak="["+rsBreakRange+"]",rsDigits="\\d+",rsDingbat="[\\u2700-\\u27bf]",rsLower="[a-z\\xdf-\\xf6\\xf8-\\xff]",rsMisc="[^\\ud800-\\udfff"+rsBreakRange+rsDigits+"\\u2700-\\u27bfa-z\\xdf-\\xf6\\xf8-\\xffA-Z\\xc0-\\xd6\\xd8-\\xde]",rsRegional="(?:\\ud83c[\\udde6-\\uddff]){2}",rsSurrPair="[\\ud800-\\udbff][\\udc00-\\udfff]",rsUpper="[A-Z\\xc0-\\xd6\\xd8-\\xde]",rsMiscLower="(?:"+rsLower+"|"+rsMisc+")",rsMiscUpper="(?:"+rsUpper+"|"+rsMisc+")",reOptMod="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",rsSeq="[\\ufe0e\\ufe0f]?"+reOptMod+("(?:\\u200d(?:"+["[^\\ud800-\\udfff]",rsRegional,rsSurrPair].join("|")+")[\\ufe0e\\ufe0f]?"+reOptMod+")*"),rsEmoji="(?:"+[rsDingbat,rsRegional,rsSurrPair].join("|")+")"+rsSeq,reUnicodeWord=RegExp([rsUpper+"?"+rsLower+"+(?:['’](?:d|ll|m|re|s|t|ve))?(?="+[rsBreak,rsUpper,"$"].join("|")+")",rsMiscUpper+"+(?:['’](?:D|LL|M|RE|S|T|VE))?(?="+[rsBreak,rsUpper+rsMiscLower,"$"].join("|")+")",rsUpper+"?"+rsMiscLower+"+(?:['’](?:d|ll|m|re|s|t|ve))?",rsUpper+"+(?:['’](?:D|LL|M|RE|S|T|VE))?","\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",rsDigits,rsEmoji].join("|"),"g");module.exports=function unicodeWords(string){return string.match(reUnicodeWord)||[]}},"./node_modules/lodash/constant.js":function(module,exports){module.exports=function constant(value){return function(){return value}}},"./node_modules/lodash/countBy.js":function(module,exports,__webpack_require__){var baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js"),createAggregator=__webpack_require__("./node_modules/lodash/_createAggregator.js"),hasOwnProperty=Object.prototype.hasOwnProperty,countBy=createAggregator((function(result,value,key){hasOwnProperty.call(result,key)?++result[key]:baseAssignValue(result,key,1)}));module.exports=countBy},"./node_modules/lodash/debounce.js":function(module,exports,__webpack_require__){var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),now=__webpack_require__("./node_modules/lodash/now.js"),toNumber=__webpack_require__("./node_modules/lodash/toNumber.js"),nativeMax=Math.max,nativeMin=Math.min;module.exports=function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced}},"./node_modules/lodash/deburr.js":function(module,exports,__webpack_require__){var deburrLetter=__webpack_require__("./node_modules/lodash/_deburrLetter.js"),toString=__webpack_require__("./node_modules/lodash/toString.js"),reLatin=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,reComboMark=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");module.exports=function deburr(string){return(string=toString(string))&&string.replace(reLatin,deburrLetter).replace(reComboMark,"")}},"./node_modules/lodash/eq.js":function(module,exports){module.exports=function eq(value,other){return value===other||value!=value&&other!=other}},"./node_modules/lodash/flatten.js":function(module,exports,__webpack_require__){var baseFlatten=__webpack_require__("./node_modules/lodash/_baseFlatten.js");module.exports=function flatten(array){return(null==array?0:array.length)?baseFlatten(array,1):[]}},"./node_modules/lodash/get.js":function(module,exports,__webpack_require__){var baseGet=__webpack_require__("./node_modules/lodash/_baseGet.js");module.exports=function get(object,path,defaultValue){var result=null==object?void 0:baseGet(object,path);return void 0===result?defaultValue:result}},"./node_modules/lodash/hasIn.js":function(module,exports,__webpack_require__){var baseHasIn=__webpack_require__("./node_modules/lodash/_baseHasIn.js"),hasPath=__webpack_require__("./node_modules/lodash/_hasPath.js");module.exports=function hasIn(object,path){return null!=object&&hasPath(object,path,baseHasIn)}},"./node_modules/lodash/identity.js":function(module,exports){module.exports=function identity(value){return value}},"./node_modules/lodash/isArguments.js":function(module,exports,__webpack_require__){var baseIsArguments=__webpack_require__("./node_modules/lodash/_baseIsArguments.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js"),objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,propertyIsEnumerable=objectProto.propertyIsEnumerable,isArguments=baseIsArguments(function(){return arguments}())?baseIsArguments:function(value){return isObjectLike(value)&&hasOwnProperty.call(value,"callee")&&!propertyIsEnumerable.call(value,"callee")};module.exports=isArguments},"./node_modules/lodash/isArray.js":function(module,exports){var isArray=Array.isArray;module.exports=isArray},"./node_modules/lodash/isArrayLike.js":function(module,exports,__webpack_require__){var isFunction=__webpack_require__("./node_modules/lodash/isFunction.js"),isLength=__webpack_require__("./node_modules/lodash/isLength.js");module.exports=function isArrayLike(value){return null!=value&&isLength(value.length)&&!isFunction(value)}},"./node_modules/lodash/isArrayLikeObject.js":function(module,exports,__webpack_require__){var isArrayLike=__webpack_require__("./node_modules/lodash/isArrayLike.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function isArrayLikeObject(value){return isObjectLike(value)&&isArrayLike(value)}},"./node_modules/lodash/isBuffer.js":function(module,exports,__webpack_require__){(function(module){var root=__webpack_require__("./node_modules/lodash/_root.js"),stubFalse=__webpack_require__("./node_modules/lodash/stubFalse.js"),freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&"object"==typeof module&&module&&!module.nodeType&&module,Buffer=freeModule&&freeModule.exports===freeExports?root.Buffer:void 0,isBuffer=(Buffer?Buffer.isBuffer:void 0)||stubFalse;module.exports=isBuffer}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/lodash/isEqual.js":function(module,exports,__webpack_require__){var baseIsEqual=__webpack_require__("./node_modules/lodash/_baseIsEqual.js");module.exports=function isEqual(value,other){return baseIsEqual(value,other)}},"./node_modules/lodash/isFunction.js":function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js");module.exports=function isFunction(value){if(!isObject(value))return!1;var tag=baseGetTag(value);return"[object Function]"==tag||"[object GeneratorFunction]"==tag||"[object AsyncFunction]"==tag||"[object Proxy]"==tag}},"./node_modules/lodash/isLength.js":function(module,exports){module.exports=function isLength(value){return"number"==typeof value&&value>-1&&value%1==0&&value<=9007199254740991}},"./node_modules/lodash/isObject.js":function(module,exports){module.exports=function isObject(value){var type=typeof value;return null!=value&&("object"==type||"function"==type)}},"./node_modules/lodash/isObjectLike.js":function(module,exports){module.exports=function isObjectLike(value){return null!=value&&"object"==typeof value}},"./node_modules/lodash/isPlainObject.js":function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),getPrototype=__webpack_require__("./node_modules/lodash/_getPrototype.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js"),funcProto=Function.prototype,objectProto=Object.prototype,funcToString=funcProto.toString,hasOwnProperty=objectProto.hasOwnProperty,objectCtorString=funcToString.call(Object);module.exports=function isPlainObject(value){if(!isObjectLike(value)||"[object Object]"!=baseGetTag(value))return!1;var proto=getPrototype(value);if(null===proto)return!0;var Ctor=hasOwnProperty.call(proto,"constructor")&&proto.constructor;return"function"==typeof Ctor&&Ctor instanceof Ctor&&funcToString.call(Ctor)==objectCtorString}},"./node_modules/lodash/isString.js":function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function isString(value){return"string"==typeof value||!isArray(value)&&isObjectLike(value)&&"[object String]"==baseGetTag(value)}},"./node_modules/lodash/isSymbol.js":function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__("./node_modules/lodash/_baseGetTag.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function isSymbol(value){return"symbol"==typeof value||isObjectLike(value)&&"[object Symbol]"==baseGetTag(value)}},"./node_modules/lodash/isTypedArray.js":function(module,exports,__webpack_require__){var baseIsTypedArray=__webpack_require__("./node_modules/lodash/_baseIsTypedArray.js"),baseUnary=__webpack_require__("./node_modules/lodash/_baseUnary.js"),nodeUtil=__webpack_require__("./node_modules/lodash/_nodeUtil.js"),nodeIsTypedArray=nodeUtil&&nodeUtil.isTypedArray,isTypedArray=nodeIsTypedArray?baseUnary(nodeIsTypedArray):baseIsTypedArray;module.exports=isTypedArray},"./node_modules/lodash/keys.js":function(module,exports,__webpack_require__){var arrayLikeKeys=__webpack_require__("./node_modules/lodash/_arrayLikeKeys.js"),baseKeys=__webpack_require__("./node_modules/lodash/_baseKeys.js"),isArrayLike=__webpack_require__("./node_modules/lodash/isArrayLike.js");module.exports=function keys(object){return isArrayLike(object)?arrayLikeKeys(object):baseKeys(object)}},"./node_modules/lodash/keysIn.js":function(module,exports,__webpack_require__){var arrayLikeKeys=__webpack_require__("./node_modules/lodash/_arrayLikeKeys.js"),baseKeysIn=__webpack_require__("./node_modules/lodash/_baseKeysIn.js"),isArrayLike=__webpack_require__("./node_modules/lodash/isArrayLike.js");module.exports=function keysIn(object){return isArrayLike(object)?arrayLikeKeys(object,!0):baseKeysIn(object)}},"./node_modules/lodash/mapValues.js":function(module,exports,__webpack_require__){var baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js"),baseForOwn=__webpack_require__("./node_modules/lodash/_baseForOwn.js"),baseIteratee=__webpack_require__("./node_modules/lodash/_baseIteratee.js");module.exports=function mapValues(object,iteratee){var result={};return iteratee=baseIteratee(iteratee,3),baseForOwn(object,(function(value,key,object){baseAssignValue(result,key,iteratee(value,key,object))})),result}},"./node_modules/lodash/memoize.js":function(module,exports,__webpack_require__){var MapCache=__webpack_require__("./node_modules/lodash/_MapCache.js");function memoize(func,resolver){if("function"!=typeof func||null!=resolver&&"function"!=typeof resolver)throw new TypeError("Expected a function");var memoized=function(){var args=arguments,key=resolver?resolver.apply(this,args):args[0],cache=memoized.cache;if(cache.has(key))return cache.get(key);var result=func.apply(this,args);return memoized.cache=cache.set(key,result)||cache,result};return memoized.cache=new(memoize.Cache||MapCache),memoized}memoize.Cache=MapCache,module.exports=memoize},"./node_modules/lodash/mergeWith.js":function(module,exports,__webpack_require__){var baseMerge=__webpack_require__("./node_modules/lodash/_baseMerge.js"),mergeWith=__webpack_require__("./node_modules/lodash/_createAssigner.js")((function(object,source,srcIndex,customizer){baseMerge(object,source,srcIndex,customizer)}));module.exports=mergeWith},"./node_modules/lodash/now.js":function(module,exports,__webpack_require__){var root=__webpack_require__("./node_modules/lodash/_root.js");module.exports=function(){return root.Date.now()}},"./node_modules/lodash/pick.js":function(module,exports,__webpack_require__){var basePick=__webpack_require__("./node_modules/lodash/_basePick.js"),pick=__webpack_require__("./node_modules/lodash/_flatRest.js")((function(object,paths){return null==object?{}:basePick(object,paths)}));module.exports=pick},"./node_modules/lodash/pickBy.js":function(module,exports,__webpack_require__){var arrayMap=__webpack_require__("./node_modules/lodash/_arrayMap.js"),baseIteratee=__webpack_require__("./node_modules/lodash/_baseIteratee.js"),basePickBy=__webpack_require__("./node_modules/lodash/_basePickBy.js"),getAllKeysIn=__webpack_require__("./node_modules/lodash/_getAllKeysIn.js");module.exports=function pickBy(object,predicate){if(null==object)return{};var props=arrayMap(getAllKeysIn(object),(function(prop){return[prop]}));return predicate=baseIteratee(predicate),basePickBy(object,props,(function(value,path){return predicate(value,path[0])}))}},"./node_modules/lodash/property.js":function(module,exports,__webpack_require__){var baseProperty=__webpack_require__("./node_modules/lodash/_baseProperty.js"),basePropertyDeep=__webpack_require__("./node_modules/lodash/_basePropertyDeep.js"),isKey=__webpack_require__("./node_modules/lodash/_isKey.js"),toKey=__webpack_require__("./node_modules/lodash/_toKey.js");module.exports=function property(path){return isKey(path)?baseProperty(toKey(path)):basePropertyDeep(path)}},"./node_modules/lodash/startCase.js":function(module,exports,__webpack_require__){var createCompounder=__webpack_require__("./node_modules/lodash/_createCompounder.js"),upperFirst=__webpack_require__("./node_modules/lodash/upperFirst.js"),startCase=createCompounder((function(result,word,index){return result+(index?" ":"")+upperFirst(word)}));module.exports=startCase},"./node_modules/lodash/stubArray.js":function(module,exports){module.exports=function stubArray(){return[]}},"./node_modules/lodash/stubFalse.js":function(module,exports){module.exports=function stubFalse(){return!1}},"./node_modules/lodash/toNumber.js":function(module,exports,__webpack_require__){var baseTrim=__webpack_require__("./node_modules/lodash/_baseTrim.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isSymbol=__webpack_require__("./node_modules/lodash/isSymbol.js"),reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;module.exports=function toNumber(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value}},"./node_modules/lodash/toPlainObject.js":function(module,exports,__webpack_require__){var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js");module.exports=function toPlainObject(value){return copyObject(value,keysIn(value))}},"./node_modules/lodash/toString.js":function(module,exports,__webpack_require__){var baseToString=__webpack_require__("./node_modules/lodash/_baseToString.js");module.exports=function toString(value){return null==value?"":baseToString(value)}},"./node_modules/lodash/upperFirst.js":function(module,exports,__webpack_require__){var upperFirst=__webpack_require__("./node_modules/lodash/_createCaseFirst.js")("toUpperCase");module.exports=upperFirst},"./node_modules/lodash/words.js":function(module,exports,__webpack_require__){var asciiWords=__webpack_require__("./node_modules/lodash/_asciiWords.js"),hasUnicodeWord=__webpack_require__("./node_modules/lodash/_hasUnicodeWord.js"),toString=__webpack_require__("./node_modules/lodash/toString.js"),unicodeWords=__webpack_require__("./node_modules/lodash/_unicodeWords.js");module.exports=function words(string,pattern,guard){return string=toString(string),void 0===(pattern=guard?void 0:pattern)?hasUnicodeWord(string)?unicodeWords(string):asciiWords(string):string.match(pattern)||[]}},"./node_modules/memoizerific/memoizerific.js":function(module,exports,__webpack_require__){module.exports=function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,(function(e){var n=t[o][1][e];return s(n||e)}),l,l.exports,e,t,n,r)}return n[o].exports}for(var i=!1,o=0;o<r.length;o++)s(r[o]);return s}({1:[function(_dereq_,module,exports){module.exports=function(forceSimilar){return"function"!=typeof Map||forceSimilar?new(_dereq_("./similar")):new Map}},{"./similar":2}],2:[function(_dereq_,module,exports){function Similar(){return this.list=[],this.lastItem=void 0,this.size=0,this}Similar.prototype.get=function(key){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?this.lastItem.val:(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val):void 0},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key:key,val:val},this.list.push(this.lastItem),this.size++,this)},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),(index=this.indexOf(key))>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return!(!this.lastItem||!this.isEqual(this.lastItem.key,key))||(index=this.indexOf(key))>=0&&(this.lastItem=this.list[index],!0)},Similar.prototype.forEach=function(callback,thisArg){var i;for(i=0;i<this.size;i++)callback.call(thisArg||this,this.list[i].val,this.list[i].key,this)},Similar.prototype.indexOf=function(key){var i;for(i=0;i<this.size;i++)if(this.isEqual(this.list[i].key,key))return i;return-1},Similar.prototype.isEqual=function(val1,val2){return val1===val2||val1!=val1&&val2!=val2},module.exports=Similar},{}],3:[function(_dereq_,module,exports){var MapOrSimilar=_dereq_("map-or-similar");function moveToMostRecentLru(lru,lruPath){var isMatch,i,ii,lruLen=lru.length,lruPathLen=lruPath.length;for(i=0;i<lruLen;i++){for(isMatch=!0,ii=0;ii<lruPathLen;ii++)if(!isEqual(lru[i][ii].arg,lruPath[ii].arg)){isMatch=!1;break}if(isMatch)break}lru.push(lru.splice(i,1)[0])}function removeCachedResult(removedLru){var tmp,i,removedLruLen=removedLru.length,currentLru=removedLru[removedLruLen-1];for(currentLru.cacheItem.delete(currentLru.arg),i=removedLruLen-2;i>=0&&(!(tmp=(currentLru=removedLru[i]).cacheItem.get(currentLru.arg))||!tmp.size);i--)currentLru.cacheItem.delete(currentLru.arg)}function isEqual(val1,val2){return val1===val2||val1!=val1&&val2!=val2}module.exports=function(limit){var cache=new MapOrSimilar(!1),lru=[];return function(fn){var memoizerific=function(){var newMap,fnResult,i,currentCache=cache,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0;if((memoizerific.numArgs||0===memoizerific.numArgs)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i=0;i<argsLengthMinusOne;i++)lruPath[i]={cacheItem:currentCache,arg:arguments[i]},currentCache.has(arguments[i])?currentCache=currentCache.get(arguments[i]):(isMemoized=!1,newMap=new MapOrSimilar(!1),currentCache.set(arguments[i],newMap),currentCache=newMap);return isMemoized&&(currentCache.has(arguments[argsLengthMinusOne])?fnResult=currentCache.get(arguments[argsLengthMinusOne]):isMemoized=!1),isMemoized||(fnResult=fn.apply(null,arguments),currentCache.set(arguments[argsLengthMinusOne],fnResult)),limit>0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}}},{"map-or-similar":1}]},{},[3])(3)},"./node_modules/object-assign/index.js":function(module,exports,__webpack_require__){"use strict";var getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(null==val)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(val)}module.exports=function shouldUseNative(){try{if(!Object.assign)return!1;var test1=new String("abc");if(test1[5]="de","5"===Object.getOwnPropertyNames(test1)[0])return!1;for(var test2={},i=0;i<10;i++)test2["_"+String.fromCharCode(i)]=i;if("0123456789"!==Object.getOwnPropertyNames(test2).map((function(n){return test2[n]})).join(""))return!1;var test3={};return"abcdefghijklmnopqrst".split("").forEach((function(letter){test3[letter]=letter})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},test3)).join("")}catch(err){return!1}}()?Object.assign:function(target,source){for(var from,symbols,to=toObject(target),s=1;s<arguments.length;s++){for(var key in from=Object(arguments[s]))hasOwnProperty.call(from,key)&&(to[key]=from[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from);for(var i=0;i<symbols.length;i++)propIsEnumerable.call(from,symbols[i])&&(to[symbols[i]]=from[symbols[i]])}}return to}},"./node_modules/object-inspect/index.js":function(module,exports,__webpack_require__){var hasMap="function"==typeof Map&&Map.prototype,mapSizeDescriptor=Object.getOwnPropertyDescriptor&&hasMap?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,mapSize=hasMap&&mapSizeDescriptor&&"function"==typeof mapSizeDescriptor.get?mapSizeDescriptor.get:null,mapForEach=hasMap&&Map.prototype.forEach,hasSet="function"==typeof Set&&Set.prototype,setSizeDescriptor=Object.getOwnPropertyDescriptor&&hasSet?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,setSize=hasSet&&setSizeDescriptor&&"function"==typeof setSizeDescriptor.get?setSizeDescriptor.get:null,setForEach=hasSet&&Set.prototype.forEach,weakMapHas="function"==typeof WeakMap&&WeakMap.prototype?WeakMap.prototype.has:null,weakSetHas="function"==typeof WeakSet&&WeakSet.prototype?WeakSet.prototype.has:null,weakRefDeref="function"==typeof WeakRef&&WeakRef.prototype?WeakRef.prototype.deref:null,booleanValueOf=Boolean.prototype.valueOf,objectToString=Object.prototype.toString,functionToString=Function.prototype.toString,$match=String.prototype.match,$slice=String.prototype.slice,$replace=String.prototype.replace,$toUpperCase=String.prototype.toUpperCase,$toLowerCase=String.prototype.toLowerCase,$test=RegExp.prototype.test,$concat=Array.prototype.concat,$join=Array.prototype.join,$arrSlice=Array.prototype.slice,$floor=Math.floor,bigIntValueOf="function"==typeof BigInt?BigInt.prototype.valueOf:null,gOPS=Object.getOwnPropertySymbols,symToString="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?Symbol.prototype.toString:null,hasShammedSymbols="function"==typeof Symbol&&"object"==typeof Symbol.iterator,toStringTag="function"==typeof Symbol&&Symbol.toStringTag&&(typeof Symbol.toStringTag===hasShammedSymbols||"symbol")?Symbol.toStringTag:null,isEnumerable=Object.prototype.propertyIsEnumerable,gPO=("function"==typeof Reflect?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(O){return O.__proto__}:null);function addNumericSeparator(num,str){if(num===1/0||num===-1/0||num!=num||num&&num>-1e3&&num<1e3||$test.call(/e/,str))return str;var sepRegex=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;if("number"==typeof num){var int=num<0?-$floor(-num):$floor(num);if(int!==num){var intStr=String(int),dec=$slice.call(str,intStr.length+1);return $replace.call(intStr,sepRegex,"$&_")+"."+$replace.call($replace.call(dec,/([0-9]{3})/g,"$&_"),/_$/,"")}}return $replace.call(str,sepRegex,"$&_")}var inspectCustom=__webpack_require__(1).custom,inspectSymbol=inspectCustom&&isSymbol(inspectCustom)?inspectCustom:null;function wrapQuotes(s,defaultStyle,opts){var quoteChar="double"===(opts.quoteStyle||defaultStyle)?'"':"'";return quoteChar+s+quoteChar}function quote(s){return $replace.call(String(s),/"/g,"&quot;")}function isArray(obj){return!("[object Array]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}function isSymbol(obj){if(hasShammedSymbols)return obj&&"object"==typeof obj&&obj instanceof Symbol;if("symbol"==typeof obj)return!0;if(!obj||"object"!=typeof obj||!symToString)return!1;try{return symToString.call(obj),!0}catch(e){}return!1}module.exports=function inspect_(obj,options,depth,seen){var opts=options||{};if(has(opts,"quoteStyle")&&"single"!==opts.quoteStyle&&"double"!==opts.quoteStyle)throw new TypeError('option "quoteStyle" must be "single" or "double"');if(has(opts,"maxStringLength")&&("number"==typeof opts.maxStringLength?opts.maxStringLength<0&&opts.maxStringLength!==1/0:null!==opts.maxStringLength))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');var customInspect=!has(opts,"customInspect")||opts.customInspect;if("boolean"!=typeof customInspect&&"symbol"!==customInspect)throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(has(opts,"indent")&&null!==opts.indent&&"\t"!==opts.indent&&!(parseInt(opts.indent,10)===opts.indent&&opts.indent>0))throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');if(has(opts,"numericSeparator")&&"boolean"!=typeof opts.numericSeparator)throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');var numericSeparator=opts.numericSeparator;if(void 0===obj)return"undefined";if(null===obj)return"null";if("boolean"==typeof obj)return obj?"true":"false";if("string"==typeof obj)return inspectString(obj,opts);if("number"==typeof obj){if(0===obj)return 1/0/obj>0?"0":"-0";var str=String(obj);return numericSeparator?addNumericSeparator(obj,str):str}if("bigint"==typeof obj){var bigIntStr=String(obj)+"n";return numericSeparator?addNumericSeparator(obj,bigIntStr):bigIntStr}var maxDepth=void 0===opts.depth?5:opts.depth;if(void 0===depth&&(depth=0),depth>=maxDepth&&maxDepth>0&&"object"==typeof obj)return isArray(obj)?"[Array]":"[Object]";var indent=function getIndent(opts,depth){var baseIndent;if("\t"===opts.indent)baseIndent="\t";else{if(!("number"==typeof opts.indent&&opts.indent>0))return null;baseIndent=$join.call(Array(opts.indent+1)," ")}return{base:baseIndent,prev:$join.call(Array(depth+1),baseIndent)}}(opts,depth);if(void 0===seen)seen=[];else if(indexOf(seen,obj)>=0)return"[Circular]";function inspect(value,from,noIndent){if(from&&(seen=$arrSlice.call(seen)).push(from),noIndent){var newOpts={depth:opts.depth};return has(opts,"quoteStyle")&&(newOpts.quoteStyle=opts.quoteStyle),inspect_(value,newOpts,depth+1,seen)}return inspect_(value,opts,depth+1,seen)}if("function"==typeof obj){var name=function nameOf(f){if(f.name)return f.name;var m=$match.call(functionToString.call(f),/^function\s*([\w$]+)/);if(m)return m[1];return null}(obj),keys=arrObjKeys(obj,inspect);return"[Function"+(name?": "+name:" (anonymous)")+"]"+(keys.length>0?" { "+$join.call(keys,", ")+" }":"")}if(isSymbol(obj)){var symString=hasShammedSymbols?$replace.call(String(obj),/^(Symbol\(.*\))_[^)]*$/,"$1"):symToString.call(obj);return"object"!=typeof obj||hasShammedSymbols?symString:markBoxed(symString)}if(function isElement(x){if(!x||"object"!=typeof x)return!1;if("undefined"!=typeof HTMLElement&&x instanceof HTMLElement)return!0;return"string"==typeof x.nodeName&&"function"==typeof x.getAttribute}(obj)){for(var s="<"+$toLowerCase.call(String(obj.nodeName)),attrs=obj.attributes||[],i=0;i<attrs.length;i++)s+=" "+attrs[i].name+"="+wrapQuotes(quote(attrs[i].value),"double",opts);return s+=">",obj.childNodes&&obj.childNodes.length&&(s+="..."),s+="</"+$toLowerCase.call(String(obj.nodeName))+">"}if(isArray(obj)){if(0===obj.length)return"[]";var xs=arrObjKeys(obj,inspect);return indent&&!function singleLineValues(xs){for(var i=0;i<xs.length;i++)if(indexOf(xs[i],"\n")>=0)return!1;return!0}(xs)?"["+indentedJoin(xs,indent)+"]":"[ "+$join.call(xs,", ")+" ]"}if(function isError(obj){return!("[object Error]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}(obj)){var parts=arrObjKeys(obj,inspect);return"cause"in obj&&!isEnumerable.call(obj,"cause")?"{ ["+String(obj)+"] "+$join.call($concat.call("[cause]: "+inspect(obj.cause),parts),", ")+" }":0===parts.length?"["+String(obj)+"]":"{ ["+String(obj)+"] "+$join.call(parts,", ")+" }"}if("object"==typeof obj&&customInspect){if(inspectSymbol&&"function"==typeof obj[inspectSymbol])return obj[inspectSymbol]();if("symbol"!==customInspect&&"function"==typeof obj.inspect)return obj.inspect()}if(function isMap(x){if(!mapSize||!x||"object"!=typeof x)return!1;try{mapSize.call(x);try{setSize.call(x)}catch(s){return!0}return x instanceof Map}catch(e){}return!1}(obj)){var mapParts=[];return mapForEach.call(obj,(function(value,key){mapParts.push(inspect(key,obj,!0)+" => "+inspect(value,obj))})),collectionOf("Map",mapSize.call(obj),mapParts,indent)}if(function isSet(x){if(!setSize||!x||"object"!=typeof x)return!1;try{setSize.call(x);try{mapSize.call(x)}catch(m){return!0}return x instanceof Set}catch(e){}return!1}(obj)){var setParts=[];return setForEach.call(obj,(function(value){setParts.push(inspect(value,obj))})),collectionOf("Set",setSize.call(obj),setParts,indent)}if(function isWeakMap(x){if(!weakMapHas||!x||"object"!=typeof x)return!1;try{weakMapHas.call(x,weakMapHas);try{weakSetHas.call(x,weakSetHas)}catch(s){return!0}return x instanceof WeakMap}catch(e){}return!1}(obj))return weakCollectionOf("WeakMap");if(function isWeakSet(x){if(!weakSetHas||!x||"object"!=typeof x)return!1;try{weakSetHas.call(x,weakSetHas);try{weakMapHas.call(x,weakMapHas)}catch(s){return!0}return x instanceof WeakSet}catch(e){}return!1}(obj))return weakCollectionOf("WeakSet");if(function isWeakRef(x){if(!weakRefDeref||!x||"object"!=typeof x)return!1;try{return weakRefDeref.call(x),!0}catch(e){}return!1}(obj))return weakCollectionOf("WeakRef");if(function isNumber(obj){return!("[object Number]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}(obj))return markBoxed(inspect(Number(obj)));if(function isBigInt(obj){if(!obj||"object"!=typeof obj||!bigIntValueOf)return!1;try{return bigIntValueOf.call(obj),!0}catch(e){}return!1}(obj))return markBoxed(inspect(bigIntValueOf.call(obj)));if(function isBoolean(obj){return!("[object Boolean]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}(obj))return markBoxed(booleanValueOf.call(obj));if(function isString(obj){return!("[object String]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}(obj))return markBoxed(inspect(String(obj)));if(!function isDate(obj){return!("[object Date]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}(obj)&&!function isRegExp(obj){return!("[object RegExp]"!==toStr(obj)||toStringTag&&"object"==typeof obj&&toStringTag in obj)}(obj)){var ys=arrObjKeys(obj,inspect),isPlainObject=gPO?gPO(obj)===Object.prototype:obj instanceof Object||obj.constructor===Object,protoTag=obj instanceof Object?"":"null prototype",stringTag=!isPlainObject&&toStringTag&&Object(obj)===obj&&toStringTag in obj?$slice.call(toStr(obj),8,-1):protoTag?"Object":"",tag=(isPlainObject||"function"!=typeof obj.constructor?"":obj.constructor.name?obj.constructor.name+" ":"")+(stringTag||protoTag?"["+$join.call($concat.call([],stringTag||[],protoTag||[]),": ")+"] ":"");return 0===ys.length?tag+"{}":indent?tag+"{"+indentedJoin(ys,indent)+"}":tag+"{ "+$join.call(ys,", ")+" }"}return String(obj)};var hasOwn=Object.prototype.hasOwnProperty||function(key){return key in this};function has(obj,key){return hasOwn.call(obj,key)}function toStr(obj){return objectToString.call(obj)}function indexOf(xs,x){if(xs.indexOf)return xs.indexOf(x);for(var i=0,l=xs.length;i<l;i++)if(xs[i]===x)return i;return-1}function inspectString(str,opts){if(str.length>opts.maxStringLength){var remaining=str.length-opts.maxStringLength,trailer="... "+remaining+" more character"+(remaining>1?"s":"");return inspectString($slice.call(str,0,opts.maxStringLength),opts)+trailer}return wrapQuotes($replace.call($replace.call(str,/(['\\])/g,"\\$1"),/[\x00-\x1f]/g,lowbyte),"single",opts)}function lowbyte(c){var n=c.charCodeAt(0),x={8:"b",9:"t",10:"n",12:"f",13:"r"}[n];return x?"\\"+x:"\\x"+(n<16?"0":"")+$toUpperCase.call(n.toString(16))}function markBoxed(str){return"Object("+str+")"}function weakCollectionOf(type){return type+" { ? }"}function collectionOf(type,size,entries,indent){return type+" ("+size+") {"+(indent?indentedJoin(entries,indent):$join.call(entries,", "))+"}"}function indentedJoin(xs,indent){if(0===xs.length)return"";var lineJoiner="\n"+indent.prev+indent.base;return lineJoiner+$join.call(xs,","+lineJoiner)+"\n"+indent.prev}function arrObjKeys(obj,inspect){var isArr=isArray(obj),xs=[];if(isArr){xs.length=obj.length;for(var i=0;i<obj.length;i++)xs[i]=has(obj,i)?inspect(obj[i],obj):""}var symMap,syms="function"==typeof gOPS?gOPS(obj):[];if(hasShammedSymbols){symMap={};for(var k=0;k<syms.length;k++)symMap["$"+syms[k]]=syms[k]}for(var key in obj)has(obj,key)&&(isArr&&String(Number(key))===key&&key<obj.length||hasShammedSymbols&&symMap["$"+key]instanceof Symbol||($test.call(/[^\w$]/,key)?xs.push(inspect(key,obj)+": "+inspect(obj[key],obj)):xs.push(key+": "+inspect(obj[key],obj))));if("function"==typeof gOPS)for(var j=0;j<syms.length;j++)isEnumerable.call(obj,syms[j])&&xs.push("["+inspect(syms[j])+"]: "+inspect(obj[syms[j]],obj));return xs}},"./node_modules/object-keys/implementation.js":function(module,exports,__webpack_require__){"use strict";var keysShim;if(!Object.keys){var has=Object.prototype.hasOwnProperty,toStr=Object.prototype.toString,isArgs=__webpack_require__("./node_modules/object-keys/isArguments.js"),isEnumerable=Object.prototype.propertyIsEnumerable,hasDontEnumBug=!isEnumerable.call({toString:null},"toString"),hasProtoEnumBug=isEnumerable.call((function(){}),"prototype"),dontEnums=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],equalsConstructorPrototype=function(o){var ctor=o.constructor;return ctor&&ctor.prototype===o},excludedKeys={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},hasAutomationEqualityBug=function(){if("undefined"==typeof window)return!1;for(var k in window)try{if(!excludedKeys["$"+k]&&has.call(window,k)&&null!==window[k]&&"object"==typeof window[k])try{equalsConstructorPrototype(window[k])}catch(e){return!0}}catch(e){return!0}return!1}();keysShim=function keys(object){var isObject=null!==object&&"object"==typeof object,isFunction="[object Function]"===toStr.call(object),isArguments=isArgs(object),isString=isObject&&"[object String]"===toStr.call(object),theKeys=[];if(!isObject&&!isFunction&&!isArguments)throw new TypeError("Object.keys called on a non-object");var skipProto=hasProtoEnumBug&&isFunction;if(isString&&object.length>0&&!has.call(object,0))for(var i=0;i<object.length;++i)theKeys.push(String(i));if(isArguments&&object.length>0)for(var j=0;j<object.length;++j)theKeys.push(String(j));else for(var name in object)skipProto&&"prototype"===name||!has.call(object,name)||theKeys.push(String(name));if(hasDontEnumBug)for(var skipConstructor=function(o){if("undefined"==typeof window||!hasAutomationEqualityBug)return equalsConstructorPrototype(o);try{return equalsConstructorPrototype(o)}catch(e){return!1}}(object),k=0;k<dontEnums.length;++k)skipConstructor&&"constructor"===dontEnums[k]||!has.call(object,dontEnums[k])||theKeys.push(dontEnums[k]);return theKeys}}module.exports=keysShim},"./node_modules/object-keys/index.js":function(module,exports,__webpack_require__){"use strict";var slice=Array.prototype.slice,isArgs=__webpack_require__("./node_modules/object-keys/isArguments.js"),origKeys=Object.keys,keysShim=origKeys?function keys(o){return origKeys(o)}:__webpack_require__("./node_modules/object-keys/implementation.js"),originalKeys=Object.keys;keysShim.shim=function shimObjectKeys(){if(Object.keys){var keysWorksWithArguments=function(){var args=Object.keys(arguments);return args&&args.length===arguments.length}(1,2);keysWorksWithArguments||(Object.keys=function keys(object){return isArgs(object)?originalKeys(slice.call(object)):originalKeys(object)})}else Object.keys=keysShim;return Object.keys||keysShim},module.exports=keysShim},"./node_modules/object-keys/isArguments.js":function(module,exports,__webpack_require__){"use strict";var toStr=Object.prototype.toString;module.exports=function isArguments(value){var str=toStr.call(value),isArgs="[object Arguments]"===str;return isArgs||(isArgs="[object Array]"!==str&&null!==value&&"object"==typeof value&&"number"==typeof value.length&&value.length>=0&&"[object Function]"===toStr.call(value.callee)),isArgs}},"./node_modules/object.entries/implementation.js":function(module,exports,__webpack_require__){"use strict";var RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$isEnumerable=callBound("Object.prototype.propertyIsEnumerable"),$push=callBound("Array.prototype.push");module.exports=function entries(O){var obj=RequireObjectCoercible(O),entrys=[];for(var key in obj)$isEnumerable(obj,key)&&$push(entrys,[key,obj[key]]);return entrys}},"./node_modules/object.entries/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/object.entries/implementation.js");module.exports=function getPolyfill(){return"function"==typeof Object.entries?Object.entries:implementation}},"./node_modules/object.entries/shim.js":function(module,exports,__webpack_require__){"use strict";var getPolyfill=__webpack_require__("./node_modules/object.entries/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimEntries(){var polyfill=getPolyfill();return define(Object,{entries:polyfill},{entries:function testEntries(){return Object.entries!==polyfill}}),polyfill}},"./node_modules/object.fromentries/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/object.fromentries/shim.js")()},"./node_modules/object.fromentries/implementation.js":function(module,exports,__webpack_require__){"use strict";var AddEntriesFromIterable=__webpack_require__("./node_modules/es-abstract/2021/AddEntriesFromIterable.js"),CreateDataPropertyOrThrow=__webpack_require__("./node_modules/es-abstract/2021/CreateDataPropertyOrThrow.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),ToPropertyKey=__webpack_require__("./node_modules/es-abstract/2021/ToPropertyKey.js"),adder=function addDataProperty(key,value){var propertyKey=ToPropertyKey(key);CreateDataPropertyOrThrow(this,propertyKey,value)};module.exports=function fromEntries(iterable){return RequireObjectCoercible(iterable),AddEntriesFromIterable({},iterable,adder)}},"./node_modules/object.fromentries/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/object.fromentries/implementation.js");module.exports=function getPolyfill(){return"function"==typeof Object.fromEntries?Object.fromEntries:implementation}},"./node_modules/object.fromentries/shim.js":function(module,exports,__webpack_require__){"use strict";var getPolyfill=__webpack_require__("./node_modules/object.fromentries/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimEntries(){var polyfill=getPolyfill();return define(Object,{fromEntries:polyfill},{fromEntries:function testEntries(){return Object.fromEntries!==polyfill}}),polyfill}},"./node_modules/object.getownpropertydescriptors/implementation.js":function(module,exports,__webpack_require__){"use strict";var CreateDataProperty=__webpack_require__("./node_modules/es-abstract/2021/CreateDataProperty.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$gOPD=Object.getOwnPropertyDescriptor,$getOwnNames=Object.getOwnPropertyNames,$getSymbols=Object.getOwnPropertySymbols,$concat=callBound("Array.prototype.concat"),$reduce=callBound("Array.prototype.reduce"),getAll=$getSymbols?function(obj){return $concat($getOwnNames(obj),$getSymbols(obj))}:$getOwnNames,isES5=IsCallable($gOPD)&&IsCallable($getOwnNames);module.exports=function getOwnPropertyDescriptors(value){if(RequireObjectCoercible(value),!isES5)throw new TypeError("getOwnPropertyDescriptors requires Object.getOwnPropertyDescriptor");var O=ToObject(value);return $reduce(getAll(O),(function(acc,key){var descriptor=$gOPD(O,key);return void 0!==descriptor&&CreateDataProperty(acc,key,descriptor),acc}),{})}},"./node_modules/object.getownpropertydescriptors/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/object.getownpropertydescriptors/implementation.js");module.exports=function getPolyfill(){return"function"==typeof Object.getOwnPropertyDescriptors?Object.getOwnPropertyDescriptors:implementation}},"./node_modules/object.getownpropertydescriptors/shim.js":function(module,exports,__webpack_require__){"use strict";var getPolyfill=__webpack_require__("./node_modules/object.getownpropertydescriptors/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimGetOwnPropertyDescriptors(){var polyfill=getPolyfill();return define(Object,{getOwnPropertyDescriptors:polyfill},{getOwnPropertyDescriptors:function(){return Object.getOwnPropertyDescriptors!==polyfill}}),polyfill}},"./node_modules/object.values/implementation.js":function(module,exports,__webpack_require__){"use strict";var RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),$isEnumerable=callBound("Object.prototype.propertyIsEnumerable"),$push=callBound("Array.prototype.push");module.exports=function values(O){var obj=RequireObjectCoercible(O),vals=[];for(var key in obj)$isEnumerable(obj,key)&&$push(vals,obj[key]);return vals}},"./node_modules/object.values/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/object.values/implementation.js");module.exports=function getPolyfill(){return"function"==typeof Object.values?Object.values:implementation}},"./node_modules/object.values/shim.js":function(module,exports,__webpack_require__){"use strict";var getPolyfill=__webpack_require__("./node_modules/object.values/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimValues(){var polyfill=getPolyfill();return define(Object,{values:polyfill},{values:function testValues(){return Object.values!==polyfill}}),polyfill}},"./node_modules/process/browser.js":function(module,exports){var cachedSetTimeout,cachedClearTimeout,process=module.exports={};function defaultSetTimout(){throw new Error("setTimeout has not been defined")}function defaultClearTimeout(){throw new Error("clearTimeout has not been defined")}function runTimeout(fun){if(cachedSetTimeout===setTimeout)return setTimeout(fun,0);if((cachedSetTimeout===defaultSetTimout||!cachedSetTimeout)&&setTimeout)return cachedSetTimeout=setTimeout,setTimeout(fun,0);try{return cachedSetTimeout(fun,0)}catch(e){try{return cachedSetTimeout.call(null,fun,0)}catch(e){return cachedSetTimeout.call(this,fun,0)}}}!function(){try{cachedSetTimeout="function"==typeof setTimeout?setTimeout:defaultSetTimout}catch(e){cachedSetTimeout=defaultSetTimout}try{cachedClearTimeout="function"==typeof clearTimeout?clearTimeout:defaultClearTimeout}catch(e){cachedClearTimeout=defaultClearTimeout}}();var currentQueue,queue=[],draining=!1,queueIndex=-1;function cleanUpNextTick(){draining&&currentQueue&&(draining=!1,currentQueue.length?queue=currentQueue.concat(queue):queueIndex=-1,queue.length&&drainQueue())}function drainQueue(){if(!draining){var timeout=runTimeout(cleanUpNextTick);draining=!0;for(var len=queue.length;len;){for(currentQueue=queue,queue=[];++queueIndex<len;)currentQueue&&currentQueue[queueIndex].run();queueIndex=-1,len=queue.length}currentQueue=null,draining=!1,function runClearTimeout(marker){if(cachedClearTimeout===clearTimeout)return clearTimeout(marker);if((cachedClearTimeout===defaultClearTimeout||!cachedClearTimeout)&&clearTimeout)return cachedClearTimeout=clearTimeout,clearTimeout(marker);try{return cachedClearTimeout(marker)}catch(e){try{return cachedClearTimeout.call(null,marker)}catch(e){return cachedClearTimeout.call(this,marker)}}}(timeout)}}function Item(fun,array){this.fun=fun,this.array=array}function noop(){}process.nextTick=function(fun){var args=new Array(arguments.length-1);if(arguments.length>1)for(var i=1;i<arguments.length;i++)args[i-1]=arguments[i];queue.push(new Item(fun,args)),1!==queue.length||draining||runTimeout(drainQueue)},Item.prototype.run=function(){this.fun.apply(null,this.array)},process.title="browser",process.browser=!0,process.env={},process.argv=[],process.version="",process.versions={},process.on=noop,process.addListener=noop,process.once=noop,process.off=noop,process.removeListener=noop,process.removeAllListeners=noop,process.emit=noop,process.prependListener=noop,process.prependOnceListener=noop,process.listeners=function(name){return[]},process.binding=function(name){throw new Error("process.binding is not supported")},process.cwd=function(){return"/"},process.chdir=function(dir){throw new Error("process.chdir is not supported")},process.umask=function(){return 0}},"./node_modules/promise.allsettled/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/promise.allsettled/shim.js")()},"./node_modules/promise.allsettled/implementation.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/promise.allsettled/requirePromise.js")();var PromiseResolve=__webpack_require__("./node_modules/es-abstract/2021/PromiseResolve.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),iterate=__webpack_require__("./node_modules/iterate-value/index.js"),map=__webpack_require__("./node_modules/array.prototype.map/index.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBind=__webpack_require__("./node_modules/call-bind/index.js"),all=callBind(GetIntrinsic("%Promise.all%")),reject=callBind(GetIntrinsic("%Promise.reject%"));module.exports=function allSettled(iterable){var C=this;if("Object"!==Type(C))throw new TypeError("`this` value must be an object");var values=iterate(iterable);return all(C,map(values,(function(item){var itemPromise=PromiseResolve(C,item);try{return itemPromise.then((function(value){return{status:"fulfilled",value:value}}),(function(reason){return{status:"rejected",reason:reason}}))}catch(e){return reject(C,e)}})))}},"./node_modules/promise.allsettled/polyfill.js":function(module,exports,__webpack_require__){"use strict";var requirePromise=__webpack_require__("./node_modules/promise.allsettled/requirePromise.js"),implementation=__webpack_require__("./node_modules/promise.allsettled/implementation.js");module.exports=function getPolyfill(){return requirePromise(),"function"==typeof Promise.allSettled?Promise.allSettled:implementation}},"./node_modules/promise.allsettled/requirePromise.js":function(module,exports,__webpack_require__){"use strict";module.exports=function requirePromise(){if("function"!=typeof Promise)throw new TypeError("`Promise.allSettled` requires a global `Promise` be available.")}},"./node_modules/promise.allsettled/shim.js":function(module,exports,__webpack_require__){"use strict";var requirePromise=__webpack_require__("./node_modules/promise.allsettled/requirePromise.js"),getPolyfill=__webpack_require__("./node_modules/promise.allsettled/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimAllSettled(){requirePromise();var polyfill=getPolyfill();return define(Promise,{allSettled:polyfill},{allSettled:function testAllSettled(){return Promise.allSettled!==polyfill}}),polyfill}},"./node_modules/promise.prototype.finally/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/promise.prototype.finally/shim.js")()},"./node_modules/promise.prototype.finally/implementation.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/promise.prototype.finally/requirePromise.js")();var IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),SpeciesConstructor=__webpack_require__("./node_modules/es-abstract/2021/SpeciesConstructor.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),promiseResolve=function PromiseResolve(C,value){return new C((function(resolve){resolve(value)}))},OriginalPromise=Promise,promiseFinally=function finally_(onFinally){if("Object"!==Type(this))throw new TypeError("receiver is not an Object");var C=SpeciesConstructor(this,OriginalPromise),thenFinally=onFinally,catchFinally=onFinally;return IsCallable(onFinally)&&(thenFinally=function CreateThenFinally(C,onFinally){return function(value){var result=onFinally();return promiseResolve(C,result).then((function(){return value}))}}(C,onFinally),catchFinally=function CreateCatchFinally(C,onFinally){return function(reason){var result=onFinally();return promiseResolve(C,result).then((function(){throw reason}))}}(C,onFinally)),this.then(thenFinally,catchFinally)};if(Object.getOwnPropertyDescriptor){var descriptor=Object.getOwnPropertyDescriptor(promiseFinally,"name");descriptor&&descriptor.configurable&&Object.defineProperty(promiseFinally,"name",{configurable:!0,value:"finally"})}module.exports=promiseFinally},"./node_modules/promise.prototype.finally/polyfill.js":function(module,exports,__webpack_require__){"use strict";var requirePromise=__webpack_require__("./node_modules/promise.prototype.finally/requirePromise.js"),implementation=__webpack_require__("./node_modules/promise.prototype.finally/implementation.js");module.exports=function getPolyfill(){return requirePromise(),"function"==typeof Promise.prototype.finally?Promise.prototype.finally:implementation}},"./node_modules/promise.prototype.finally/requirePromise.js":function(module,exports,__webpack_require__){"use strict";module.exports=function requirePromise(){if("function"!=typeof Promise)throw new TypeError("`Promise.prototype.finally` requires a global `Promise` be available.")}},"./node_modules/promise.prototype.finally/shim.js":function(module,exports,__webpack_require__){"use strict";var requirePromise=__webpack_require__("./node_modules/promise.prototype.finally/requirePromise.js"),getPolyfill=__webpack_require__("./node_modules/promise.prototype.finally/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimPromiseFinally(){requirePromise();var polyfill=getPolyfill();return define(Promise.prototype,{finally:polyfill},{finally:function testFinally(){return Promise.prototype.finally!==polyfill}}),polyfill}},"./node_modules/prop-types/factoryWithThrowingShims.js":function(module,exports,__webpack_require__){"use strict";var ReactPropTypesSecret=__webpack_require__("./node_modules/prop-types/lib/ReactPropTypesSecret.js");function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=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 err.name="Invariant Violation",err}}function getShim(){return shim}shim.isRequired=shim;var ReactPropTypes={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},"./node_modules/prop-types/index.js":function(module,exports,__webpack_require__){module.exports=__webpack_require__("./node_modules/prop-types/factoryWithThrowingShims.js")()},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":function(module,exports,__webpack_require__){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/qs/lib/formats.js":function(module,exports,__webpack_require__){"use strict";var replace=String.prototype.replace,percentTwenties=/%20/g,Format_RFC1738="RFC1738",Format_RFC3986="RFC3986";module.exports={default:Format_RFC3986,formatters:{RFC1738:function(value){return replace.call(value,percentTwenties,"+")},RFC3986:function(value){return String(value)}},RFC1738:Format_RFC1738,RFC3986:Format_RFC3986}},"./node_modules/qs/lib/index.js":function(module,exports,__webpack_require__){"use strict";var stringify=__webpack_require__("./node_modules/qs/lib/stringify.js"),parse=__webpack_require__("./node_modules/qs/lib/parse.js"),formats=__webpack_require__("./node_modules/qs/lib/formats.js");module.exports={formats:formats,parse:parse,stringify:stringify}},"./node_modules/qs/lib/parse.js":function(module,exports,__webpack_require__){"use strict";var utils=__webpack_require__("./node_modules/qs/lib/utils.js"),has=Object.prototype.hasOwnProperty,isArray=Array.isArray,defaults={allowDots:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decoder:utils.decode,delimiter:"&",depth:5,ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictNullHandling:!1},interpretNumericEntities=function(str){return str.replace(/&#(\d+);/g,(function($0,numberStr){return String.fromCharCode(parseInt(numberStr,10))}))},parseArrayValue=function(val,options){return val&&"string"==typeof val&&options.comma&&val.indexOf(",")>-1?val.split(","):val},parseKeys=function parseQueryStringKeys(givenKey,val,options,valuesParsed){if(givenKey){var key=options.allowDots?givenKey.replace(/\.([^.[]+)/g,"[$1]"):givenKey,child=/(\[[^[\]]*])/g,segment=options.depth>0&&/(\[[^[\]]*])/.exec(key),parent=segment?key.slice(0,segment.index):key,keys=[];if(parent){if(!options.plainObjects&&has.call(Object.prototype,parent)&&!options.allowPrototypes)return;keys.push(parent)}for(var i=0;options.depth>0&&null!==(segment=child.exec(key))&&i<options.depth;){if(i+=1,!options.plainObjects&&has.call(Object.prototype,segment[1].slice(1,-1))&&!options.allowPrototypes)return;keys.push(segment[1])}return segment&&keys.push("["+key.slice(segment.index)+"]"),function(chain,val,options,valuesParsed){for(var leaf=valuesParsed?val:parseArrayValue(val,options),i=chain.length-1;i>=0;--i){var obj,root=chain[i];if("[]"===root&&options.parseArrays)obj=[].concat(leaf);else{obj=options.plainObjects?Object.create(null):{};var cleanRoot="["===root.charAt(0)&&"]"===root.charAt(root.length-1)?root.slice(1,-1):root,index=parseInt(cleanRoot,10);options.parseArrays||""!==cleanRoot?!isNaN(index)&&root!==cleanRoot&&String(index)===cleanRoot&&index>=0&&options.parseArrays&&index<=options.arrayLimit?(obj=[])[index]=leaf:"__proto__"!==cleanRoot&&(obj[cleanRoot]=leaf):obj={0:leaf}}leaf=obj}return leaf}(keys,val,options,valuesParsed)}};module.exports=function(str,opts){var options=function normalizeParseOptions(opts){if(!opts)return defaults;if(null!==opts.decoder&&void 0!==opts.decoder&&"function"!=typeof opts.decoder)throw new TypeError("Decoder has to be a function.");if(void 0!==opts.charset&&"utf-8"!==opts.charset&&"iso-8859-1"!==opts.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var charset=void 0===opts.charset?defaults.charset:opts.charset;return{allowDots:void 0===opts.allowDots?defaults.allowDots:!!opts.allowDots,allowPrototypes:"boolean"==typeof opts.allowPrototypes?opts.allowPrototypes:defaults.allowPrototypes,allowSparse:"boolean"==typeof opts.allowSparse?opts.allowSparse:defaults.allowSparse,arrayLimit:"number"==typeof opts.arrayLimit?opts.arrayLimit:defaults.arrayLimit,charset:charset,charsetSentinel:"boolean"==typeof opts.charsetSentinel?opts.charsetSentinel:defaults.charsetSentinel,comma:"boolean"==typeof opts.comma?opts.comma:defaults.comma,decoder:"function"==typeof opts.decoder?opts.decoder:defaults.decoder,delimiter:"string"==typeof opts.delimiter||utils.isRegExp(opts.delimiter)?opts.delimiter:defaults.delimiter,depth:"number"==typeof opts.depth||!1===opts.depth?+opts.depth:defaults.depth,ignoreQueryPrefix:!0===opts.ignoreQueryPrefix,interpretNumericEntities:"boolean"==typeof opts.interpretNumericEntities?opts.interpretNumericEntities:defaults.interpretNumericEntities,parameterLimit:"number"==typeof opts.parameterLimit?opts.parameterLimit:defaults.parameterLimit,parseArrays:!1!==opts.parseArrays,plainObjects:"boolean"==typeof opts.plainObjects?opts.plainObjects:defaults.plainObjects,strictNullHandling:"boolean"==typeof opts.strictNullHandling?opts.strictNullHandling:defaults.strictNullHandling}}(opts);if(""===str||null==str)return options.plainObjects?Object.create(null):{};for(var tempObj="string"==typeof str?function parseQueryStringValues(str,options){var i,obj={},cleanStr=options.ignoreQueryPrefix?str.replace(/^\?/,""):str,limit=options.parameterLimit===1/0?void 0:options.parameterLimit,parts=cleanStr.split(options.delimiter,limit),skipIndex=-1,charset=options.charset;if(options.charsetSentinel)for(i=0;i<parts.length;++i)0===parts[i].indexOf("utf8=")&&("utf8=%E2%9C%93"===parts[i]?charset="utf-8":"utf8=%26%2310003%3B"===parts[i]&&(charset="iso-8859-1"),skipIndex=i,i=parts.length);for(i=0;i<parts.length;++i)if(i!==skipIndex){var key,val,part=parts[i],bracketEqualsPos=part.indexOf("]="),pos=-1===bracketEqualsPos?part.indexOf("="):bracketEqualsPos+1;-1===pos?(key=options.decoder(part,defaults.decoder,charset,"key"),val=options.strictNullHandling?null:""):(key=options.decoder(part.slice(0,pos),defaults.decoder,charset,"key"),val=utils.maybeMap(parseArrayValue(part.slice(pos+1),options),(function(encodedVal){return options.decoder(encodedVal,defaults.decoder,charset,"value")}))),val&&options.interpretNumericEntities&&"iso-8859-1"===charset&&(val=interpretNumericEntities(val)),part.indexOf("[]=")>-1&&(val=isArray(val)?[val]:val),has.call(obj,key)?obj[key]=utils.combine(obj[key],val):obj[key]=val}return obj}(str,options):str,obj=options.plainObjects?Object.create(null):{},keys=Object.keys(tempObj),i=0;i<keys.length;++i){var key=keys[i],newObj=parseKeys(key,tempObj[key],options,"string"==typeof str);obj=utils.merge(obj,newObj,options)}return!0===options.allowSparse?obj:utils.compact(obj)}},"./node_modules/qs/lib/stringify.js":function(module,exports,__webpack_require__){"use strict";var getSideChannel=__webpack_require__("./node_modules/side-channel/index.js"),utils=__webpack_require__("./node_modules/qs/lib/utils.js"),formats=__webpack_require__("./node_modules/qs/lib/formats.js"),has=Object.prototype.hasOwnProperty,arrayPrefixGenerators={brackets:function brackets(prefix){return prefix+"[]"},comma:"comma",indices:function indices(prefix,key){return prefix+"["+key+"]"},repeat:function repeat(prefix){return prefix}},isArray=Array.isArray,split=String.prototype.split,push=Array.prototype.push,pushToArray=function(arr,valueOrArray){push.apply(arr,isArray(valueOrArray)?valueOrArray:[valueOrArray])},toISO=Date.prototype.toISOString,defaultFormat=formats.default,defaults={addQueryPrefix:!1,allowDots:!1,charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encoder:utils.encode,encodeValuesOnly:!1,format:defaultFormat,formatter:formats.formatters[defaultFormat],indices:!1,serializeDate:function serializeDate(date){return toISO.call(date)},skipNulls:!1,strictNullHandling:!1},sentinel={},stringify=function stringify(object,prefix,generateArrayPrefix,strictNullHandling,skipNulls,encoder,filter,sort,allowDots,serializeDate,format,formatter,encodeValuesOnly,charset,sideChannel){for(var obj=object,tmpSc=sideChannel,step=0,findFlag=!1;void 0!==(tmpSc=tmpSc.get(sentinel))&&!findFlag;){var pos=tmpSc.get(object);if(step+=1,void 0!==pos){if(pos===step)throw new RangeError("Cyclic object value");findFlag=!0}void 0===tmpSc.get(sentinel)&&(step=0)}if("function"==typeof filter?obj=filter(prefix,obj):obj instanceof Date?obj=serializeDate(obj):"comma"===generateArrayPrefix&&isArray(obj)&&(obj=utils.maybeMap(obj,(function(value){return value instanceof Date?serializeDate(value):value}))),null===obj){if(strictNullHandling)return encoder&&!encodeValuesOnly?encoder(prefix,defaults.encoder,charset,"key",format):prefix;obj=""}if(function isNonNullishPrimitive(v){return"string"==typeof v||"number"==typeof v||"boolean"==typeof v||"symbol"==typeof v||"bigint"==typeof v}(obj)||utils.isBuffer(obj)){if(encoder){var keyValue=encodeValuesOnly?prefix:encoder(prefix,defaults.encoder,charset,"key",format);if("comma"===generateArrayPrefix&&encodeValuesOnly){for(var valuesArray=split.call(String(obj),","),valuesJoined="",i=0;i<valuesArray.length;++i)valuesJoined+=(0===i?"":",")+formatter(encoder(valuesArray[i],defaults.encoder,charset,"value",format));return[formatter(keyValue)+"="+valuesJoined]}return[formatter(keyValue)+"="+formatter(encoder(obj,defaults.encoder,charset,"value",format))]}return[formatter(prefix)+"="+formatter(String(obj))]}var objKeys,values=[];if(void 0===obj)return values;if("comma"===generateArrayPrefix&&isArray(obj))objKeys=[{value:obj.length>0?obj.join(",")||null:void 0}];else if(isArray(filter))objKeys=filter;else{var keys=Object.keys(obj);objKeys=sort?keys.sort(sort):keys}for(var j=0;j<objKeys.length;++j){var key=objKeys[j],value="object"==typeof key&&void 0!==key.value?key.value:obj[key];if(!skipNulls||null!==value){var keyPrefix=isArray(obj)?"function"==typeof generateArrayPrefix?generateArrayPrefix(prefix,key):prefix:prefix+(allowDots?"."+key:"["+key+"]");sideChannel.set(object,step);var valueSideChannel=getSideChannel();valueSideChannel.set(sentinel,sideChannel),pushToArray(values,stringify(value,keyPrefix,generateArrayPrefix,strictNullHandling,skipNulls,encoder,filter,sort,allowDots,serializeDate,format,formatter,encodeValuesOnly,charset,valueSideChannel))}}return values};module.exports=function(object,opts){var objKeys,obj=object,options=function normalizeStringifyOptions(opts){if(!opts)return defaults;if(null!==opts.encoder&&void 0!==opts.encoder&&"function"!=typeof opts.encoder)throw new TypeError("Encoder has to be a function.");var charset=opts.charset||defaults.charset;if(void 0!==opts.charset&&"utf-8"!==opts.charset&&"iso-8859-1"!==opts.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var format=formats.default;if(void 0!==opts.format){if(!has.call(formats.formatters,opts.format))throw new TypeError("Unknown format option provided.");format=opts.format}var formatter=formats.formatters[format],filter=defaults.filter;return("function"==typeof opts.filter||isArray(opts.filter))&&(filter=opts.filter),{addQueryPrefix:"boolean"==typeof opts.addQueryPrefix?opts.addQueryPrefix:defaults.addQueryPrefix,allowDots:void 0===opts.allowDots?defaults.allowDots:!!opts.allowDots,charset:charset,charsetSentinel:"boolean"==typeof opts.charsetSentinel?opts.charsetSentinel:defaults.charsetSentinel,delimiter:void 0===opts.delimiter?defaults.delimiter:opts.delimiter,encode:"boolean"==typeof opts.encode?opts.encode:defaults.encode,encoder:"function"==typeof opts.encoder?opts.encoder:defaults.encoder,encodeValuesOnly:"boolean"==typeof opts.encodeValuesOnly?opts.encodeValuesOnly:defaults.encodeValuesOnly,filter:filter,format:format,formatter:formatter,serializeDate:"function"==typeof opts.serializeDate?opts.serializeDate:defaults.serializeDate,skipNulls:"boolean"==typeof opts.skipNulls?opts.skipNulls:defaults.skipNulls,sort:"function"==typeof opts.sort?opts.sort:null,strictNullHandling:"boolean"==typeof opts.strictNullHandling?opts.strictNullHandling:defaults.strictNullHandling}}(opts);"function"==typeof options.filter?obj=(0,options.filter)("",obj):isArray(options.filter)&&(objKeys=options.filter);var arrayFormat,keys=[];if("object"!=typeof obj||null===obj)return"";arrayFormat=opts&&opts.arrayFormat in arrayPrefixGenerators?opts.arrayFormat:opts&&"indices"in opts?opts.indices?"indices":"repeat":"indices";var generateArrayPrefix=arrayPrefixGenerators[arrayFormat];objKeys||(objKeys=Object.keys(obj)),options.sort&&objKeys.sort(options.sort);for(var sideChannel=getSideChannel(),i=0;i<objKeys.length;++i){var key=objKeys[i];options.skipNulls&&null===obj[key]||pushToArray(keys,stringify(obj[key],key,generateArrayPrefix,options.strictNullHandling,options.skipNulls,options.encode?options.encoder:null,options.filter,options.sort,options.allowDots,options.serializeDate,options.format,options.formatter,options.encodeValuesOnly,options.charset,sideChannel))}var joined=keys.join(options.delimiter),prefix=!0===options.addQueryPrefix?"?":"";return options.charsetSentinel&&("iso-8859-1"===options.charset?prefix+="utf8=%26%2310003%3B&":prefix+="utf8=%E2%9C%93&"),joined.length>0?prefix+joined:""}},"./node_modules/qs/lib/utils.js":function(module,exports,__webpack_require__){"use strict";var formats=__webpack_require__("./node_modules/qs/lib/formats.js"),has=Object.prototype.hasOwnProperty,isArray=Array.isArray,hexTable=function(){for(var array=[],i=0;i<256;++i)array.push("%"+((i<16?"0":"")+i.toString(16)).toUpperCase());return array}(),arrayToObject=function arrayToObject(source,options){for(var obj=options&&options.plainObjects?Object.create(null):{},i=0;i<source.length;++i)void 0!==source[i]&&(obj[i]=source[i]);return obj};module.exports={arrayToObject:arrayToObject,assign:function assignSingleSource(target,source){return Object.keys(source).reduce((function(acc,key){return acc[key]=source[key],acc}),target)},combine:function combine(a,b){return[].concat(a,b)},compact:function compact(value){for(var queue=[{obj:{o:value},prop:"o"}],refs=[],i=0;i<queue.length;++i)for(var item=queue[i],obj=item.obj[item.prop],keys=Object.keys(obj),j=0;j<keys.length;++j){var key=keys[j],val=obj[key];"object"==typeof val&&null!==val&&-1===refs.indexOf(val)&&(queue.push({obj:obj,prop:key}),refs.push(val))}return function compactQueue(queue){for(;queue.length>1;){var item=queue.pop(),obj=item.obj[item.prop];if(isArray(obj)){for(var compacted=[],j=0;j<obj.length;++j)void 0!==obj[j]&&compacted.push(obj[j]);item.obj[item.prop]=compacted}}}(queue),value},decode:function(str,decoder,charset){var strWithoutPlus=str.replace(/\+/g," ");if("iso-8859-1"===charset)return strWithoutPlus.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(strWithoutPlus)}catch(e){return strWithoutPlus}},encode:function encode(str,defaultEncoder,charset,kind,format){if(0===str.length)return str;var string=str;if("symbol"==typeof str?string=Symbol.prototype.toString.call(str):"string"!=typeof str&&(string=String(str)),"iso-8859-1"===charset)return escape(string).replace(/%u[0-9a-f]{4}/gi,(function($0){return"%26%23"+parseInt($0.slice(2),16)+"%3B"}));for(var out="",i=0;i<string.length;++i){var c=string.charCodeAt(i);45===c||46===c||95===c||126===c||c>=48&&c<=57||c>=65&&c<=90||c>=97&&c<=122||format===formats.RFC1738&&(40===c||41===c)?out+=string.charAt(i):c<128?out+=hexTable[c]:c<2048?out+=hexTable[192|c>>6]+hexTable[128|63&c]:c<55296||c>=57344?out+=hexTable[224|c>>12]+hexTable[128|c>>6&63]+hexTable[128|63&c]:(i+=1,c=65536+((1023&c)<<10|1023&string.charCodeAt(i)),out+=hexTable[240|c>>18]+hexTable[128|c>>12&63]+hexTable[128|c>>6&63]+hexTable[128|63&c])}return out},isBuffer:function isBuffer(obj){return!(!obj||"object"!=typeof obj)&&!!(obj.constructor&&obj.constructor.isBuffer&&obj.constructor.isBuffer(obj))},isRegExp:function isRegExp(obj){return"[object RegExp]"===Object.prototype.toString.call(obj)},maybeMap:function maybeMap(val,fn){if(isArray(val)){for(var mapped=[],i=0;i<val.length;i+=1)mapped.push(fn(val[i]));return mapped}return fn(val)},merge:function merge(target,source,options){if(!source)return target;if("object"!=typeof source){if(isArray(target))target.push(source);else{if(!target||"object"!=typeof target)return[target,source];(options&&(options.plainObjects||options.allowPrototypes)||!has.call(Object.prototype,source))&&(target[source]=!0)}return target}if(!target||"object"!=typeof target)return[target].concat(source);var mergeTarget=target;return isArray(target)&&!isArray(source)&&(mergeTarget=arrayToObject(target,options)),isArray(target)&&isArray(source)?(source.forEach((function(item,i){if(has.call(target,i)){var targetItem=target[i];targetItem&&"object"==typeof targetItem&&item&&"object"==typeof item?target[i]=merge(targetItem,item,options):target.push(item)}else target[i]=item})),target):Object.keys(source).reduce((function(acc,key){var value=source[key];return has.call(acc,key)?acc[key]=merge(acc[key],value,options):acc[key]=value,acc}),mergeTarget)}}},"./node_modules/react-dom/cjs/react-dom.production.min.js":function(module,exports,__webpack_require__){"use strict";var aa=__webpack_require__("./node_modules/react/index.js"),m=__webpack_require__("./node_modules/object-assign/index.js"),r=__webpack_require__("./node_modules/scheduler/index.js");function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!aa)throw Error(y(227));var ba=new Set,ca={};function da(a,b){ea(a,b),ea(a+"Capture",b)}function ea(a,b){for(ca[a]=b,a=0;a<b.length;a++)ba.add(b[a])}var fa=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),ha=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ia=Object.prototype.hasOwnProperty,ja={},ka={};function B(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b,this.attributeName=d,this.attributeNamespace=e,this.mustUseProperty=c,this.propertyName=a,this.type=b,this.sanitizeURL=f,this.removeEmptyString=g}var D={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(a){D[a]=new B(a,0,!1,a,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(a){var b=a[0];D[b]=new B(b,1,!1,a[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(a){D[a]=new B(a,2,!1,a.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(a){D[a]=new B(a,2,!1,a,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(a){D[a]=new B(a,3,!1,a.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(a){D[a]=new B(a,3,!0,a,null,!1,!1)})),["capture","download"].forEach((function(a){D[a]=new B(a,4,!1,a,null,!1,!1)})),["cols","rows","size","span"].forEach((function(a){D[a]=new B(a,6,!1,a,null,!1,!1)})),["rowSpan","start"].forEach((function(a){D[a]=new B(a,5,!1,a.toLowerCase(),null,!1,!1)}));var oa=/[\-:]([a-z])/g;function pa(a){return a[1].toUpperCase()}function qa(a,b,c,d){var e=D.hasOwnProperty(b)?D[b]:null;(null!==e?0===e.type:!d&&(2<b.length&&("o"===b[0]||"O"===b[0])&&("n"===b[1]||"N"===b[1])))||(function na(a,b,c,d){if(null==b||function ma(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case"function":case"symbol":return!0;case"boolean":return!d&&(null!==c?!c.acceptsBooleans:"data-"!==(a=a.toLowerCase().slice(0,5))&&"aria-"!==a);default:return!1}}(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}(b,c,e,d)&&(c=null),d||null===e?function la(a){return!!ia.call(ka,a)||!ia.call(ja,a)&&(ha.test(a)?ka[a]=!0:(ja[a]=!0,!1))}(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3!==e.type&&"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(c=3===(e=e.type)||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!1,!1)})),D.xlinkHref=new B("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!0,!0)}));var ra=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,sa=60103,ta=60106,ua=60107,wa=60108,xa=60114,ya=60109,za=60110,Aa=60112,Ba=60113,Ca=60120,Da=60115,Ea=60116,Fa=60121,Ga=60128,Ha=60129,Ia=60130,Ja=60131;if("function"==typeof Symbol&&Symbol.for){var E=Symbol.for;sa=E("react.element"),ta=E("react.portal"),ua=E("react.fragment"),wa=E("react.strict_mode"),xa=E("react.profiler"),ya=E("react.provider"),za=E("react.context"),Aa=E("react.forward_ref"),Ba=E("react.suspense"),Ca=E("react.suspense_list"),Da=E("react.memo"),Ea=E("react.lazy"),Fa=E("react.block"),E("react.scope"),Ga=E("react.opaque.id"),Ha=E("react.debug_trace_mode"),Ia=E("react.offscreen"),Ja=E("react.legacy_hidden")}var Ma,Ka="function"==typeof Symbol&&Symbol.iterator;function La(a){return null===a||"object"!=typeof a?null:"function"==typeof(a=Ka&&a[Ka]||a["@@iterator"])?a:null}function Na(a){if(void 0===Ma)try{throw Error()}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ma=b&&b[1]||""}return"\n"+Ma+a}var Oa=!1;function Pa(a,b){if(!a||Oa)return"";Oa=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(b)if(b=function(){throw Error()},Object.defineProperty(b.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(b,[])}catch(k){var d=k}Reflect.construct(a,[],b)}else{try{b.call()}catch(k){d=k}a.call(b.prototype)}else{try{throw Error()}catch(k){d=k}a()}}catch(k){if(k&&d&&"string"==typeof k.stack){for(var e=k.stack.split("\n"),f=d.stack.split("\n"),g=e.length-1,h=f.length-1;1<=g&&0<=h&&e[g]!==f[h];)h--;for(;1<=g&&0<=h;g--,h--)if(e[g]!==f[h]){if(1!==g||1!==h)do{if(g--,0>--h||e[g]!==f[h])return"\n"+e[g].replace(" at new "," at ")}while(1<=g&&0<=h);break}}}finally{Oa=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:"")?Na(a):""}function Qa(a){switch(a.tag){case 5:return Na(a.type);case 16:return Na("Lazy");case 13:return Na("Suspense");case 19:return Na("SuspenseList");case 0:case 2:case 15:return a=Pa(a.type,!1);case 11:return a=Pa(a.type.render,!1);case 22:return a=Pa(a.type._render,!1);case 1:return a=Pa(a.type,!0);default:return""}}function Ra(a){if(null==a)return null;if("function"==typeof a)return a.displayName||a.name||null;if("string"==typeof a)return a;switch(a){case ua:return"Fragment";case ta:return"Portal";case xa:return"Profiler";case wa:return"StrictMode";case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"==typeof a)switch(a.$$typeof){case za:return(a.displayName||"Context")+".Consumer";case ya:return(a._context.displayName||"Context")+".Provider";case Aa:var b=a.render;return b=b.displayName||b.name||"",a.displayName||(""!==b?"ForwardRef("+b+")":"ForwardRef");case Da:return Ra(a.type);case Fa:return Ra(a._render);case Ea:b=a._payload,a=a._init;try{return Ra(a(b))}catch(c){}}return null}function Sa(a){switch(typeof a){case"boolean":case"number":case"object":case"string":case"undefined":return a;default:return""}}function Ta(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}function Va(a){a._valueTracker||(a._valueTracker=function Ua(a){var b=Ta(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&void 0!==c&&"function"==typeof c.get&&"function"==typeof c.set){var e=c.get,f=c.set;return Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a,f.call(this,a)}}),Object.defineProperty(a,b,{enumerable:c.enumerable}),{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=null,delete a[b]}}}}(a))}function Wa(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue(),d="";return a&&(d=Ta(a)?a.checked?"true":"false":a.value),(a=d)!==c&&(b.setValue(a),!0)}function Xa(a){if(void 0===(a=a||("undefined"!=typeof document?document:void 0)))return null;try{return a.activeElement||a.body}catch(b){return a.body}}function Ya(a,b){var c=b.checked;return m({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c),a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function $a(a,b){null!=(b=b.checked)&&qa(a,"checked",b,!1)}function ab(a,b){$a(a,b);var c=Sa(b.value),d=b.type;if(null!=c)"number"===d?(0===c&&""===a.value||a.value!=c)&&(a.value=""+c):a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d)return void a.removeAttribute("value");b.hasOwnProperty("value")?bb(a,b.type,c):b.hasOwnProperty("defaultValue")&&bb(a,b.type,Sa(b.defaultValue)),null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}function cb(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue,c||b===a.value||(a.value=b),a.defaultValue=b}""!==(c=a.name)&&(a.name=""),a.defaultChecked=!!a._wrapperState.initialChecked,""!==c&&(a.name=c)}function bb(a,b,c){"number"===b&&Xa(a.ownerDocument)===a||(null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c))}function eb(a,b){return a=m({children:void 0},b),(b=function db(a){var b="";return aa.Children.forEach(a,(function(a){null!=a&&(b+=a)})),b}(b.children))&&(a.children=b),a}function fb(a,b,c,d){if(a=a.options,b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{for(c=""+Sa(c),b=null,e=0;e<a.length;e++){if(a[e].value===c)return a[e].selected=!0,void(d&&(a[e].defaultSelected=!0));null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}function gb(a,b){if(null!=b.dangerouslySetInnerHTML)throw Error(y(91));return m({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function hb(a,b){var c=b.value;if(null==c){if(c=b.children,b=b.defaultValue,null!=c){if(null!=b)throw Error(y(92));if(Array.isArray(c)){if(!(1>=c.length))throw Error(y(93));c=c[0]}b=c}null==b&&(b=""),c=b}a._wrapperState={initialValue:Sa(c)}}function ib(a,b){var c=Sa(b.value),d=Sa(b.defaultValue);null!=c&&((c=""+c)!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c)),null!=d&&(a.defaultValue=""+d)}function jb(a){var b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b)}var kb_html="http://www.w3.org/1999/xhtml",kb_svg="http://www.w3.org/2000/svg";function lb(a){switch(a){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function mb(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?lb(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}var nb,a,ob=(a=function(a,b){if(a.namespaceURI!==kb_svg||"innerHTML"in a)a.innerHTML=b;else{for((nb=nb||document.createElement("div")).innerHTML="<svg>"+b.valueOf().toString()+"</svg>",b=nb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction((function(){return a(b,c)}))}:a);function pb(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType)return void(c.nodeValue=b)}a.textContent=b}var qb={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},rb=["Webkit","ms","Moz","O"];function sb(a,b,c){return null==b||"boolean"==typeof b||""===b?"":c||"number"!=typeof b||0===b||qb.hasOwnProperty(a)&&qb[a]?(""+b).trim():b+"px"}function tb(a,b){for(var c in a=a.style,b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=sb(c,b[c],d);"float"===c&&(c="cssFloat"),d?a.setProperty(c,e):a[c]=e}}Object.keys(qb).forEach((function(a){rb.forEach((function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1),qb[b]=qb[a]}))}));var ub=m({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function vb(a,b){if(b){if(ub[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(y(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(y(60));if("object"!=typeof b.dangerouslySetInnerHTML||!("__html"in b.dangerouslySetInnerHTML))throw Error(y(61))}if(null!=b.style&&"object"!=typeof b.style)throw Error(y(62))}}function wb(a,b){if(-1===a.indexOf("-"))return"string"==typeof b.is;switch(a){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function xb(a){return(a=a.target||a.srcElement||window).correspondingUseElement&&(a=a.correspondingUseElement),3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null;function Bb(a){if(a=Cb(a)){if("function"!=typeof yb)throw Error(y(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b))}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a}function Fb(){if(zb){var a=zb,b=Ab;if(Ab=zb=null,Bb(a),b)for(a=0;a<b.length;a++)Bb(b[a])}}function Gb(a,b){return a(b)}function Hb(a,b,c,d,e){return a(b,c,d,e)}function Ib(){}var Jb=Gb,Kb=!1,Lb=!1;function Mb(){null===zb&&null===Ab||(Ib(),Fb())}function Ob(a,b){var c=a.stateNode;if(null===c)return null;var d=Db(c);if(null===d)return null;c=d[b];a:switch(b){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(d=!d.disabled)||(d=!("button"===(a=a.type)||"input"===a||"select"===a||"textarea"===a)),a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!=typeof c)throw Error(y(231,b,typeof c));return c}var Pb=!1;if(fa)try{var Qb={};Object.defineProperty(Qb,"passive",{get:function(){Pb=!0}}),window.addEventListener("test",Qb,Qb),window.removeEventListener("test",Qb,Qb)}catch(a){Pb=!1}function Rb(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l)}catch(n){this.onError(n)}}var Sb=!1,Tb=null,Ub=!1,Vb=null,Wb={onError:function(a){Sb=!0,Tb=a}};function Xb(a,b,c,d,e,f,g,h,k){Sb=!1,Tb=null,Rb.apply(Wb,arguments)}function Zb(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do{0!=(1026&(b=a).flags)&&(c=b.return),a=b.return}while(a)}return 3===b.tag?c:null}function $b(a){if(13===a.tag){var b=a.memoizedState;if(null===b&&(null!==(a=a.alternate)&&(b=a.memoizedState)),null!==b)return b.dehydrated}return null}function ac(a){if(Zb(a)!==a)throw Error(y(188))}function cc(a){if(a=function bc(a){var b=a.alternate;if(!b){if(null===(b=Zb(a)))throw Error(y(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){if(null!==(d=e.return)){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return ac(e),a;if(f===d)return ac(e),b;f=f.sibling}throw Error(y(188))}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0,c=e,d=f;break}if(h===d){g=!0,d=e,c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===c){g=!0,c=f,d=e;break}if(h===d){g=!0,d=f,c=e;break}h=h.sibling}if(!g)throw Error(y(189))}}if(c.alternate!==d)throw Error(y(190))}if(3!==c.tag)throw Error(y(188));return c.stateNode.current===c?a:b}(a),!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return,b=b.sibling}}return null}function dc(a,b){for(var c=a.alternate;null!==b;){if(b===a||b===c)return!0;b=b.return}return!1}var ec,fc,gc,hc,ic=!1,jc=[],kc=null,lc=null,mc=null,nc=new Map,oc=new Map,pc=[],qc="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function rc(a,b,c,d,e){return{blockedOn:a,domEventName:b,eventSystemFlags:16|c,nativeEvent:e,targetContainers:[d]}}function sc(a,b){switch(a){case"focusin":case"focusout":kc=null;break;case"dragenter":case"dragleave":lc=null;break;case"mouseover":case"mouseout":mc=null;break;case"pointerover":case"pointerout":nc.delete(b.pointerId);break;case"gotpointercapture":case"lostpointercapture":oc.delete(b.pointerId)}}function tc(a,b,c,d,e,f){return null===a||a.nativeEvent!==f?(a=rc(b,c,d,e,f),null!==b&&(null!==(b=Cb(b))&&fc(b)),a):(a.eventSystemFlags|=d,b=a.targetContainers,null!==e&&-1===b.indexOf(e)&&b.push(e),a)}function vc(a){var b=wc(a.target);if(null!==b){var c=Zb(b);if(null!==c)if(13===(b=c.tag)){if(null!==(b=$b(c)))return a.blockedOn=b,void hc(a.lanePriority,(function(){r.unstable_runWithPriority(a.priority,(function(){gc(c)}))}))}else if(3===b&&c.stateNode.hydrate)return void(a.blockedOn=3===c.tag?c.stateNode.containerInfo:null)}a.blockedOn=null}function xc(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=yc(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null!==c)return null!==(b=Cb(c))&&fc(b),a.blockedOn=c,!1;b.shift()}return!0}function zc(a,b,c){xc(a)&&c.delete(b)}function Ac(){for(ic=!1;0<jc.length;){var a=jc[0];if(null!==a.blockedOn){null!==(a=Cb(a.blockedOn))&&ec(a);break}for(var b=a.targetContainers;0<b.length;){var c=yc(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null!==c){a.blockedOn=c;break}b.shift()}null===a.blockedOn&&jc.shift()}null!==kc&&xc(kc)&&(kc=null),null!==lc&&xc(lc)&&(lc=null),null!==mc&&xc(mc)&&(mc=null),nc.forEach(zc),oc.forEach(zc)}function Bc(a,b){a.blockedOn===b&&(a.blockedOn=null,ic||(ic=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Ac)))}function Cc(a){function b(b){return Bc(b,a)}if(0<jc.length){Bc(jc[0],a);for(var c=1;c<jc.length;c++){var d=jc[c];d.blockedOn===a&&(d.blockedOn=null)}}for(null!==kc&&Bc(kc,a),null!==lc&&Bc(lc,a),null!==mc&&Bc(mc,a),nc.forEach(b),oc.forEach(b),c=0;c<pc.length;c++)(d=pc[c]).blockedOn===a&&(d.blockedOn=null);for(;0<pc.length&&null===(c=pc[0]).blockedOn;)vc(c),null===c.blockedOn&&pc.shift()}function Dc(a,b){var c={};return c[a.toLowerCase()]=b.toLowerCase(),c["Webkit"+a]="webkit"+b,c["Moz"+a]="moz"+b,c}var Ec={animationend:Dc("Animation","AnimationEnd"),animationiteration:Dc("Animation","AnimationIteration"),animationstart:Dc("Animation","AnimationStart"),transitionend:Dc("Transition","TransitionEnd")},Fc={},Gc={};function Hc(a){if(Fc[a])return Fc[a];if(!Ec[a])return a;var c,b=Ec[a];for(c in b)if(b.hasOwnProperty(c)&&c in Gc)return Fc[a]=b[c];return a}fa&&(Gc=document.createElement("div").style,"AnimationEvent"in window||(delete Ec.animationend.animation,delete Ec.animationiteration.animation,delete Ec.animationstart.animation),"TransitionEvent"in window||delete Ec.transitionend.transition);var Ic=Hc("animationend"),Jc=Hc("animationiteration"),Kc=Hc("animationstart"),Lc=Hc("transitionend"),Mc=new Map,Nc=new Map,Oc=["abort","abort",Ic,"animationEnd",Jc,"animationIteration",Kc,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Lc,"transitionEnd","waiting","waiting"];function Pc(a,b){for(var c=0;c<a.length;c+=2){var d=a[c],e=a[c+1];e="on"+(e[0].toUpperCase()+e.slice(1)),Nc.set(d,b),Mc.set(d,e),da(e,[d])}}(0,r.unstable_now)();var F=8;function Rc(a){if(0!=(1&a))return F=15,1;if(0!=(2&a))return F=14,2;if(0!=(4&a))return F=13,4;var b=24&a;return 0!==b?(F=12,b):0!=(32&a)?(F=11,32):0!==(b=192&a)?(F=10,b):0!=(256&a)?(F=9,256):0!==(b=3584&a)?(F=8,b):0!=(4096&a)?(F=7,4096):0!==(b=4186112&a)?(F=6,b):0!==(b=62914560&a)?(F=5,b):67108864&a?(F=4,67108864):0!=(134217728&a)?(F=3,134217728):0!==(b=805306368&a)?(F=2,b):0!=(1073741824&a)?(F=1,1073741824):(F=8,a)}function Uc(a,b){var c=a.pendingLanes;if(0===c)return F=0;var d=0,e=0,f=a.expiredLanes,g=a.suspendedLanes,h=a.pingedLanes;if(0!==f)d=f,e=F=15;else if(0!==(f=134217727&c)){var k=f&~g;0!==k?(d=Rc(k),e=F):0!==(h&=f)&&(d=Rc(h),e=F)}else 0!==(f=c&~g)?(d=Rc(f),e=F):0!==h&&(d=Rc(h),e=F);if(0===d)return 0;if(d=c&((0>(d=31-Vc(d))?0:1<<d)<<1)-1,0!==b&&b!==d&&0==(b&g)){if(Rc(b),e<=F)return b;F=e}if(0!==(b=a.entangledLanes))for(a=a.entanglements,b&=d;0<b;)e=1<<(c=31-Vc(b)),d|=a[c],b&=~e;return d}function Wc(a){return 0!==(a=-1073741825&a.pendingLanes)?a:1073741824&a?1073741824:0}function Xc(a,b){switch(a){case 15:return 1;case 14:return 2;case 12:return 0===(a=Yc(24&~b))?Xc(10,b):a;case 10:return 0===(a=Yc(192&~b))?Xc(8,b):a;case 8:return 0===(a=Yc(3584&~b))&&(0===(a=Yc(4186112&~b))&&(a=512)),a;case 2:return 0===(b=Yc(805306368&~b))&&(b=268435456),b}throw Error(y(358,a))}function Yc(a){return a&-a}function Zc(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function $c(a,b,c){a.pendingLanes|=b;var d=b-1;a.suspendedLanes&=d,a.pingedLanes&=d,(a=a.eventTimes)[b=31-Vc(b)]=c}var Vc=Math.clz32?Math.clz32:function ad(a){return 0===a?32:31-(bd(a)/cd|0)|0},bd=Math.log,cd=Math.LN2;var dd=r.unstable_UserBlockingPriority,ed=r.unstable_runWithPriority,fd=!0;function gd(a,b,c,d){Kb||Ib();var e=hd,f=Kb;Kb=!0;try{Hb(e,a,b,c,d)}finally{(Kb=f)||Mb()}}function id(a,b,c,d){ed(dd,hd.bind(null,a,b,c,d))}function hd(a,b,c,d){var e;if(fd)if((e=0==(4&b))&&0<jc.length&&-1<qc.indexOf(a))a=rc(null,a,b,c,d),jc.push(a);else{var f=yc(a,b,c,d);if(null===f)e&&sc(a,d);else{if(e){if(-1<qc.indexOf(a))return a=rc(f,a,b,c,d),void jc.push(a);if(function uc(a,b,c,d,e){switch(b){case"focusin":return kc=tc(kc,a,b,c,d,e),!0;case"dragenter":return lc=tc(lc,a,b,c,d,e),!0;case"mouseover":return mc=tc(mc,a,b,c,d,e),!0;case"pointerover":var f=e.pointerId;return nc.set(f,tc(nc.get(f)||null,a,b,c,d,e)),!0;case"gotpointercapture":return f=e.pointerId,oc.set(f,tc(oc.get(f)||null,a,b,c,d,e)),!0}return!1}(f,a,b,c,d))return;sc(a,d)}jd(a,b,d,null,c)}}}function yc(a,b,c,d){var e=xb(d);if(null!==(e=wc(e))){var f=Zb(e);if(null===f)e=null;else{var g=f.tag;if(13===g){if(null!==(e=$b(f)))return e;e=null}else if(3===g){if(f.stateNode.hydrate)return 3===f.tag?f.stateNode.containerInfo:null;e=null}else f!==e&&(e=null)}}return jd(a,b,d,e,c),null}var kd=null,ld=null,md=null;function nd(){if(md)return md;var a,d,b=ld,c=b.length,e="value"in kd?kd.value:kd.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return md=e.slice(a,1<d?1-d:void 0)}function od(a){var b=a.keyCode;return"charCode"in a?0===(a=a.charCode)&&13===b&&(a=13):a=b,10===a&&(a=13),32<=a||13===a?a:0}function pd(){return!0}function qd(){return!1}function rd(a){function b(b,d,e,f,g){for(var c in this._reactName=b,this._targetInst=e,this.type=d,this.nativeEvent=f,this.target=g,this.currentTarget=null,a)a.hasOwnProperty(c)&&(b=a[c],this[c]=b?b(f):f[c]);return this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?pd:qd,this.isPropagationStopped=qd,this}return m(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!=typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=pd)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!=typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=pd)},persist:function(){},isPersistent:pd}),b}var wd,xd,yd,sd={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},td=rd(sd),ud=m({},sd,{view:0,detail:0}),vd=rd(ud),Ad=m({},ud,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:zd,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){return"movementX"in a?a.movementX:(a!==yd&&(yd&&"mousemove"===a.type?(wd=a.screenX-yd.screenX,xd=a.screenY-yd.screenY):xd=wd=0,yd=a),wd)},movementY:function(a){return"movementY"in a?a.movementY:xd}}),Bd=rd(Ad),Dd=rd(m({},Ad,{dataTransfer:0})),Fd=rd(m({},ud,{relatedTarget:0})),Hd=rd(m({},sd,{animationName:0,elapsedTime:0,pseudoElement:0})),Id=m({},sd,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Jd=rd(Id),Ld=rd(m({},sd,{data:0})),Md={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Nd={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Od={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Pd(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):!!(a=Od[a])&&!!b[a]}function zd(){return Pd}var Qd=m({},ud,{key:function(a){if(a.key){var b=Md[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?13===(a=od(a))?"Enter":String.fromCharCode(a):"keydown"===a.type||"keyup"===a.type?Nd[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:zd,charCode:function(a){return"keypress"===a.type?od(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===a.type?od(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Rd=rd(Qd),Td=rd(m({},Ad,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Vd=rd(m({},ud,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:zd})),Xd=rd(m({},sd,{propertyName:0,elapsedTime:0,pseudoElement:0})),Yd=m({},Ad,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Zd=rd(Yd),$d=[9,13,27,32],ae=fa&&"CompositionEvent"in window,be=null;fa&&"documentMode"in document&&(be=document.documentMode);var ce=fa&&"TextEvent"in window&&!be,de=fa&&(!ae||be&&8<be&&11>=be),ee=String.fromCharCode(32),fe=!1;function ge(a,b){switch(a){case"keyup":return-1!==$d.indexOf(b.keyCode);case"keydown":return 229!==b.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function he(a){return"object"==typeof(a=a.detail)&&"data"in a?a.data:null}var ie=!1;var le={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function me(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!le[a.type]:"textarea"===b}function ne(a,b,c,d){Eb(d),0<(b=oe(b,"onChange")).length&&(c=new td("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var pe=null,qe=null;function re(a){se(a,0)}function te(a){if(Wa(ue(a)))return a}function ve(a,b){if("change"===a)return b}var we=!1;if(fa){var xe;if(fa){var ye="oninput"in document;if(!ye){var ze=document.createElement("div");ze.setAttribute("oninput","return;"),ye="function"==typeof ze.oninput}xe=ye}else xe=!1;we=xe&&(!document.documentMode||9<document.documentMode)}function Ae(){pe&&(pe.detachEvent("onpropertychange",Be),qe=pe=null)}function Be(a){if("value"===a.propertyName&&te(qe)){var b=[];if(ne(b,qe,a,xb(a)),a=re,Kb)a(b);else{Kb=!0;try{Gb(a,b)}finally{Kb=!1,Mb()}}}}function Ce(a,b,c){"focusin"===a?(Ae(),qe=c,(pe=b).attachEvent("onpropertychange",Be)):"focusout"===a&&Ae()}function De(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return te(qe)}function Ee(a,b){if("click"===a)return te(b)}function Fe(a,b){if("input"===a||"change"===a)return te(b)}var He="function"==typeof Object.is?Object.is:function Ge(a,b){return a===b&&(0!==a||1/a==1/b)||a!=a&&b!=b},Ie=Object.prototype.hasOwnProperty;function Je(a,b){if(He(a,b))return!0;if("object"!=typeof a||null===a||"object"!=typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++)if(!Ie.call(b,c[d])||!He(a[c[d]],b[c[d]]))return!1;return!0}function Ke(a){for(;a&&a.firstChild;)a=a.firstChild;return a}function Le(a,b){var d,c=Ke(a);for(a=0;c;){if(3===c.nodeType){if(d=a+c.textContent.length,a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Ke(c)}}function Me(a,b){return!(!a||!b)&&(a===b||(!a||3!==a.nodeType)&&(b&&3===b.nodeType?Me(a,b.parentNode):"contains"in a?a.contains(b):!!a.compareDocumentPosition&&!!(16&a.compareDocumentPosition(b))))}function Ne(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c="string"==typeof b.contentWindow.location.href}catch(d){c=!1}if(!c)break;b=Xa((a=b.contentWindow).document)}return b}function Oe(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}var Pe=fa&&"documentMode"in document&&11>=document.documentMode,Qe=null,Re=null,Se=null,Te=!1;function Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||("selectionStart"in(d=Qe)&&Oe(d)?d={start:d.selectionStart,end:d.selectionEnd}:d={anchorNode:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset},Se&&Je(Se,d)||(Se=d,0<(d=oe(Re,"onSelect")).length&&(b=new td("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Qe)))}Pc("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Pc("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Pc(Oc,2);for(var Ve="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),We=0;We<Ve.length;We++)Nc.set(Ve[We],0);ea("onMouseEnter",["mouseout","mouseover"]),ea("onMouseLeave",["mouseout","mouseover"]),ea("onPointerEnter",["pointerout","pointerover"]),ea("onPointerLeave",["pointerout","pointerover"]),da("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),da("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),da("onBeforeInput",["compositionend","keypress","textInput","paste"]),da("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),da("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),da("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Xe="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Ye=new Set("cancel close invalid load scroll toggle".split(" ").concat(Xe));function Ze(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c,function Yb(a,b,c,d,e,f,g,h,k){if(Xb.apply(this,arguments),Sb){if(!Sb)throw Error(y(198));var l=Tb;Sb=!1,Tb=null,Ub||(Ub=!0,Vb=l)}}(d,b,void 0,a),a.currentTarget=null}function se(a,b){b=0!=(4&b);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,l=h.currentTarget;if(h=h.listener,k!==f&&e.isPropagationStopped())break a;Ze(e,h,l),f=k}else for(g=0;g<d.length;g++){if(k=(h=d[g]).instance,l=h.currentTarget,h=h.listener,k!==f&&e.isPropagationStopped())break a;Ze(e,h,l),f=k}}}if(Ub)throw a=Vb,Ub=!1,Vb=null,a}function G(a,b){var c=$e(b),d=a+"__bubble";c.has(d)||(af(b,a,2,!1),c.add(d))}var bf="_reactListening"+Math.random().toString(36).slice(2);function cf(a){a[bf]||(a[bf]=!0,ba.forEach((function(b){Ye.has(b)||df(b,!1,a,null),df(b,!0,a,null)})))}function df(a,b,c,d){var e=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,f=c;if("selectionchange"===a&&9!==c.nodeType&&(f=c.ownerDocument),null!==d&&!b&&Ye.has(a)){if("scroll"!==a)return;e|=2,f=d}var g=$e(f),h=a+"__"+(b?"capture":"bubble");g.has(h)||(b&&(e|=4),af(f,a,e,b),g.add(h))}function af(a,b,c,d){var e=Nc.get(b);switch(void 0===e?2:e){case 0:e=gd;break;case 1:e=id;break;default:e=hd}c=e.bind(null,b,c,a),e=void 0,!Pb||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0),d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}function jd(a,b,c,d,e){var f=d;if(0==(1&b)&&0==(2&b)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if((3===k||4===k)&&((k=g.stateNode.containerInfo)===e||8===k.nodeType&&k.parentNode===e))return;g=g.return}for(;null!==h;){if(null===(g=wc(h)))return;if(5===(k=g.tag)||6===k){d=f=g;continue a}h=h.parentNode}}d=d.return}!function Nb(a,b,c){if(Lb)return a(b,c);Lb=!0;try{return Jb(a,b,c)}finally{Lb=!1,Mb()}}((function(){var d=f,e=xb(c),g=[];a:{var h=Mc.get(a);if(void 0!==h){var k=td,x=a;switch(a){case"keypress":if(0===od(c))break a;case"keydown":case"keyup":k=Rd;break;case"focusin":x="focus",k=Fd;break;case"focusout":x="blur",k=Fd;break;case"beforeblur":case"afterblur":k=Fd;break;case"click":if(2===c.button)break a;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":k=Bd;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":k=Dd;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":k=Vd;break;case Ic:case Jc:case Kc:k=Hd;break;case Lc:k=Xd;break;case"scroll":k=vd;break;case"wheel":k=Zd;break;case"copy":case"cut":case"paste":k=Jd;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":k=Td}var w=0!=(4&b),z=!w&&"scroll"===a,u=w?null!==h?h+"Capture":null:h;w=[];for(var q,t=d;null!==t;){var v=(q=t).stateNode;if(5===q.tag&&null!==v&&(q=v,null!==u&&(null!=(v=Ob(t,u))&&w.push(ef(t,v,q)))),z)break;t=t.return}0<w.length&&(h=new k(h,x,null,c,e),g.push({event:h,listeners:w}))}}if(0==(7&b)){if(k="mouseout"===a||"pointerout"===a,(!(h="mouseover"===a||"pointerover"===a)||0!=(16&b)||!(x=c.relatedTarget||c.fromElement)||!wc(x)&&!x[ff])&&(k||h)&&(h=e.window===e?e:(h=e.ownerDocument)?h.defaultView||h.parentWindow:window,k?(k=d,null!==(x=(x=c.relatedTarget||c.toElement)?wc(x):null)&&(x!==(z=Zb(x))||5!==x.tag&&6!==x.tag)&&(x=null)):(k=null,x=d),k!==x)){if(w=Bd,v="onMouseLeave",u="onMouseEnter",t="mouse","pointerout"!==a&&"pointerover"!==a||(w=Td,v="onPointerLeave",u="onPointerEnter",t="pointer"),z=null==k?h:ue(k),q=null==x?h:ue(x),(h=new w(v,t+"leave",k,c,e)).target=z,h.relatedTarget=q,v=null,wc(e)===d&&((w=new w(u,t+"enter",x,c,e)).target=q,w.relatedTarget=z,v=w),z=v,k&&x)b:{for(u=x,t=0,q=w=k;q;q=gf(q))t++;for(q=0,v=u;v;v=gf(v))q++;for(;0<t-q;)w=gf(w),t--;for(;0<q-t;)u=gf(u),q--;for(;t--;){if(w===u||null!==u&&w===u.alternate)break b;w=gf(w),u=gf(u)}w=null}else w=null;null!==k&&hf(g,h,k,w,!1),null!==x&&null!==z&&hf(g,z,x,w,!0)}if("select"===(k=(h=d?ue(d):window).nodeName&&h.nodeName.toLowerCase())||"input"===k&&"file"===h.type)var J=ve;else if(me(h))if(we)J=Fe;else{J=De;var K=Ce}else(k=h.nodeName)&&"input"===k.toLowerCase()&&("checkbox"===h.type||"radio"===h.type)&&(J=Ee);switch(J&&(J=J(a,d))?ne(g,J,c,e):(K&&K(a,h,d),"focusout"===a&&(K=h._wrapperState)&&K.controlled&&"number"===h.type&&bb(h,"number",h.value)),K=d?ue(d):window,a){case"focusin":(me(K)||"true"===K.contentEditable)&&(Qe=K,Re=d,Se=null);break;case"focusout":Se=Re=Qe=null;break;case"mousedown":Te=!0;break;case"contextmenu":case"mouseup":case"dragend":Te=!1,Ue(g,c,e);break;case"selectionchange":if(Pe)break;case"keydown":case"keyup":Ue(g,c,e)}var Q;if(ae)b:{switch(a){case"compositionstart":var L="onCompositionStart";break b;case"compositionend":L="onCompositionEnd";break b;case"compositionupdate":L="onCompositionUpdate";break b}L=void 0}else ie?ge(a,c)&&(L="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(L="onCompositionStart");L&&(de&&"ko"!==c.locale&&(ie||"onCompositionStart"!==L?"onCompositionEnd"===L&&ie&&(Q=nd()):(ld="value"in(kd=e)?kd.value:kd.textContent,ie=!0)),0<(K=oe(d,L)).length&&(L=new Ld(L,a,null,c,e),g.push({event:L,listeners:K}),Q?L.data=Q:null!==(Q=he(c))&&(L.data=Q))),(Q=ce?function je(a,b){switch(a){case"compositionend":return he(b);case"keypress":return 32!==b.which?null:(fe=!0,ee);case"textInput":return(a=b.data)===ee&&fe?null:a;default:return null}}(a,c):function ke(a,b){if(ie)return"compositionend"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case"paste":default:return null;case"keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case"compositionend":return de&&"ko"!==b.locale?null:b.data}}(a,c))&&(0<(d=oe(d,"onBeforeInput")).length&&(e=new Ld("onBeforeInput","beforeinput",null,c,e),g.push({event:e,listeners:d}),e.data=Q))}se(g,b)}))}function ef(a,b,c){return{instance:a,listener:b,currentTarget:c}}function oe(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;5===e.tag&&null!==f&&(e=f,null!=(f=Ob(a,c))&&d.unshift(ef(a,f,e)),null!=(f=Ob(a,b))&&d.push(ef(a,f,e))),a=a.return}return d}function gf(a){if(null===a)return null;do{a=a.return}while(a&&5!==a.tag);return a||null}function hf(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,l=h.stateNode;if(null!==k&&k===d)break;5===h.tag&&null!==l&&(h=l,e?null!=(k=Ob(c,f))&&g.unshift(ef(c,k,h)):e||null!=(k=Ob(c,f))&&g.push(ef(c,k,h))),c=c.return}0!==g.length&&a.push({event:b,listeners:g})}function jf(){}var kf=null,lf=null;function mf(a,b){switch(a){case"button":case"input":case"select":case"textarea":return!!b.autoFocus}return!1}function nf(a,b){return"textarea"===a||"option"===a||"noscript"===a||"string"==typeof b.children||"number"==typeof b.children||"object"==typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var of="function"==typeof setTimeout?setTimeout:void 0,pf="function"==typeof clearTimeout?clearTimeout:void 0;function qf(a){1===a.nodeType?a.textContent="":9===a.nodeType&&(null!=(a=a.body)&&(a.textContent=""))}function rf(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break}return a}function sf(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}var tf=0;var vf=Math.random().toString(36).slice(2),wf="__reactFiber$"+vf,xf="__reactProps$"+vf,ff="__reactContainer$"+vf,yf="__reactEvents$"+vf;function wc(a){var b=a[wf];if(b)return b;for(var c=a.parentNode;c;){if(b=c[ff]||c[wf]){if(c=b.alternate,null!==b.child||null!==c&&null!==c.child)for(a=sf(a);null!==a;){if(c=a[wf])return c;a=sf(a)}return b}c=(a=c).parentNode}return null}function Cb(a){return!(a=a[wf]||a[ff])||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function ue(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(y(33))}function Db(a){return a[xf]||null}function $e(a){var b=a[yf];return void 0===b&&(b=a[yf]=new Set),b}var zf=[],Af=-1;function Bf(a){return{current:a}}function H(a){0>Af||(a.current=zf[Af],zf[Af]=null,Af--)}function I(a,b){Af++,zf[Af]=a.current,a.current=b}var Cf={},M=Bf(Cf),N=Bf(!1),Df=Cf;function Ef(a,b){var c=a.type.contextTypes;if(!c)return Cf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var f,e={};for(f in c)e[f]=b[f];return d&&((a=a.stateNode).__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e),e}function Ff(a){return null!=(a=a.childContextTypes)}function Gf(){H(N),H(M)}function Hf(a,b,c){if(M.current!==Cf)throw Error(y(168));I(M,b),I(N,c)}function If(a,b,c){var d=a.stateNode;if(a=b.childContextTypes,"function"!=typeof d.getChildContext)return c;for(var e in d=d.getChildContext())if(!(e in a))throw Error(y(108,Ra(b)||"Unknown",e));return m({},c,d)}function Jf(a){return a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Cf,Df=M.current,I(M,a),I(N,N.current),!0}function Kf(a,b,c){var d=a.stateNode;if(!d)throw Error(y(169));c?(a=If(a,b,Df),d.__reactInternalMemoizedMergedChildContext=a,H(N),H(M),I(M,a)):H(N),I(N,c)}var Lf=null,Mf=null,Nf=r.unstable_runWithPriority,Of=r.unstable_scheduleCallback,Pf=r.unstable_cancelCallback,Qf=r.unstable_shouldYield,Rf=r.unstable_requestPaint,Sf=r.unstable_now,Tf=r.unstable_getCurrentPriorityLevel,Uf=r.unstable_ImmediatePriority,Vf=r.unstable_UserBlockingPriority,Wf=r.unstable_NormalPriority,Xf=r.unstable_LowPriority,Yf=r.unstable_IdlePriority,Zf={},$f=void 0!==Rf?Rf:function(){},ag=null,bg=null,cg=!1,dg=Sf(),O=1e4>dg?Sf:function(){return Sf()-dg};function eg(){switch(Tf()){case Uf:return 99;case Vf:return 98;case Wf:return 97;case Xf:return 96;case Yf:return 95;default:throw Error(y(332))}}function fg(a){switch(a){case 99:return Uf;case 98:return Vf;case 97:return Wf;case 96:return Xf;case 95:return Yf;default:throw Error(y(332))}}function gg(a,b){return a=fg(a),Nf(a,b)}function hg(a,b,c){return a=fg(a),Of(a,b,c)}function ig(){if(null!==bg){var a=bg;bg=null,Pf(a)}jg()}function jg(){if(!cg&&null!==ag){cg=!0;var a=0;try{var b=ag;gg(99,(function(){for(;a<b.length;a++){var c=b[a];do{c=c(!0)}while(null!==c)}})),ag=null}catch(c){throw null!==ag&&(ag=ag.slice(a+1)),Of(Uf,ig),c}finally{cg=!1}}}var kg=ra.ReactCurrentBatchConfig;function lg(a,b){if(a&&a.defaultProps){for(var c in b=m({},b),a=a.defaultProps)void 0===b[c]&&(b[c]=a[c]);return b}return b}var mg=Bf(null),ng=null,og=null,pg=null;function qg(){pg=og=ng=null}function rg(a){var b=mg.current;H(mg),a.type._context._currentValue=b}function sg(a,b){for(;null!==a;){var c=a.alternate;if((a.childLanes&b)===b){if(null===c||(c.childLanes&b)===b)break;c.childLanes|=b}else a.childLanes|=b,null!==c&&(c.childLanes|=b);a=a.return}}function tg(a,b){ng=a,pg=og=null,null!==(a=a.dependencies)&&null!==a.firstContext&&(0!=(a.lanes&b)&&(ug=!0),a.firstContext=null)}function vg(a,b){if(pg!==a&&!1!==b&&0!==b)if("number"==typeof b&&1073741823!==b||(pg=a,b=1073741823),b={context:a,observedBits:b,next:null},null===og){if(null===ng)throw Error(y(308));og=b,ng.dependencies={lanes:0,firstContext:b,responders:null}}else og=og.next=b;return a._currentValue}var wg=!1;function xg(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function yg(a,b){a=a.updateQueue,b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,effects:a.effects})}function zg(a,b){return{eventTime:a,lane:b,tag:0,payload:null,callback:null,next:null}}function Ag(a,b){if(null!==(a=a.updateQueue)){var c=(a=a.shared).pending;null===c?b.next=b:(b.next=c.next,c.next=b),a.pending=b}}function Bg(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&c===(d=d.updateQueue)){var e=null,f=null;if(null!==(c=c.firstBaseUpdate)){do{var g={eventTime:c.eventTime,lane:c.lane,tag:c.tag,payload:c.payload,callback:c.callback,next:null};null===f?e=f=g:f=f.next=g,c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;return c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,effects:d.effects},void(a.updateQueue=c)}null===(a=c.lastBaseUpdate)?c.firstBaseUpdate=b:a.next=b,c.lastBaseUpdate=b}function Cg(a,b,c,d){var e=a.updateQueue;wg=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,l=k.next;k.next=null,null===g?f=l:g.next=l,g=k;var n=a.alternate;if(null!==n){var A=(n=n.updateQueue).lastBaseUpdate;A!==g&&(null===A?n.firstBaseUpdate=l:A.next=l,n.lastBaseUpdate=k)}}if(null!==f){for(A=e.baseState,g=0,n=l=k=null;;){h=f.lane;var p=f.eventTime;if((d&h)===h){null!==n&&(n=n.next={eventTime:p,lane:0,tag:f.tag,payload:f.payload,callback:f.callback,next:null});a:{var C=a,x=f;switch(h=b,p=c,x.tag){case 1:if("function"==typeof(C=x.payload)){A=C.call(p,A,h);break a}A=C;break a;case 3:C.flags=-4097&C.flags|64;case 0:if(null==(h="function"==typeof(C=x.payload)?C.call(p,A,h):C))break a;A=m({},A,h);break a;case 2:wg=!0}}null!==f.callback&&(a.flags|=32,null===(h=e.effects)?e.effects=[f]:h.push(f))}else p={eventTime:p,lane:h,tag:f.tag,payload:f.payload,callback:f.callback,next:null},null===n?(l=n=p,k=A):n=n.next=p,g|=h;if(null===(f=f.next)){if(null===(h=e.shared.pending))break;f=h.next,h.next=null,e.lastBaseUpdate=h,e.shared.pending=null}}null===n&&(k=A),e.baseState=k,e.firstBaseUpdate=l,e.lastBaseUpdate=n,Dg|=g,a.lanes=g,a.memoizedState=A}}function Eg(a,b,c){if(a=b.effects,b.effects=null,null!==a)for(b=0;b<a.length;b++){var d=a[b],e=d.callback;if(null!==e){if(d.callback=null,d=c,"function"!=typeof e)throw Error(y(191,e));e.call(d)}}}var Fg=(new aa.Component).refs;function Gg(a,b,c,d){c=null==(c=c(d,b=a.memoizedState))?b:m({},b,c),a.memoizedState=c,0===a.lanes&&(a.updateQueue.baseState=c)}var Kg={isMounted:function(a){return!!(a=a._reactInternals)&&Zb(a)===a},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=Hg(),e=Ig(a),f=zg(d,e);f.payload=b,null!=c&&(f.callback=c),Ag(a,f),Jg(a,e,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=Hg(),e=Ig(a),f=zg(d,e);f.tag=1,f.payload=b,null!=c&&(f.callback=c),Ag(a,f),Jg(a,e,d)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=Hg(),d=Ig(a),e=zg(c,d);e.tag=2,null!=b&&(e.callback=b),Ag(a,e),Jg(a,d,c)}};function Lg(a,b,c,d,e,f,g){return"function"==typeof(a=a.stateNode).shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):!b.prototype||!b.prototype.isPureReactComponent||(!Je(c,d)||!Je(e,f))}function Mg(a,b,c){var d=!1,e=Cf,f=b.contextType;return"object"==typeof f&&null!==f?f=vg(f):(e=Ff(b)?Df:M.current,f=(d=null!=(d=b.contextTypes))?Ef(a,e):Cf),b=new b(c,f),a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null,b.updater=Kg,a.stateNode=b,b._reactInternals=a,d&&((a=a.stateNode).__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f),b}function Ng(a,b,c,d){a=b.state,"function"==typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d),"function"==typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d),b.state!==a&&Kg.enqueueReplaceState(b,b.state,null)}function Og(a,b,c,d){var e=a.stateNode;e.props=c,e.state=a.memoizedState,e.refs=Fg,xg(a);var f=b.contextType;"object"==typeof f&&null!==f?e.context=vg(f):(f=Ff(b)?Df:M.current,e.context=Ef(a,f)),Cg(a,c,e,d),e.state=a.memoizedState,"function"==typeof(f=b.getDerivedStateFromProps)&&(Gg(a,b,f,c),e.state=a.memoizedState),"function"==typeof b.getDerivedStateFromProps||"function"==typeof e.getSnapshotBeforeUpdate||"function"!=typeof e.UNSAFE_componentWillMount&&"function"!=typeof e.componentWillMount||(b=e.state,"function"==typeof e.componentWillMount&&e.componentWillMount(),"function"==typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Kg.enqueueReplaceState(e,e.state,null),Cg(a,c,e,d),e.state=a.memoizedState),"function"==typeof e.componentDidMount&&(a.flags|=4)}var Pg=Array.isArray;function Qg(a,b,c){if(null!==(a=c.ref)&&"function"!=typeof a&&"object"!=typeof a){if(c._owner){if(c=c._owner){if(1!==c.tag)throw Error(y(309));var d=c.stateNode}if(!d)throw Error(y(147,a));var e=""+a;return null!==b&&null!==b.ref&&"function"==typeof b.ref&&b.ref._stringRef===e?b.ref:(b=function(a){var b=d.refs;b===Fg&&(b=d.refs={}),null===a?delete b[e]:b[e]=a},b._stringRef=e,b)}if("string"!=typeof a)throw Error(y(284));if(!c._owner)throw Error(y(290,a))}return a}function Rg(a,b){if("textarea"!==a.type)throw Error(y(31,"[object Object]"===Object.prototype.toString.call(b)?"object with keys {"+Object.keys(b).join(", ")+"}":b))}function Sg(a){function b(b,c){if(a){var d=b.lastEffect;null!==d?(d.nextEffect=c,b.lastEffect=c):b.firstEffect=b.lastEffect=c,c.nextEffect=null,c.flags=8}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b){return(a=Tg(a,b)).index=0,a.sibling=null,a}function f(b,c,d){return b.index=d,a?null!==(d=b.alternate)?(d=d.index)<c?(b.flags=2,c):d:(b.flags=2,c):c}function g(b){return a&&null===b.alternate&&(b.flags=2),b}function h(a,b,c,d){return null===b||6!==b.tag?((b=Ug(c,a.mode,d)).return=a,b):((b=e(b,c)).return=a,b)}function k(a,b,c,d){return null!==b&&b.elementType===c.type?((d=e(b,c.props)).ref=Qg(a,b,c),d.return=a,d):((d=Vg(c.type,c.key,c.props,null,a.mode,d)).ref=Qg(a,b,c),d.return=a,d)}function l(a,b,c,d){return null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==c.implementation?((b=Wg(c,a.mode,d)).return=a,b):((b=e(b,c.children||[])).return=a,b)}function n(a,b,c,d,f){return null===b||7!==b.tag?((b=Xg(c,a.mode,d,f)).return=a,b):((b=e(b,c)).return=a,b)}function A(a,b,c){if("string"==typeof b||"number"==typeof b)return(b=Ug(""+b,a.mode,c)).return=a,b;if("object"==typeof b&&null!==b){switch(b.$$typeof){case sa:return(c=Vg(b.type,b.key,b.props,null,a.mode,c)).ref=Qg(a,null,b),c.return=a,c;case ta:return(b=Wg(b,a.mode,c)).return=a,b}if(Pg(b)||La(b))return(b=Xg(b,a.mode,c,null)).return=a,b;Rg(a,b)}return null}function p(a,b,c,d){var e=null!==b?b.key:null;if("string"==typeof c||"number"==typeof c)return null!==e?null:h(a,b,""+c,d);if("object"==typeof c&&null!==c){switch(c.$$typeof){case sa:return c.key===e?c.type===ua?n(a,b,c.props.children,d,e):k(a,b,c,d):null;case ta:return c.key===e?l(a,b,c,d):null}if(Pg(c)||La(c))return null!==e?null:n(a,b,c,d,null);Rg(a,c)}return null}function C(a,b,c,d,e){if("string"==typeof d||"number"==typeof d)return h(b,a=a.get(c)||null,""+d,e);if("object"==typeof d&&null!==d){switch(d.$$typeof){case sa:return a=a.get(null===d.key?c:d.key)||null,d.type===ua?n(b,a,d.props.children,e,d.key):k(b,a,d,e);case ta:return l(b,a=a.get(null===d.key?c:d.key)||null,d,e)}if(Pg(d)||La(d))return n(b,a=a.get(c)||null,d,e,null);Rg(b,d)}return null}function x(e,g,h,k){for(var l=null,t=null,u=g,z=g=0,q=null;null!==u&&z<h.length;z++){u.index>z?(q=u,u=null):q=u.sibling;var n=p(e,u,h[z],k);if(null===n){null===u&&(u=q);break}a&&u&&null===n.alternate&&b(e,u),g=f(n,g,z),null===t?l=n:t.sibling=n,t=n,u=q}if(z===h.length)return c(e,u),l;if(null===u){for(;z<h.length;z++)null!==(u=A(e,h[z],k))&&(g=f(u,g,z),null===t?l=u:t.sibling=u,t=u);return l}for(u=d(e,u);z<h.length;z++)null!==(q=C(u,e,z,h[z],k))&&(a&&null!==q.alternate&&u.delete(null===q.key?z:q.key),g=f(q,g,z),null===t?l=q:t.sibling=q,t=q);return a&&u.forEach((function(a){return b(e,a)})),l}function w(e,g,h,k){var l=La(h);if("function"!=typeof l)throw Error(y(150));if(null==(h=l.call(h)))throw Error(y(151));for(var t=l=null,u=g,z=g=0,q=null,n=h.next();null!==u&&!n.done;z++,n=h.next()){u.index>z?(q=u,u=null):q=u.sibling;var w=p(e,u,n.value,k);if(null===w){null===u&&(u=q);break}a&&u&&null===w.alternate&&b(e,u),g=f(w,g,z),null===t?l=w:t.sibling=w,t=w,u=q}if(n.done)return c(e,u),l;if(null===u){for(;!n.done;z++,n=h.next())null!==(n=A(e,n.value,k))&&(g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);return l}for(u=d(e,u);!n.done;z++,n=h.next())null!==(n=C(u,e,z,n.value,k))&&(a&&null!==n.alternate&&u.delete(null===n.key?z:n.key),g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);return a&&u.forEach((function(a){return b(e,a)})),l}return function(a,d,f,h){var k="object"==typeof f&&null!==f&&f.type===ua&&null===f.key;k&&(f=f.props.children);var l="object"==typeof f&&null!==f;if(l)switch(f.$$typeof){case sa:a:{for(l=f.key,k=d;null!==k;){if(k.key===l){if(7===k.tag){if(f.type===ua){c(a,k.sibling),(d=e(k,f.props.children)).return=a,a=d;break a}}else if(k.elementType===f.type){c(a,k.sibling),(d=e(k,f.props)).ref=Qg(a,k,f),d.return=a,a=d;break a}c(a,k);break}b(a,k),k=k.sibling}f.type===ua?((d=Xg(f.props.children,a.mode,h,f.key)).return=a,a=d):((h=Vg(f.type,f.key,f.props,null,a.mode,h)).ref=Qg(a,d,f),h.return=a,a=h)}return g(a);case ta:a:{for(k=f.key;null!==d;){if(d.key===k){if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling),(d=e(d,f.children||[])).return=a,a=d;break a}c(a,d);break}b(a,d),d=d.sibling}(d=Wg(f,a.mode,h)).return=a,a=d}return g(a)}if("string"==typeof f||"number"==typeof f)return f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),(d=e(d,f)).return=a,a=d):(c(a,d),(d=Ug(f,a.mode,h)).return=a,a=d),g(a);if(Pg(f))return x(a,d,f,h);if(La(f))return w(a,d,f,h);if(l&&Rg(a,f),void 0===f&&!k)switch(a.tag){case 1:case 22:case 0:case 11:case 15:throw Error(y(152,Ra(a.type)||"Component"))}return c(a,d)}}var Yg=Sg(!0),Zg=Sg(!1),$g={},ah=Bf($g),bh=Bf($g),ch=Bf($g);function dh(a){if(a===$g)throw Error(y(174));return a}function eh(a,b){switch(I(ch,b),I(bh,a),I(ah,$g),a=b.nodeType){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:mb(null,"");break;default:b=mb(b=(a=8===a?b.parentNode:b).namespaceURI||null,a=a.tagName)}H(ah),I(ah,b)}function fh(){H(ah),H(bh),H(ch)}function gh(a){dh(ch.current);var b=dh(ah.current),c=mb(b,a.type);b!==c&&(I(bh,a),I(ah,c))}function hh(a){bh.current===a&&(H(ah),H(bh))}var P=Bf(0);function ih(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(null===(c=c.dehydrated)||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!=(64&b.flags))return b}else if(null!==b.child){b.child.return=b,b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return,b=b.sibling}return null}var jh=null,kh=null,lh=!1;function mh(a,b){var c=nh(5,null,null,0);c.elementType="DELETED",c.type="DELETED",c.stateNode=b,c.return=a,c.flags=8,null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c}function oh(a,b){switch(a.tag){case 5:var c=a.type;return null!==(b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b)&&(a.stateNode=b,!0);case 6:return null!==(b=""===a.pendingProps||3!==b.nodeType?null:b)&&(a.stateNode=b,!0);default:return!1}}function ph(a){if(lh){var b=kh;if(b){var c=b;if(!oh(a,b)){if(!(b=rf(c.nextSibling))||!oh(a,b))return a.flags=-1025&a.flags|2,lh=!1,void(jh=a);mh(jh,c)}jh=a,kh=rf(b.firstChild)}else a.flags=-1025&a.flags|2,lh=!1,jh=a}}function qh(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;jh=a}function rh(a){if(a!==jh)return!1;if(!lh)return qh(a),lh=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!nf(b,a.memoizedProps))for(b=kh;b;)mh(a,b),b=rf(b.nextSibling);if(qh(a),13===a.tag){if(!(a=null!==(a=a.memoizedState)?a.dehydrated:null))throw Error(y(317));a:{for(a=a.nextSibling,b=0;a;){if(8===a.nodeType){var c=a.data;if("/$"===c){if(0===b){kh=rf(a.nextSibling);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++}a=a.nextSibling}kh=null}}else kh=jh?rf(a.stateNode.nextSibling):null;return!0}function sh(){kh=jh=null,lh=!1}var th=[];function uh(){for(var a=0;a<th.length;a++)th[a]._workInProgressVersionPrimary=null;th.length=0}var vh=ra.ReactCurrentDispatcher,wh=ra.ReactCurrentBatchConfig,xh=0,R=null,S=null,T=null,yh=!1,zh=!1;function Ah(){throw Error(y(321))}function Bh(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!He(a[c],b[c]))return!1;return!0}function Ch(a,b,c,d,e,f){if(xh=f,R=b,b.memoizedState=null,b.updateQueue=null,b.lanes=0,vh.current=null===a||null===a.memoizedState?Dh:Eh,a=c(d,e),zh){f=0;do{if(zh=!1,!(25>f))throw Error(y(301));f+=1,T=S=null,b.updateQueue=null,vh.current=Fh,a=c(d,e)}while(zh)}if(vh.current=Gh,b=null!==S&&null!==S.next,xh=0,T=S=R=null,yh=!1,b)throw Error(y(300));return a}function Hh(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===T?R.memoizedState=T=a:T=T.next=a,T}function Ih(){if(null===S){var a=R.alternate;a=null!==a?a.memoizedState:null}else a=S.next;var b=null===T?R.memoizedState:T.next;if(null!==b)T=b,S=a;else{if(null===a)throw Error(y(310));a={memoizedState:(S=a).memoizedState,baseState:S.baseState,baseQueue:S.baseQueue,queue:S.queue,next:null},null===T?R.memoizedState=T=a:T=T.next=a}return T}function Jh(a,b){return"function"==typeof b?b(a):b}function Kh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=S,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next,f.next=g}d.baseQueue=e=f,c.pending=null}if(null!==e){e=e.next,d=d.baseState;var h=g=f=null,k=e;do{var l=k.lane;if((xh&l)===l)null!==h&&(h=h.next={lane:0,action:k.action,eagerReducer:k.eagerReducer,eagerState:k.eagerState,next:null}),d=k.eagerReducer===a?k.eagerState:a(d,k.action);else{var n={lane:l,action:k.action,eagerReducer:k.eagerReducer,eagerState:k.eagerState,next:null};null===h?(g=h=n,f=d):h=h.next=n,R.lanes|=l,Dg|=l}k=k.next}while(null!==k&&k!==e);null===h?f=d:h.next=g,He(d,b.memoizedState)||(ug=!0),b.memoizedState=d,b.baseState=f,b.baseQueue=h,c.lastRenderedState=d}return[b.memoizedState,c.dispatch]}function Lh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do{f=a(f,g.action),g=g.next}while(g!==e);He(f,b.memoizedState)||(ug=!0),b.memoizedState=f,null===b.baseQueue&&(b.baseState=f),c.lastRenderedState=f}return[f,d]}function Mh(a,b,c){var d=b._getVersion;d=d(b._source);var e=b._workInProgressVersionPrimary;if(null!==e?a=e===d:(a=a.mutableReadLanes,(a=(xh&a)===a)&&(b._workInProgressVersionPrimary=d,th.push(b))),a)return c(b._source);throw th.push(b),Error(y(350))}function Nh(a,b,c,d){var e=U;if(null===e)throw Error(y(349));var f=b._getVersion,g=f(b._source),h=vh.current,k=h.useState((function(){return Mh(e,b,c)})),l=k[1],n=k[0];k=T;var A=a.memoizedState,p=A.refs,C=p.getSnapshot,x=A.source;A=A.subscribe;var w=R;return a.memoizedState={refs:p,source:b,subscribe:d},h.useEffect((function(){p.getSnapshot=c,p.setSnapshot=l;var a=f(b._source);if(!He(g,a)){a=c(b._source),He(n,a)||(l(a),a=Ig(w),e.mutableReadLanes|=a&e.pendingLanes),a=e.mutableReadLanes,e.entangledLanes|=a;for(var d=e.entanglements,h=a;0<h;){var k=31-Vc(h),v=1<<k;d[k]|=a,h&=~v}}}),[c,b,d]),h.useEffect((function(){return d(b._source,(function(){var a=p.getSnapshot,c=p.setSnapshot;try{c(a(b._source));var d=Ig(w);e.mutableReadLanes|=d&e.pendingLanes}catch(q){c((function(){throw q}))}}))}),[b,d]),He(C,c)&&He(x,b)&&He(A,d)||((a={pending:null,dispatch:null,lastRenderedReducer:Jh,lastRenderedState:n}).dispatch=l=Oh.bind(null,R,a),k.queue=a,k.baseQueue=null,n=Mh(e,b,c),k.memoizedState=k.baseState=n),n}function Ph(a,b,c){return Nh(Ih(),a,b,c)}function Qh(a){var b=Hh();return"function"==typeof a&&(a=a()),b.memoizedState=b.baseState=a,a=(a=b.queue={pending:null,dispatch:null,lastRenderedReducer:Jh,lastRenderedState:a}).dispatch=Oh.bind(null,R,a),[b.memoizedState,a]}function Rh(a,b,c,d){return a={tag:a,create:b,destroy:c,deps:d,next:null},null===(b=R.updateQueue)?(b={lastEffect:null},R.updateQueue=b,b.lastEffect=a.next=a):null===(c=b.lastEffect)?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a),a}function Sh(a){return a={current:a},Hh().memoizedState=a}function Th(){return Ih().memoizedState}function Uh(a,b,c,d){var e=Hh();R.flags|=a,e.memoizedState=Rh(1|b,c,void 0,void 0===d?null:d)}function Vh(a,b,c,d){var e=Ih();d=void 0===d?null:d;var f=void 0;if(null!==S){var g=S.memoizedState;if(f=g.destroy,null!==d&&Bh(d,g.deps))return void Rh(b,c,f,d)}R.flags|=a,e.memoizedState=Rh(1|b,c,f,d)}function Wh(a,b){return Uh(516,4,a,b)}function Xh(a,b){return Vh(516,4,a,b)}function Yh(a,b){return Vh(4,2,a,b)}function Zh(a,b){return"function"==typeof b?(a=a(),b(a),function(){b(null)}):null!=b?(a=a(),b.current=a,function(){b.current=null}):void 0}function $h(a,b,c){return c=null!=c?c.concat([a]):null,Vh(4,2,Zh.bind(null,b,a),c)}function ai(){}function bi(a,b){var c=Ih();b=void 0===b?null:b;var d=c.memoizedState;return null!==d&&null!==b&&Bh(b,d[1])?d[0]:(c.memoizedState=[a,b],a)}function ci(a,b){var c=Ih();b=void 0===b?null:b;var d=c.memoizedState;return null!==d&&null!==b&&Bh(b,d[1])?d[0]:(a=a(),c.memoizedState=[a,b],a)}function di(a,b){var c=eg();gg(98>c?98:c,(function(){a(!0)})),gg(97<c?97:c,(function(){var c=wh.transition;wh.transition=1;try{a(!1),b()}finally{wh.transition=c}}))}function Oh(a,b,c){var d=Hg(),e=Ig(a),f={lane:e,action:c,eagerReducer:null,eagerState:null,next:null},g=b.pending;if(null===g?f.next=f:(f.next=g.next,g.next=f),b.pending=f,g=a.alternate,a===R||null!==g&&g===R)zh=yh=!0;else{if(0===a.lanes&&(null===g||0===g.lanes)&&null!==(g=b.lastRenderedReducer))try{var h=b.lastRenderedState,k=g(h,c);if(f.eagerReducer=g,f.eagerState=k,He(k,h))return}catch(l){}Jg(a,e,d)}}var Gh={readContext:vg,useCallback:Ah,useContext:Ah,useEffect:Ah,useImperativeHandle:Ah,useLayoutEffect:Ah,useMemo:Ah,useReducer:Ah,useRef:Ah,useState:Ah,useDebugValue:Ah,useDeferredValue:Ah,useTransition:Ah,useMutableSource:Ah,useOpaqueIdentifier:Ah,unstable_isNewReconciler:!1},Dh={readContext:vg,useCallback:function(a,b){return Hh().memoizedState=[a,void 0===b?null:b],a},useContext:vg,useEffect:Wh,useImperativeHandle:function(a,b,c){return c=null!=c?c.concat([a]):null,Uh(4,2,Zh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Uh(4,2,a,b)},useMemo:function(a,b){var c=Hh();return b=void 0===b?null:b,a=a(),c.memoizedState=[a,b],a},useReducer:function(a,b,c){var d=Hh();return b=void 0!==c?c(b):b,d.memoizedState=d.baseState=b,a=(a=d.queue={pending:null,dispatch:null,lastRenderedReducer:a,lastRenderedState:b}).dispatch=Oh.bind(null,R,a),[d.memoizedState,a]},useRef:Sh,useState:Qh,useDebugValue:ai,useDeferredValue:function(a){var b=Qh(a),c=b[0],d=b[1];return Wh((function(){var b=wh.transition;wh.transition=1;try{d(a)}finally{wh.transition=b}}),[a]),c},useTransition:function(){var a=Qh(!1),b=a[0];return Sh(a=di.bind(null,a[1])),[a,b]},useMutableSource:function(a,b,c){var d=Hh();return d.memoizedState={refs:{getSnapshot:b,setSnapshot:null},source:a,subscribe:c},Nh(d,a,b,c)},useOpaqueIdentifier:function(){if(lh){var a=!1,b=function uf(a){return{$$typeof:Ga,toString:a,valueOf:a}}((function(){throw a||(a=!0,c("r:"+(tf++).toString(36))),Error(y(355))})),c=Qh(b)[1];return 0==(2&R.mode)&&(R.flags|=516,Rh(5,(function(){c("r:"+(tf++).toString(36))}),void 0,null)),b}return Qh(b="r:"+(tf++).toString(36)),b},unstable_isNewReconciler:!1},Eh={readContext:vg,useCallback:bi,useContext:vg,useEffect:Xh,useImperativeHandle:$h,useLayoutEffect:Yh,useMemo:ci,useReducer:Kh,useRef:Th,useState:function(){return Kh(Jh)},useDebugValue:ai,useDeferredValue:function(a){var b=Kh(Jh),c=b[0],d=b[1];return Xh((function(){var b=wh.transition;wh.transition=1;try{d(a)}finally{wh.transition=b}}),[a]),c},useTransition:function(){var a=Kh(Jh)[0];return[Th().current,a]},useMutableSource:Ph,useOpaqueIdentifier:function(){return Kh(Jh)[0]},unstable_isNewReconciler:!1},Fh={readContext:vg,useCallback:bi,useContext:vg,useEffect:Xh,useImperativeHandle:$h,useLayoutEffect:Yh,useMemo:ci,useReducer:Lh,useRef:Th,useState:function(){return Lh(Jh)},useDebugValue:ai,useDeferredValue:function(a){var b=Lh(Jh),c=b[0],d=b[1];return Xh((function(){var b=wh.transition;wh.transition=1;try{d(a)}finally{wh.transition=b}}),[a]),c},useTransition:function(){var a=Lh(Jh)[0];return[Th().current,a]},useMutableSource:Ph,useOpaqueIdentifier:function(){return Lh(Jh)[0]},unstable_isNewReconciler:!1},ei=ra.ReactCurrentOwner,ug=!1;function fi(a,b,c,d){b.child=null===a?Zg(b,null,c,d):Yg(b,a.child,c,d)}function gi(a,b,c,d,e){c=c.render;var f=b.ref;return tg(b,e),d=Ch(a,b,c,d,f,e),null===a||ug?(b.flags|=1,fi(a,b,d,e),b.child):(b.updateQueue=a.updateQueue,b.flags&=-517,a.lanes&=~e,hi(a,b,e))}function ii(a,b,c,d,e,f){if(null===a){var g=c.type;return"function"!=typeof g||ji(g)||void 0!==g.defaultProps||null!==c.compare||void 0!==c.defaultProps?((a=Vg(c.type,null,d,b,b.mode,f)).ref=b.ref,a.return=b,b.child=a):(b.tag=15,b.type=g,ki(a,b,g,d,e,f))}return g=a.child,0==(e&f)&&(e=g.memoizedProps,(c=null!==(c=c.compare)?c:Je)(e,d)&&a.ref===b.ref)?hi(a,b,f):(b.flags|=1,(a=Tg(g,d)).ref=b.ref,a.return=b,b.child=a)}function ki(a,b,c,d,e,f){if(null!==a&&Je(a.memoizedProps,d)&&a.ref===b.ref){if(ug=!1,0==(f&e))return b.lanes=a.lanes,hi(a,b,f);0!=(16384&a.flags)&&(ug=!0)}return li(a,b,c,d,f)}function mi(a,b,c){var d=b.pendingProps,e=d.children,f=null!==a?a.memoizedState:null;if("hidden"===d.mode||"unstable-defer-without-hiding"===d.mode)if(0==(4&b.mode))b.memoizedState={baseLanes:0},ni(b,c);else{if(0==(1073741824&c))return a=null!==f?f.baseLanes|c:c,b.lanes=b.childLanes=1073741824,b.memoizedState={baseLanes:a},ni(b,a),null;b.memoizedState={baseLanes:0},ni(b,null!==f?f.baseLanes:c)}else null!==f?(d=f.baseLanes|c,b.memoizedState=null):d=c,ni(b,d);return fi(a,b,e,c),b.child}function oi(a,b){var c=b.ref;(null===a&&null!==c||null!==a&&a.ref!==c)&&(b.flags|=128)}function li(a,b,c,d,e){var f=Ff(c)?Df:M.current;return f=Ef(b,f),tg(b,e),c=Ch(a,b,c,d,f,e),null===a||ug?(b.flags|=1,fi(a,b,c,e),b.child):(b.updateQueue=a.updateQueue,b.flags&=-517,a.lanes&=~e,hi(a,b,e))}function pi(a,b,c,d,e){if(Ff(c)){var f=!0;Jf(b)}else f=!1;if(tg(b,e),null===b.stateNode)null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2),Mg(b,c,d),Og(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,l=c.contextType;"object"==typeof l&&null!==l?l=vg(l):l=Ef(b,l=Ff(c)?Df:M.current);var n=c.getDerivedStateFromProps,A="function"==typeof n||"function"==typeof g.getSnapshotBeforeUpdate;A||"function"!=typeof g.UNSAFE_componentWillReceiveProps&&"function"!=typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Ng(b,g,d,l),wg=!1;var p=b.memoizedState;g.state=p,Cg(b,d,g,e),k=b.memoizedState,h!==d||p!==k||N.current||wg?("function"==typeof n&&(Gg(b,c,n,d),k=b.memoizedState),(h=wg||Lg(b,c,h,d,p,k,l))?(A||"function"!=typeof g.UNSAFE_componentWillMount&&"function"!=typeof g.componentWillMount||("function"==typeof g.componentWillMount&&g.componentWillMount(),"function"==typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"==typeof g.componentDidMount&&(b.flags|=4)):("function"==typeof g.componentDidMount&&(b.flags|=4),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=l,d=h):("function"==typeof g.componentDidMount&&(b.flags|=4),d=!1)}else{g=b.stateNode,yg(a,b),h=b.memoizedProps,l=b.type===b.elementType?h:lg(b.type,h),g.props=l,A=b.pendingProps,p=g.context,"object"==typeof(k=c.contextType)&&null!==k?k=vg(k):k=Ef(b,k=Ff(c)?Df:M.current);var C=c.getDerivedStateFromProps;(n="function"==typeof C||"function"==typeof g.getSnapshotBeforeUpdate)||"function"!=typeof g.UNSAFE_componentWillReceiveProps&&"function"!=typeof g.componentWillReceiveProps||(h!==A||p!==k)&&Ng(b,g,d,k),wg=!1,p=b.memoizedState,g.state=p,Cg(b,d,g,e);var x=b.memoizedState;h!==A||p!==x||N.current||wg?("function"==typeof C&&(Gg(b,c,C,d),x=b.memoizedState),(l=wg||Lg(b,c,l,d,p,x,k))?(n||"function"!=typeof g.UNSAFE_componentWillUpdate&&"function"!=typeof g.componentWillUpdate||("function"==typeof g.componentWillUpdate&&g.componentWillUpdate(d,x,k),"function"==typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,x,k)),"function"==typeof g.componentDidUpdate&&(b.flags|=4),"function"==typeof g.getSnapshotBeforeUpdate&&(b.flags|=256)):("function"!=typeof g.componentDidUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=4),"function"!=typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=256),b.memoizedProps=d,b.memoizedState=x),g.props=d,g.state=x,g.context=k,d=l):("function"!=typeof g.componentDidUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=4),"function"!=typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=256),d=!1)}return qi(a,b,c,d,f,e)}function qi(a,b,c,d,e,f){oi(a,b);var g=0!=(64&b.flags);if(!d&&!g)return e&&Kf(b,c,!1),hi(a,b,f);d=b.stateNode,ei.current=b;var h=g&&"function"!=typeof c.getDerivedStateFromError?null:d.render();return b.flags|=1,null!==a&&g?(b.child=Yg(b,a.child,null,f),b.child=Yg(b,null,h,f)):fi(a,b,h,f),b.memoizedState=d.state,e&&Kf(b,c,!0),b.child}function ri(a){var b=a.stateNode;b.pendingContext?Hf(0,b.pendingContext,b.pendingContext!==b.context):b.context&&Hf(0,b.context,!1),eh(a,b.containerInfo)}var Bi,Di,Ei,si={dehydrated:null,retryLane:0};function ti(a,b,c){var g,d=b.pendingProps,e=P.current,f=!1;return(g=0!=(64&b.flags))||(g=(null===a||null!==a.memoizedState)&&0!=(2&e)),g?(f=!0,b.flags&=-65):null!==a&&null===a.memoizedState||void 0===d.fallback||!0===d.unstable_avoidThisFallback||(e|=1),I(P,1&e),null===a?(void 0!==d.fallback&&ph(b),a=d.children,e=d.fallback,f?(a=ui(b,a,e,c),b.child.memoizedState={baseLanes:c},b.memoizedState=si,a):"number"==typeof d.unstable_expectedLoadTime?(a=ui(b,a,e,c),b.child.memoizedState={baseLanes:c},b.memoizedState=si,b.lanes=33554432,a):((c=vi({mode:"visible",children:a},b.mode,c,null)).return=b,b.child=c)):(a.memoizedState,f?(d=wi(a,b,d.children,d.fallback,c),f=b.child,e=a.child.memoizedState,f.memoizedState=null===e?{baseLanes:c}:{baseLanes:e.baseLanes|c},f.childLanes=a.childLanes&~c,b.memoizedState=si,d):(c=xi(a,b,d.children,c),b.memoizedState=null,c))}function ui(a,b,c,d){var e=a.mode,f=a.child;return b={mode:"hidden",children:b},0==(2&e)&&null!==f?(f.childLanes=0,f.pendingProps=b):f=vi(b,e,0,null),c=Xg(c,e,d,null),f.return=a,c.return=a,f.sibling=c,a.child=f,c}function xi(a,b,c,d){var e=a.child;return a=e.sibling,c=Tg(e,{mode:"visible",children:c}),0==(2&b.mode)&&(c.lanes=d),c.return=b,c.sibling=null,null!==a&&(a.nextEffect=null,a.flags=8,b.firstEffect=b.lastEffect=a),b.child=c}function wi(a,b,c,d,e){var f=b.mode,g=a.child;a=g.sibling;var h={mode:"hidden",children:c};return 0==(2&f)&&b.child!==g?((c=b.child).childLanes=0,c.pendingProps=h,null!==(g=c.lastEffect)?(b.firstEffect=c.firstEffect,b.lastEffect=g,g.nextEffect=null):b.firstEffect=b.lastEffect=null):c=Tg(g,h),null!==a?d=Tg(a,d):(d=Xg(d,f,e,null)).flags|=2,d.return=b,c.return=b,c.sibling=d,b.child=c,d}function yi(a,b){a.lanes|=b;var c=a.alternate;null!==c&&(c.lanes|=b),sg(a.return,b)}function zi(a,b,c,d,e,f){var g=a.memoizedState;null===g?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e,lastEffect:f}:(g.isBackwards=b,g.rendering=null,g.renderingStartTime=0,g.last=d,g.tail=c,g.tailMode=e,g.lastEffect=f)}function Ai(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;if(fi(a,b,d.children,c),0!=(2&(d=P.current)))d=1&d|2,b.flags|=64;else{if(null!==a&&0!=(64&a.flags))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&yi(a,c);else if(19===a.tag)yi(a,c);else if(null!==a.child){a.child.return=a,a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return,a=a.sibling}d&=1}if(I(P,d),0==(2&b.mode))b.memoizedState=null;else switch(e){case"forwards":for(c=b.child,e=null;null!==c;)null!==(a=c.alternate)&&null===ih(a)&&(e=c),c=c.sibling;null===(c=e)?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null),zi(b,!1,e,c,f,b.lastEffect);break;case"backwards":for(c=null,e=b.child,b.child=null;null!==e;){if(null!==(a=e.alternate)&&null===ih(a)){b.child=e;break}a=e.sibling,e.sibling=c,c=e,e=a}zi(b,!0,c,null,f,b.lastEffect);break;case"together":zi(b,!1,null,null,void 0,b.lastEffect);break;default:b.memoizedState=null}return b.child}function hi(a,b,c){if(null!==a&&(b.dependencies=a.dependencies),Dg|=b.lanes,0!=(c&b.childLanes)){if(null!==a&&b.child!==a.child)throw Error(y(153));if(null!==b.child){for(c=Tg(a=b.child,a.pendingProps),b.child=c,c.return=b;null!==a.sibling;)a=a.sibling,(c=c.sibling=Tg(a,a.pendingProps)).return=b;c.sibling=null}return b.child}return null}function Fi(a,b){if(!lh)switch(a.tailMode){case"hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case"collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}function Gi(a,b,c){var d=b.pendingProps;switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return Ff(b.type)&&Gf(),null;case 3:return fh(),H(N),H(M),uh(),(d=b.stateNode).pendingContext&&(d.context=d.pendingContext,d.pendingContext=null),null!==a&&null!==a.child||(rh(b)?b.flags|=4:d.hydrate||(b.flags|=256)),null;case 5:hh(b);var e=dh(ch.current);if(c=b.type,null!==a&&null!=b.stateNode)Di(a,b,c,d),a.ref!==b.ref&&(b.flags|=128);else{if(!d){if(null===b.stateNode)throw Error(y(166));return null}if(a=dh(ah.current),rh(b)){d=b.stateNode,c=b.type;var f=b.memoizedProps;switch(d[wf]=b,d[xf]=f,c){case"dialog":G("cancel",d),G("close",d);break;case"iframe":case"object":case"embed":G("load",d);break;case"video":case"audio":for(a=0;a<Xe.length;a++)G(Xe[a],d);break;case"source":G("error",d);break;case"img":case"image":case"link":G("error",d),G("load",d);break;case"details":G("toggle",d);break;case"input":Za(d,f),G("invalid",d);break;case"select":d._wrapperState={wasMultiple:!!f.multiple},G("invalid",d);break;case"textarea":hb(d,f),G("invalid",d)}for(var g in vb(c,f),a=null,f)f.hasOwnProperty(g)&&(e=f[g],"children"===g?"string"==typeof e?d.textContent!==e&&(a=["children",e]):"number"==typeof e&&d.textContent!==""+e&&(a=["children",""+e]):ca.hasOwnProperty(g)&&null!=e&&"onScroll"===g&&G("scroll",d));switch(c){case"input":Va(d),cb(d,f,!0);break;case"textarea":Va(d),jb(d);break;case"select":case"option":break;default:"function"==typeof f.onClick&&(d.onclick=jf)}d=a,b.updateQueue=d,null!==d&&(b.flags|=4)}else{switch(g=9===e.nodeType?e:e.ownerDocument,a===kb_html&&(a=lb(c)),a===kb_html?"script"===c?((a=g.createElement("div")).innerHTML="<script><\/script>",a=a.removeChild(a.firstChild)):"string"==typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c),a[wf]=b,a[xf]=d,Bi(a,b),b.stateNode=a,g=wb(c,d),c){case"dialog":G("cancel",a),G("close",a),e=d;break;case"iframe":case"object":case"embed":G("load",a),e=d;break;case"video":case"audio":for(e=0;e<Xe.length;e++)G(Xe[e],a);e=d;break;case"source":G("error",a),e=d;break;case"img":case"image":case"link":G("error",a),G("load",a),e=d;break;case"details":G("toggle",a),e=d;break;case"input":Za(a,d),e=Ya(a,d),G("invalid",a);break;case"option":e=eb(a,d);break;case"select":a._wrapperState={wasMultiple:!!d.multiple},e=m({},d,{value:void 0}),G("invalid",a);break;case"textarea":hb(a,d),e=gb(a,d),G("invalid",a);break;default:e=d}vb(c,e);var h=e;for(f in h)if(h.hasOwnProperty(f)){var k=h[f];"style"===f?tb(a,k):"dangerouslySetInnerHTML"===f?null!=(k=k?k.__html:void 0)&&ob(a,k):"children"===f?"string"==typeof k?("textarea"!==c||""!==k)&&pb(a,k):"number"==typeof k&&pb(a,""+k):"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&"autoFocus"!==f&&(ca.hasOwnProperty(f)?null!=k&&"onScroll"===f&&G("scroll",a):null!=k&&qa(a,f,k,g))}switch(c){case"input":Va(a),cb(a,d,!1);break;case"textarea":Va(a),jb(a);break;case"option":null!=d.value&&a.setAttribute("value",""+Sa(d.value));break;case"select":a.multiple=!!d.multiple,null!=(f=d.value)?fb(a,!!d.multiple,f,!1):null!=d.defaultValue&&fb(a,!!d.multiple,d.defaultValue,!0);break;default:"function"==typeof e.onClick&&(a.onclick=jf)}mf(c,d)&&(b.flags|=4)}null!==b.ref&&(b.flags|=128)}return null;case 6:if(a&&null!=b.stateNode)Ei(0,b,a.memoizedProps,d);else{if("string"!=typeof d&&null===b.stateNode)throw Error(y(166));c=dh(ch.current),dh(ah.current),rh(b)?(d=b.stateNode,c=b.memoizedProps,d[wf]=b,d.nodeValue!==c&&(b.flags|=4)):((d=(9===c.nodeType?c:c.ownerDocument).createTextNode(d))[wf]=b,b.stateNode=d)}return null;case 13:return H(P),d=b.memoizedState,0!=(64&b.flags)?(b.lanes=c,b):(d=null!==d,c=!1,null===a?void 0!==b.memoizedProps.fallback&&rh(b):c=null!==a.memoizedState,d&&!c&&0!=(2&b.mode)&&(null===a&&!0!==b.memoizedProps.unstable_avoidThisFallback||0!=(1&P.current)?0===V&&(V=3):(0!==V&&3!==V||(V=4),null===U||0==(134217727&Dg)&&0==(134217727&Hi)||Ii(U,W))),(d||c)&&(b.flags|=4),null);case 4:return fh(),null===a&&cf(b.stateNode.containerInfo),null;case 10:return rg(b),null;case 19:if(H(P),null===(d=b.memoizedState))return null;if(f=0!=(64&b.flags),null===(g=d.rendering))if(f)Fi(d,!1);else{if(0!==V||null!==a&&0!=(64&a.flags))for(a=b.child;null!==a;){if(null!==(g=ih(a))){for(b.flags|=64,Fi(d,!1),null!==(f=g.updateQueue)&&(b.updateQueue=f,b.flags|=4),null===d.lastEffect&&(b.firstEffect=null),b.lastEffect=d.lastEffect,d=c,c=b.child;null!==c;)a=d,(f=c).flags&=2,f.nextEffect=null,f.firstEffect=null,f.lastEffect=null,null===(g=f.alternate)?(f.childLanes=0,f.lanes=a,f.child=null,f.memoizedProps=null,f.memoizedState=null,f.updateQueue=null,f.dependencies=null,f.stateNode=null):(f.childLanes=g.childLanes,f.lanes=g.lanes,f.child=g.child,f.memoizedProps=g.memoizedProps,f.memoizedState=g.memoizedState,f.updateQueue=g.updateQueue,f.type=g.type,a=g.dependencies,f.dependencies=null===a?null:{lanes:a.lanes,firstContext:a.firstContext}),c=c.sibling;return I(P,1&P.current|2),b.child}a=a.sibling}null!==d.tail&&O()>Ji&&(b.flags|=64,f=!0,Fi(d,!1),b.lanes=33554432)}else{if(!f)if(null!==(a=ih(g))){if(b.flags|=64,f=!0,null!==(c=a.updateQueue)&&(b.updateQueue=c,b.flags|=4),Fi(d,!0),null===d.tail&&"hidden"===d.tailMode&&!g.alternate&&!lh)return null!==(b=b.lastEffect=d.lastEffect)&&(b.nextEffect=null),null}else 2*O()-d.renderingStartTime>Ji&&1073741824!==c&&(b.flags|=64,f=!0,Fi(d,!1),b.lanes=33554432);d.isBackwards?(g.sibling=b.child,b.child=g):(null!==(c=d.last)?c.sibling=g:b.child=g,d.last=g)}return null!==d.tail?(c=d.tail,d.rendering=c,d.tail=c.sibling,d.lastEffect=b.lastEffect,d.renderingStartTime=O(),c.sibling=null,b=P.current,I(P,f?1&b|2:1&b),c):null;case 23:case 24:return Ki(),null!==a&&null!==a.memoizedState!=(null!==b.memoizedState)&&"unstable-defer-without-hiding"!==d.mode&&(b.flags|=4),null}throw Error(y(156,b.tag))}function Li(a){switch(a.tag){case 1:Ff(a.type)&&Gf();var b=a.flags;return 4096&b?(a.flags=-4097&b|64,a):null;case 3:if(fh(),H(N),H(M),uh(),0!=(64&(b=a.flags)))throw Error(y(285));return a.flags=-4097&b|64,a;case 5:return hh(a),null;case 13:return H(P),4096&(b=a.flags)?(a.flags=-4097&b|64,a):null;case 19:return H(P),null;case 4:return fh(),null;case 10:return rg(a),null;case 23:case 24:return Ki(),null;default:return null}}function Mi(a,b){try{var c="",d=b;do{c+=Qa(d),d=d.return}while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e}}function Ni(a,b){try{console.error(b.value)}catch(c){setTimeout((function(){throw c}))}}Bi=function(a,b){for(var c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c,c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=c.return,c=c.sibling}},Di=function(a,b,c,d){var e=a.memoizedProps;if(e!==d){a=b.stateNode,dh(ah.current);var g,f=null;switch(c){case"input":e=Ya(a,e),d=Ya(a,d),f=[];break;case"option":e=eb(a,e),d=eb(a,d),f=[];break;case"select":e=m({},e,{value:void 0}),d=m({},d,{value:void 0}),f=[];break;case"textarea":e=gb(a,e),d=gb(a,d),f=[];break;default:"function"!=typeof e.onClick&&"function"==typeof d.onClick&&(a.onclick=jf)}for(l in vb(c,d),c=null,e)if(!d.hasOwnProperty(l)&&e.hasOwnProperty(l)&&null!=e[l])if("style"===l){var h=e[l];for(g in h)h.hasOwnProperty(g)&&(c||(c={}),c[g]="")}else"dangerouslySetInnerHTML"!==l&&"children"!==l&&"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(ca.hasOwnProperty(l)?f||(f=[]):(f=f||[]).push(l,null));for(l in d){var k=d[l];if(h=null!=e?e[l]:void 0,d.hasOwnProperty(l)&&k!==h&&(null!=k||null!=h))if("style"===l)if(h){for(g in h)!h.hasOwnProperty(g)||k&&k.hasOwnProperty(g)||(c||(c={}),c[g]="");for(g in k)k.hasOwnProperty(g)&&h[g]!==k[g]&&(c||(c={}),c[g]=k[g])}else c||(f||(f=[]),f.push(l,c)),c=k;else"dangerouslySetInnerHTML"===l?(k=k?k.__html:void 0,h=h?h.__html:void 0,null!=k&&h!==k&&(f=f||[]).push(l,k)):"children"===l?"string"!=typeof k&&"number"!=typeof k||(f=f||[]).push(l,""+k):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&(ca.hasOwnProperty(l)?(null!=k&&"onScroll"===l&&G("scroll",a),f||h===k||(f=[])):"object"==typeof k&&null!==k&&k.$$typeof===Ga?k.toString():(f=f||[]).push(l,k))}c&&(f=f||[]).push("style",c);var l=f;(b.updateQueue=l)&&(b.flags|=4)}},Ei=function(a,b,c,d){c!==d&&(b.flags|=4)};var Oi="function"==typeof WeakMap?WeakMap:Map;function Pi(a,b,c){(c=zg(-1,c)).tag=3,c.payload={element:null};var d=b.value;return c.callback=function(){Qi||(Qi=!0,Ri=d),Ni(0,b)},c}function Si(a,b,c){(c=zg(-1,c)).tag=3;var d=a.type.getDerivedStateFromError;if("function"==typeof d){var e=b.value;c.payload=function(){return Ni(0,b),d(e)}}var f=a.stateNode;return null!==f&&"function"==typeof f.componentDidCatch&&(c.callback=function(){"function"!=typeof d&&(null===Ti?Ti=new Set([this]):Ti.add(this),Ni(0,b));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""})}),c}var Ui="function"==typeof WeakSet?WeakSet:Set;function Vi(a){var b=a.ref;if(null!==b)if("function"==typeof b)try{b(null)}catch(c){Wi(a,c)}else b.current=null}function Xi(a,b){switch(b.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&b.flags&&null!==a){var c=a.memoizedProps,d=a.memoizedState;b=(a=b.stateNode).getSnapshotBeforeUpdate(b.elementType===b.type?c:lg(b.type,c),d),a.__reactInternalSnapshotBeforeUpdate=b}return;case 3:return void(256&b.flags&&qf(b.stateNode.containerInfo))}throw Error(y(163))}function Yi(a,b,c){switch(c.tag){case 0:case 11:case 15:case 22:if(null!==(b=null!==(b=c.updateQueue)?b.lastEffect:null)){a=b=b.next;do{if(3==(3&a.tag)){var d=a.create;a.destroy=d()}a=a.next}while(a!==b)}if(null!==(b=null!==(b=c.updateQueue)?b.lastEffect:null)){a=b=b.next;do{var e=a;d=e.next,0!=(4&(e=e.tag))&&0!=(1&e)&&(Zi(c,a),$i(c,a)),a=d}while(a!==b)}return;case 1:return a=c.stateNode,4&c.flags&&(null===b?a.componentDidMount():(d=c.elementType===c.type?b.memoizedProps:lg(c.type,b.memoizedProps),a.componentDidUpdate(d,b.memoizedState,a.__reactInternalSnapshotBeforeUpdate))),void(null!==(b=c.updateQueue)&&Eg(c,b,a));case 3:if(null!==(b=c.updateQueue)){if(a=null,null!==c.child)switch(c.child.tag){case 5:case 1:a=c.child.stateNode}Eg(c,b,a)}return;case 5:return a=c.stateNode,void(null===b&&4&c.flags&&mf(c.type,c.memoizedProps)&&a.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===c.memoizedState&&(c=c.alternate,null!==c&&(c=c.memoizedState,null!==c&&(c=c.dehydrated,null!==c&&Cc(c)))))}throw Error(y(163))}function aj(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)"function"==typeof(d=d.style).setProperty?d.setProperty("display","none","important"):d.display="none";else{d=c.stateNode;var e=c.memoizedProps.style;e=null!=e&&e.hasOwnProperty("display")?e.display:null,d.style.display=sb("display",e)}}else if(6===c.tag)c.stateNode.nodeValue=b?"":c.memoizedProps;else if((23!==c.tag&&24!==c.tag||null===c.memoizedState||c===a)&&null!==c.child){c.child.return=c,c=c.child;continue}if(c===a)break;for(;null===c.sibling;){if(null===c.return||c.return===a)return;c=c.return}c.sibling.return=c.return,c=c.sibling}}function bj(a,b){if(Mf&&"function"==typeof Mf.onCommitFiberUnmount)try{Mf.onCommitFiberUnmount(Lf,b)}catch(f){}switch(b.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(a=b.updateQueue)&&null!==(a=a.lastEffect)){var c=a=a.next;do{var d=c,e=d.destroy;if(d=d.tag,void 0!==e)if(0!=(4&d))Zi(b,c);else{d=b;try{e()}catch(f){Wi(d,f)}}c=c.next}while(c!==a)}break;case 1:if(Vi(b),"function"==typeof(a=b.stateNode).componentWillUnmount)try{a.props=b.memoizedProps,a.state=b.memoizedState,a.componentWillUnmount()}catch(f){Wi(b,f)}break;case 5:Vi(b);break;case 4:cj(a,b)}}function dj(a){a.alternate=null,a.child=null,a.dependencies=null,a.firstEffect=null,a.lastEffect=null,a.memoizedProps=null,a.memoizedState=null,a.pendingProps=null,a.return=null,a.updateQueue=null}function ej(a){return 5===a.tag||3===a.tag||4===a.tag}function fj(a){a:{for(var b=a.return;null!==b;){if(ej(b))break a;b=b.return}throw Error(y(160))}var c=b;switch(b=c.stateNode,c.tag){case 5:var d=!1;break;case 3:case 4:b=b.containerInfo,d=!0;break;default:throw Error(y(161))}16&c.flags&&(pb(b,""),c.flags&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||ej(c.return)){c=null;break a}c=c.return}for(c.sibling.return=c.return,c=c.sibling;5!==c.tag&&6!==c.tag&&18!==c.tag;){if(2&c.flags)continue b;if(null===c.child||4===c.tag)continue b;c.child.return=c,c=c.child}if(!(2&c.flags)){c=c.stateNode;break a}}d?gj(a,c,b):hj(a,c,b)}function gj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode).insertBefore(a,c):(b=c).appendChild(a),null!=(c=c._reactRootContainer)||null!==b.onclick||(b.onclick=jf));else if(4!==d&&null!==(a=a.child))for(gj(a,b,c),a=a.sibling;null!==a;)gj(a,b,c),a=a.sibling}function hj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&null!==(a=a.child))for(hj(a,b,c),a=a.sibling;null!==a;)hj(a,b,c),a=a.sibling}function cj(a,b){for(var e,f,c=b,d=!1;;){if(!d){d=c.return;a:for(;;){if(null===d)throw Error(y(160));switch(e=d.stateNode,d.tag){case 5:f=!1;break a;case 3:case 4:e=e.containerInfo,f=!0;break a}d=d.return}d=!0}if(5===c.tag||6===c.tag){a:for(var g=a,h=c,k=h;;)if(bj(g,k),null!==k.child&&4!==k.tag)k.child.return=k,k=k.child;else{if(k===h)break a;for(;null===k.sibling;){if(null===k.return||k.return===h)break a;k=k.return}k.sibling.return=k.return,k=k.sibling}f?(g=e,h=c.stateNode,8===g.nodeType?g.parentNode.removeChild(h):g.removeChild(h)):e.removeChild(c.stateNode)}else if(4===c.tag){if(null!==c.child){e=c.stateNode.containerInfo,f=!0,c.child.return=c,c=c.child;continue}}else if(bj(a,c),null!==c.child){c.child.return=c,c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;4===(c=c.return).tag&&(d=!1)}c.sibling.return=c.return,c=c.sibling}}function ij(a,b){switch(b.tag){case 0:case 11:case 14:case 15:case 22:var c=b.updateQueue;if(null!==(c=null!==c?c.lastEffect:null)){var d=c=c.next;do{3==(3&d.tag)&&(a=d.destroy,d.destroy=void 0,void 0!==a&&a()),d=d.next}while(d!==c)}return;case 1:case 12:case 17:return;case 5:if(null!=(c=b.stateNode)){d=b.memoizedProps;var e=null!==a?a.memoizedProps:d;a=b.type;var f=b.updateQueue;if(b.updateQueue=null,null!==f){for(c[xf]=d,"input"===a&&"radio"===d.type&&null!=d.name&&$a(c,d),wb(a,e),b=wb(a,d),e=0;e<f.length;e+=2){var g=f[e],h=f[e+1];"style"===g?tb(c,h):"dangerouslySetInnerHTML"===g?ob(c,h):"children"===g?pb(c,h):qa(c,g,h,b)}switch(a){case"input":ab(c,d);break;case"textarea":ib(c,d);break;case"select":a=c._wrapperState.wasMultiple,c._wrapperState.wasMultiple=!!d.multiple,null!=(f=d.value)?fb(c,!!d.multiple,f,!1):a!==!!d.multiple&&(null!=d.defaultValue?fb(c,!!d.multiple,d.defaultValue,!0):fb(c,!!d.multiple,d.multiple?[]:"",!1))}}}return;case 6:if(null===b.stateNode)throw Error(y(162));return void(b.stateNode.nodeValue=b.memoizedProps);case 3:return void((c=b.stateNode).hydrate&&(c.hydrate=!1,Cc(c.containerInfo)));case 13:return null!==b.memoizedState&&(jj=O(),aj(b.child,!0)),void kj(b);case 19:return void kj(b);case 23:case 24:return void aj(b,null!==b.memoizedState)}throw Error(y(163))}function kj(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Ui),b.forEach((function(b){var d=lj.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))}))}}function mj(a,b){return null!==a&&(null===(a=a.memoizedState)||null!==a.dehydrated)&&(null!==(b=b.memoizedState)&&null===b.dehydrated)}var nj=Math.ceil,oj=ra.ReactCurrentDispatcher,pj=ra.ReactCurrentOwner,X=0,U=null,Y=null,W=0,qj=0,rj=Bf(0),V=0,sj=null,tj=0,Dg=0,Hi=0,uj=0,vj=null,jj=0,Ji=1/0;function wj(){Ji=O()+500}var ck,Z=null,Qi=!1,Ri=null,Ti=null,xj=!1,yj=null,zj=90,Aj=[],Bj=[],Cj=null,Dj=0,Ej=null,Fj=-1,Gj=0,Hj=0,Ij=null,Jj=!1;function Hg(){return 0!=(48&X)?O():-1!==Fj?Fj:Fj=O()}function Ig(a){if(0==(2&(a=a.mode)))return 1;if(0==(4&a))return 99===eg()?1:2;if(0===Gj&&(Gj=tj),0!==kg.transition){0!==Hj&&(Hj=null!==vj?vj.pendingLanes:0),a=Gj;var b=4186112&~Hj;return 0===(b&=-b)&&(0===(b=(a=4186112&~a)&-a)&&(b=8192)),b}return a=eg(),0!=(4&X)&&98===a?a=Xc(12,Gj):a=Xc(a=function Sc(a){switch(a){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(a),Gj),a}function Jg(a,b,c){if(50<Dj)throw Dj=0,Ej=null,Error(y(185));if(null===(a=Kj(a,b)))return null;$c(a,b,c),a===U&&(Hi|=b,4===V&&Ii(a,W));var d=eg();1===b?0!=(8&X)&&0==(48&X)?Lj(a):(Mj(a,c),0===X&&(wj(),ig())):(0==(4&X)||98!==d&&99!==d||(null===Cj?Cj=new Set([a]):Cj.add(a)),Mj(a,c)),vj=a}function Kj(a,b){a.lanes|=b;var c=a.alternate;for(null!==c&&(c.lanes|=b),c=a,a=a.return;null!==a;)a.childLanes|=b,null!==(c=a.alternate)&&(c.childLanes|=b),c=a,a=a.return;return 3===c.tag?c.stateNode:null}function Mj(a,b){for(var c=a.callbackNode,d=a.suspendedLanes,e=a.pingedLanes,f=a.expirationTimes,g=a.pendingLanes;0<g;){var h=31-Vc(g),k=1<<h,l=f[h];if(-1===l){if(0==(k&d)||0!=(k&e)){l=b,Rc(k);var n=F;f[h]=10<=n?l+250:6<=n?l+5e3:-1}}else l<=b&&(a.expiredLanes|=k);g&=~k}if(d=Uc(a,a===U?W:0),b=F,0===d)null!==c&&(c!==Zf&&Pf(c),a.callbackNode=null,a.callbackPriority=0);else{if(null!==c){if(a.callbackPriority===b)return;c!==Zf&&Pf(c)}15===b?(c=Lj.bind(null,a),null===ag?(ag=[c],bg=Of(Uf,jg)):ag.push(c),c=Zf):14===b?c=hg(99,Lj.bind(null,a)):(c=function Tc(a){switch(a){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(y(358,a))}}(b),c=hg(c,Nj.bind(null,a))),a.callbackPriority=b,a.callbackNode=c}}function Nj(a){if(Fj=-1,Hj=Gj=0,0!=(48&X))throw Error(y(327));var b=a.callbackNode;if(Oj()&&a.callbackNode!==b)return null;var c=Uc(a,a===U?W:0);if(0===c)return null;var d=c,e=X;X|=16;var f=Pj();for(U===a&&W===d||(wj(),Qj(a,d));;)try{Rj();break}catch(h){Sj(a,h)}if(qg(),oj.current=f,X=e,null!==Y?d=0:(U=null,W=0,d=V),0!=(tj&Hi))Qj(a,0);else if(0!==d){if(2===d&&(X|=64,a.hydrate&&(a.hydrate=!1,qf(a.containerInfo)),0!==(c=Wc(a))&&(d=Tj(a,c))),1===d)throw b=sj,Qj(a,0),Ii(a,c),Mj(a,O()),b;switch(a.finishedWork=a.current.alternate,a.finishedLanes=c,d){case 0:case 1:throw Error(y(345));case 2:case 5:Uj(a);break;case 3:if(Ii(a,c),(62914560&c)===c&&10<(d=jj+500-O())){if(0!==Uc(a,0))break;if(((e=a.suspendedLanes)&c)!==c){Hg(),a.pingedLanes|=a.suspendedLanes&e;break}a.timeoutHandle=of(Uj.bind(null,a),d);break}Uj(a);break;case 4:if(Ii(a,c),(4186112&c)===c)break;for(d=a.eventTimes,e=-1;0<c;){var g=31-Vc(c);f=1<<g,(g=d[g])>e&&(e=g),c&=~f}if(c=e,10<(c=(120>(c=O()-c)?120:480>c?480:1080>c?1080:1920>c?1920:3e3>c?3e3:4320>c?4320:1960*nj(c/1960))-c)){a.timeoutHandle=of(Uj.bind(null,a),c);break}Uj(a);break;default:throw Error(y(329))}}return Mj(a,O()),a.callbackNode===b?Nj.bind(null,a):null}function Ii(a,b){for(b&=~uj,b&=~Hi,a.suspendedLanes|=b,a.pingedLanes&=~b,a=a.expirationTimes;0<b;){var c=31-Vc(b),d=1<<c;a[c]=-1,b&=~d}}function Lj(a){if(0!=(48&X))throw Error(y(327));if(Oj(),a===U&&0!=(a.expiredLanes&W)){var b=W,c=Tj(a,b);0!=(tj&Hi)&&(c=Tj(a,b=Uc(a,b)))}else c=Tj(a,b=Uc(a,0));if(0!==a.tag&&2===c&&(X|=64,a.hydrate&&(a.hydrate=!1,qf(a.containerInfo)),0!==(b=Wc(a))&&(c=Tj(a,b))),1===c)throw c=sj,Qj(a,0),Ii(a,b),Mj(a,O()),c;return a.finishedWork=a.current.alternate,a.finishedLanes=b,Uj(a),Mj(a,O()),null}function Wj(a,b){var c=X;X|=1;try{return a(b)}finally{0===(X=c)&&(wj(),ig())}}function Xj(a,b){var c=X;X&=-2,X|=8;try{return a(b)}finally{0===(X=c)&&(wj(),ig())}}function ni(a,b){I(rj,qj),qj|=b,tj|=b}function Ki(){qj=rj.current,H(rj)}function Qj(a,b){a.finishedWork=null,a.finishedLanes=0;var c=a.timeoutHandle;if(-1!==c&&(a.timeoutHandle=-1,pf(c)),null!==Y)for(c=Y.return;null!==c;){var d=c;switch(d.tag){case 1:null!=(d=d.type.childContextTypes)&&Gf();break;case 3:fh(),H(N),H(M),uh();break;case 5:hh(d);break;case 4:fh();break;case 13:case 19:H(P);break;case 10:rg(d);break;case 23:case 24:Ki()}c=c.return}U=a,Y=Tg(a.current,null),W=qj=tj=b,V=0,sj=null,uj=Hi=Dg=0}function Sj(a,b){for(;;){var c=Y;try{if(qg(),vh.current=Gh,yh){for(var d=R.memoizedState;null!==d;){var e=d.queue;null!==e&&(e.pending=null),d=d.next}yh=!1}if(xh=0,T=S=R=null,zh=!1,pj.current=null,null===c||null===c.return){V=1,sj=b,Y=null;break}a:{var f=a,g=c.return,h=c,k=b;if(b=W,h.flags|=2048,h.firstEffect=h.lastEffect=null,null!==k&&"object"==typeof k&&"function"==typeof k.then){var l=k;if(0==(2&h.mode)){var n=h.alternate;n?(h.updateQueue=n.updateQueue,h.memoizedState=n.memoizedState,h.lanes=n.lanes):(h.updateQueue=null,h.memoizedState=null)}var A=0!=(1&P.current),p=g;do{var C;if(C=13===p.tag){var x=p.memoizedState;if(null!==x)C=null!==x.dehydrated;else{var w=p.memoizedProps;C=void 0!==w.fallback&&(!0!==w.unstable_avoidThisFallback||!A)}}if(C){var z=p.updateQueue;if(null===z){var u=new Set;u.add(l),p.updateQueue=u}else z.add(l);if(0==(2&p.mode)){if(p.flags|=64,h.flags|=16384,h.flags&=-2981,1===h.tag)if(null===h.alternate)h.tag=17;else{var t=zg(-1,1);t.tag=2,Ag(h,t)}h.lanes|=1;break a}k=void 0,h=b;var q=f.pingCache;if(null===q?(q=f.pingCache=new Oi,k=new Set,q.set(l,k)):void 0===(k=q.get(l))&&(k=new Set,q.set(l,k)),!k.has(h)){k.add(h);var v=Yj.bind(null,f,l,h);l.then(v,v)}p.flags|=4096,p.lanes=b;break a}p=p.return}while(null!==p);k=Error((Ra(h.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==V&&(V=2),k=Mi(k,h),p=g;do{switch(p.tag){case 3:f=k,p.flags|=4096,b&=-b,p.lanes|=b,Bg(p,Pi(0,f,b));break a;case 1:f=k;var K=p.type,Q=p.stateNode;if(0==(64&p.flags)&&("function"==typeof K.getDerivedStateFromError||null!==Q&&"function"==typeof Q.componentDidCatch&&(null===Ti||!Ti.has(Q)))){p.flags|=4096,b&=-b,p.lanes|=b,Bg(p,Si(p,f,b));break a}}p=p.return}while(null!==p)}Zj(c)}catch(va){b=va,Y===c&&null!==c&&(Y=c=c.return);continue}break}}function Pj(){var a=oj.current;return oj.current=Gh,null===a?Gh:a}function Tj(a,b){var c=X;X|=16;var d=Pj();for(U===a&&W===b||Qj(a,b);;)try{ak();break}catch(e){Sj(a,e)}if(qg(),X=c,oj.current=d,null!==Y)throw Error(y(261));return U=null,W=0,V}function ak(){for(;null!==Y;)bk(Y)}function Rj(){for(;null!==Y&&!Qf();)bk(Y)}function bk(a){var b=ck(a.alternate,a,qj);a.memoizedProps=a.pendingProps,null===b?Zj(a):Y=b,pj.current=null}function Zj(a){var b=a;do{var c=b.alternate;if(a=b.return,0==(2048&b.flags)){if(null!==(c=Gi(c,b,qj)))return void(Y=c);if(24!==(c=b).tag&&23!==c.tag||null===c.memoizedState||0!=(1073741824&qj)||0==(4&c.mode)){for(var d=0,e=c.child;null!==e;)d|=e.lanes|e.childLanes,e=e.sibling;c.childLanes=d}null!==a&&0==(2048&a.flags)&&(null===a.firstEffect&&(a.firstEffect=b.firstEffect),null!==b.lastEffect&&(null!==a.lastEffect&&(a.lastEffect.nextEffect=b.firstEffect),a.lastEffect=b.lastEffect),1<b.flags&&(null!==a.lastEffect?a.lastEffect.nextEffect=b:a.firstEffect=b,a.lastEffect=b))}else{if(null!==(c=Li(b)))return c.flags&=2047,void(Y=c);null!==a&&(a.firstEffect=a.lastEffect=null,a.flags|=2048)}if(null!==(b=b.sibling))return void(Y=b);Y=b=a}while(null!==b);0===V&&(V=5)}function Uj(a){var b=eg();return gg(99,dk.bind(null,a,b)),null}function dk(a,b){do{Oj()}while(null!==yj);if(0!=(48&X))throw Error(y(327));var c=a.finishedWork;if(null===c)return null;if(a.finishedWork=null,a.finishedLanes=0,c===a.current)throw Error(y(177));a.callbackNode=null;var d=c.lanes|c.childLanes,e=d,f=a.pendingLanes&~e;a.pendingLanes=e,a.suspendedLanes=0,a.pingedLanes=0,a.expiredLanes&=e,a.mutableReadLanes&=e,a.entangledLanes&=e,e=a.entanglements;for(var g=a.eventTimes,h=a.expirationTimes;0<f;){var k=31-Vc(f),l=1<<k;e[k]=0,g[k]=-1,h[k]=-1,f&=~l}if(null!==Cj&&0==(24&d)&&Cj.has(a)&&Cj.delete(a),a===U&&(Y=U=null,W=0),1<c.flags?null!==c.lastEffect?(c.lastEffect.nextEffect=c,d=c.firstEffect):d=c:d=c.firstEffect,null!==d){if(e=X,X|=32,pj.current=null,kf=fd,Oe(g=Ne())){if("selectionStart"in g)h={start:g.selectionStart,end:g.selectionEnd};else a:if(h=(h=g.ownerDocument)&&h.defaultView||window,(l=h.getSelection&&h.getSelection())&&0!==l.rangeCount){h=l.anchorNode,f=l.anchorOffset,k=l.focusNode,l=l.focusOffset;try{h.nodeType,k.nodeType}catch(va){h=null;break a}var n=0,A=-1,p=-1,C=0,x=0,w=g,z=null;b:for(;;){for(var u;w!==h||0!==f&&3!==w.nodeType||(A=n+f),w!==k||0!==l&&3!==w.nodeType||(p=n+l),3===w.nodeType&&(n+=w.nodeValue.length),null!==(u=w.firstChild);)z=w,w=u;for(;;){if(w===g)break b;if(z===h&&++C===f&&(A=n),z===k&&++x===l&&(p=n),null!==(u=w.nextSibling))break;z=(w=z).parentNode}w=u}h=-1===A||-1===p?null:{start:A,end:p}}else h=null;h=h||{start:0,end:0}}else h=null;lf={focusedElem:g,selectionRange:h},fd=!1,Ij=null,Jj=!1,Z=d;do{try{ek()}catch(va){if(null===Z)throw Error(y(330));Wi(Z,va),Z=Z.nextEffect}}while(null!==Z);Ij=null,Z=d;do{try{for(g=a;null!==Z;){var t=Z.flags;if(16&t&&pb(Z.stateNode,""),128&t){var q=Z.alternate;if(null!==q){var v=q.ref;null!==v&&("function"==typeof v?v(null):v.current=null)}}switch(1038&t){case 2:fj(Z),Z.flags&=-3;break;case 6:fj(Z),Z.flags&=-3,ij(Z.alternate,Z);break;case 1024:Z.flags&=-1025;break;case 1028:Z.flags&=-1025,ij(Z.alternate,Z);break;case 4:ij(Z.alternate,Z);break;case 8:cj(g,h=Z);var J=h.alternate;dj(h),null!==J&&dj(J)}Z=Z.nextEffect}}catch(va){if(null===Z)throw Error(y(330));Wi(Z,va),Z=Z.nextEffect}}while(null!==Z);if(v=lf,q=Ne(),t=v.focusedElem,g=v.selectionRange,q!==t&&t&&t.ownerDocument&&Me(t.ownerDocument.documentElement,t)){null!==g&&Oe(t)&&(q=g.start,void 0===(v=g.end)&&(v=q),"selectionStart"in t?(t.selectionStart=q,t.selectionEnd=Math.min(v,t.value.length)):(v=(q=t.ownerDocument||document)&&q.defaultView||window).getSelection&&(v=v.getSelection(),h=t.textContent.length,J=Math.min(g.start,h),g=void 0===g.end?J:Math.min(g.end,h),!v.extend&&J>g&&(h=g,g=J,J=h),h=Le(t,J),f=Le(t,g),h&&f&&(1!==v.rangeCount||v.anchorNode!==h.node||v.anchorOffset!==h.offset||v.focusNode!==f.node||v.focusOffset!==f.offset)&&((q=q.createRange()).setStart(h.node,h.offset),v.removeAllRanges(),J>g?(v.addRange(q),v.extend(f.node,f.offset)):(q.setEnd(f.node,f.offset),v.addRange(q))))),q=[];for(v=t;v=v.parentNode;)1===v.nodeType&&q.push({element:v,left:v.scrollLeft,top:v.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t<q.length;t++)(v=q[t]).element.scrollLeft=v.left,v.element.scrollTop=v.top}fd=!!kf,lf=kf=null,a.current=c,Z=d;do{try{for(t=a;null!==Z;){var K=Z.flags;if(36&K&&Yi(t,Z.alternate,Z),128&K){q=void 0;var Q=Z.ref;if(null!==Q){var L=Z.stateNode;Z.tag,q=L,"function"==typeof Q?Q(q):Q.current=q}}Z=Z.nextEffect}}catch(va){if(null===Z)throw Error(y(330));Wi(Z,va),Z=Z.nextEffect}}while(null!==Z);Z=null,$f(),X=e}else a.current=c;if(xj)xj=!1,yj=a,zj=b;else for(Z=d;null!==Z;)b=Z.nextEffect,Z.nextEffect=null,8&Z.flags&&((K=Z).sibling=null,K.stateNode=null),Z=b;if(0===(d=a.pendingLanes)&&(Ti=null),1===d?a===Ej?Dj++:(Dj=0,Ej=a):Dj=0,c=c.stateNode,Mf&&"function"==typeof Mf.onCommitFiberRoot)try{Mf.onCommitFiberRoot(Lf,c,void 0,64==(64&c.current.flags))}catch(va){}if(Mj(a,O()),Qi)throw Qi=!1,a=Ri,Ri=null,a;return 0!=(8&X)||ig(),null}function ek(){for(;null!==Z;){var a=Z.alternate;Jj||null===Ij||(0!=(8&Z.flags)?dc(Z,Ij)&&(Jj=!0):13===Z.tag&&mj(a,Z)&&dc(Z,Ij)&&(Jj=!0));var b=Z.flags;0!=(256&b)&&Xi(a,Z),0==(512&b)||xj||(xj=!0,hg(97,(function(){return Oj(),null}))),Z=Z.nextEffect}}function Oj(){if(90!==zj){var a=97<zj?97:zj;return zj=90,gg(a,fk)}return!1}function $i(a,b){Aj.push(b,a),xj||(xj=!0,hg(97,(function(){return Oj(),null})))}function Zi(a,b){Bj.push(b,a),xj||(xj=!0,hg(97,(function(){return Oj(),null})))}function fk(){if(null===yj)return!1;var a=yj;if(yj=null,0!=(48&X))throw Error(y(331));var b=X;X|=32;var c=Bj;Bj=[];for(var d=0;d<c.length;d+=2){var e=c[d],f=c[d+1],g=e.destroy;if(e.destroy=void 0,"function"==typeof g)try{g()}catch(k){if(null===f)throw Error(y(330));Wi(f,k)}}for(c=Aj,Aj=[],d=0;d<c.length;d+=2){e=c[d],f=c[d+1];try{var h=e.create;e.destroy=h()}catch(k){if(null===f)throw Error(y(330));Wi(f,k)}}for(h=a.current.firstEffect;null!==h;)a=h.nextEffect,h.nextEffect=null,8&h.flags&&(h.sibling=null,h.stateNode=null),h=a;return X=b,ig(),!0}function gk(a,b,c){Ag(a,b=Pi(0,b=Mi(c,b),1)),b=Hg(),null!==(a=Kj(a,1))&&($c(a,1,b),Mj(a,b))}function Wi(a,b){if(3===a.tag)gk(a,a,b);else for(var c=a.return;null!==c;){if(3===c.tag){gk(c,a,b);break}if(1===c.tag){var d=c.stateNode;if("function"==typeof c.type.getDerivedStateFromError||"function"==typeof d.componentDidCatch&&(null===Ti||!Ti.has(d))){var e=Si(c,a=Mi(b,a),1);if(Ag(c,e),e=Hg(),null!==(c=Kj(c,1)))$c(c,1,e),Mj(c,e);else if("function"==typeof d.componentDidCatch&&(null===Ti||!Ti.has(d)))try{d.componentDidCatch(b,a)}catch(f){}break}}c=c.return}}function Yj(a,b,c){var d=a.pingCache;null!==d&&d.delete(b),b=Hg(),a.pingedLanes|=a.suspendedLanes&c,U===a&&(W&c)===c&&(4===V||3===V&&(62914560&W)===W&&500>O()-jj?Qj(a,0):uj|=c),Mj(a,b)}function lj(a,b){var c=a.stateNode;null!==c&&c.delete(b),0===(b=0)&&(0==(2&(b=a.mode))?b=1:0==(4&b)?b=99===eg()?1:2:(0===Gj&&(Gj=tj),0===(b=Yc(62914560&~Gj))&&(b=4194304))),c=Hg(),null!==(a=Kj(a,b))&&($c(a,b,c),Mj(a,c))}function ik(a,b,c,d){this.tag=a,this.key=c,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=b,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=d,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function nh(a,b,c,d){return new ik(a,b,c,d)}function ji(a){return!(!(a=a.prototype)||!a.isReactComponent)}function Tg(a,b){var c=a.alternate;return null===c?((c=nh(a.tag,b,a.key,a.mode)).elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.nextEffect=null,c.firstEffect=null,c.lastEffect=null),c.childLanes=a.childLanes,c.lanes=a.lanes,c.child=a.child,c.memoizedProps=a.memoizedProps,c.memoizedState=a.memoizedState,c.updateQueue=a.updateQueue,b=a.dependencies,c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext},c.sibling=a.sibling,c.index=a.index,c.ref=a.ref,c}function Vg(a,b,c,d,e,f){var g=2;if(d=a,"function"==typeof a)ji(a)&&(g=1);else if("string"==typeof a)g=5;else a:switch(a){case ua:return Xg(c.children,e,f,b);case Ha:g=8,e|=16;break;case wa:g=8,e|=1;break;case xa:return(a=nh(12,c,b,8|e)).elementType=xa,a.type=xa,a.lanes=f,a;case Ba:return(a=nh(13,c,b,e)).type=Ba,a.elementType=Ba,a.lanes=f,a;case Ca:return(a=nh(19,c,b,e)).elementType=Ca,a.lanes=f,a;case Ia:return vi(c,e,f,b);case Ja:return(a=nh(24,c,b,e)).elementType=Ja,a.lanes=f,a;default:if("object"==typeof a&&null!==a)switch(a.$$typeof){case ya:g=10;break a;case za:g=9;break a;case Aa:g=11;break a;case Da:g=14;break a;case Ea:g=16,d=null;break a;case Fa:g=22;break a}throw Error(y(130,null==a?a:typeof a,""))}return(b=nh(g,c,b,e)).elementType=a,b.type=d,b.lanes=f,b}function Xg(a,b,c,d){return(a=nh(7,a,d,b)).lanes=c,a}function vi(a,b,c,d){return(a=nh(23,a,d,b)).elementType=Ia,a.lanes=c,a}function Ug(a,b,c){return(a=nh(6,a,null,b)).lanes=c,a}function Wg(a,b,c){return(b=nh(4,null!==a.children?a.children:[],a.key,b)).lanes=c,b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation},b}function jk(a,b,c){this.tag=b,this.containerInfo=a,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=c,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Zc(0),this.expirationTimes=Zc(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Zc(0),this.mutableSourceEagerHydrationData=null}function kk(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ta,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}function lk(a,b,c,d){var e=b.current,f=Hg(),g=Ig(e);a:if(c){b:{if(Zb(c=c._reactInternals)!==c||1!==c.tag)throw Error(y(170));var h=c;do{switch(h.tag){case 3:h=h.stateNode.context;break b;case 1:if(Ff(h.type)){h=h.stateNode.__reactInternalMemoizedMergedChildContext;break b}}h=h.return}while(null!==h);throw Error(y(171))}if(1===c.tag){var k=c.type;if(Ff(k)){c=If(c,k,h);break a}}c=h}else c=Cf;return null===b.context?b.context=c:b.pendingContext=c,(b=zg(f,g)).payload={element:a},null!==(d=void 0===d?null:d)&&(b.callback=d),Ag(e,b),Jg(e,g,f),g}function mk(a){return(a=a.current).child?(a.child.tag,a.child.stateNode):null}function nk(a,b){if(null!==(a=a.memoizedState)&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function ok(a,b){nk(a,b),(a=a.alternate)&&nk(a,b)}function qk(a,b,c){var d=null!=c&&null!=c.hydrationOptions&&c.hydrationOptions.mutableSources||null;if(c=new jk(a,b,null!=c&&!0===c.hydrate),b=nh(3,null,null,2===b?7:1===b?3:0),c.current=b,b.stateNode=c,xg(b),a[ff]=c.current,cf(8===a.nodeType?a.parentNode:a),d)for(a=0;a<d.length;a++){var e=(b=d[a])._getVersion;e=e(b._source),null==c.mutableSourceEagerHydrationData?c.mutableSourceEagerHydrationData=[b,e]:c.mutableSourceEagerHydrationData.push(b,e)}this._internalRoot=c}function rk(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function tk(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f._internalRoot;if("function"==typeof e){var h=e;e=function(){var a=mk(g);h.call(a)}}lk(b,g,a,e)}else{if(f=c._reactRootContainer=function sk(a,b){if(b||(b=!(!(b=a?9===a.nodeType?a.documentElement:a.firstChild:null)||1!==b.nodeType||!b.hasAttribute("data-reactroot"))),!b)for(var c;c=a.lastChild;)a.removeChild(c);return new qk(a,0,b?{hydrate:!0}:void 0)}(c,d),g=f._internalRoot,"function"==typeof e){var k=e;e=function(){var a=mk(g);k.call(a)}}Xj((function(){lk(b,g,a,e)}))}return mk(g)}function uk(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!rk(b))throw Error(y(200));return kk(a,b,null,c)}ck=function(a,b,c){var d=b.lanes;if(null!==a)if(a.memoizedProps!==b.pendingProps||N.current)ug=!0;else{if(0==(c&d)){switch(ug=!1,b.tag){case 3:ri(b),sh();break;case 5:gh(b);break;case 1:Ff(b.type)&&Jf(b);break;case 4:eh(b,b.stateNode.containerInfo);break;case 10:d=b.memoizedProps.value;var e=b.type._context;I(mg,e._currentValue),e._currentValue=d;break;case 13:if(null!==b.memoizedState)return 0!=(c&b.child.childLanes)?ti(a,b,c):(I(P,1&P.current),null!==(b=hi(a,b,c))?b.sibling:null);I(P,1&P.current);break;case 19:if(d=0!=(c&b.childLanes),0!=(64&a.flags)){if(d)return Ai(a,b,c);b.flags|=64}if(null!==(e=b.memoizedState)&&(e.rendering=null,e.tail=null,e.lastEffect=null),I(P,P.current),d)break;return null;case 23:case 24:return b.lanes=0,mi(a,b,c)}return hi(a,b,c)}ug=0!=(16384&a.flags)}else ug=!1;switch(b.lanes=0,b.tag){case 2:if(d=b.type,null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2),a=b.pendingProps,e=Ef(b,M.current),tg(b,c),e=Ch(null,b,d,a,e,c),b.flags|=1,"object"==typeof e&&null!==e&&"function"==typeof e.render&&void 0===e.$$typeof){if(b.tag=1,b.memoizedState=null,b.updateQueue=null,Ff(d)){var f=!0;Jf(b)}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,xg(b);var g=d.getDerivedStateFromProps;"function"==typeof g&&Gg(b,d,g,a),e.updater=Kg,b.stateNode=e,e._reactInternals=b,Og(b,d,a,c),b=qi(null,b,d,!0,f,c)}else b.tag=0,fi(null,b,e,c),b=b.child;return b;case 16:e=b.elementType;a:{switch(null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2),a=b.pendingProps,e=(f=e._init)(e._payload),b.type=e,f=b.tag=function hk(a){if("function"==typeof a)return ji(a)?1:0;if(null!=a){if((a=a.$$typeof)===Aa)return 11;if(a===Da)return 14}return 2}(e),a=lg(e,a),f){case 0:b=li(null,b,e,a,c);break a;case 1:b=pi(null,b,e,a,c);break a;case 11:b=gi(null,b,e,a,c);break a;case 14:b=ii(null,b,e,lg(e.type,a),d,c);break a}throw Error(y(306,e,""))}return b;case 0:return d=b.type,e=b.pendingProps,li(a,b,d,e=b.elementType===d?e:lg(d,e),c);case 1:return d=b.type,e=b.pendingProps,pi(a,b,d,e=b.elementType===d?e:lg(d,e),c);case 3:if(ri(b),d=b.updateQueue,null===a||null===d)throw Error(y(282));if(d=b.pendingProps,e=null!==(e=b.memoizedState)?e.element:null,yg(a,b),Cg(b,d,null,c),(d=b.memoizedState.element)===e)sh(),b=hi(a,b,c);else{if((f=(e=b.stateNode).hydrate)&&(kh=rf(b.stateNode.containerInfo.firstChild),jh=b,f=lh=!0),f){if(null!=(a=e.mutableSourceEagerHydrationData))for(e=0;e<a.length;e+=2)(f=a[e])._workInProgressVersionPrimary=a[e+1],th.push(f);for(c=Zg(b,null,d,c),b.child=c;c;)c.flags=-3&c.flags|1024,c=c.sibling}else fi(a,b,d,c),sh();b=b.child}return b;case 5:return gh(b),null===a&&ph(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,nf(d,e)?g=null:null!==f&&nf(d,f)&&(b.flags|=16),oi(a,b),fi(a,b,g,c),b.child;case 6:return null===a&&ph(b),null;case 13:return ti(a,b,c);case 4:return eh(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Yg(b,null,d,c):fi(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,gi(a,b,d,e=b.elementType===d?e:lg(d,e),c);case 7:return fi(a,b,b.pendingProps,c),b.child;case 8:case 12:return fi(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context,e=b.pendingProps,g=b.memoizedProps,f=e.value;var h=b.type._context;if(I(mg,h._currentValue),h._currentValue=f,null!==g)if(h=g.value,0===(f=He(h,f)?0:0|("function"==typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823))){if(g.children===e.children&&!N.current){b=hi(a,b,c);break a}}else for(null!==(h=b.child)&&(h.return=b);null!==h;){var k=h.dependencies;if(null!==k){g=h.child;for(var l=k.firstContext;null!==l;){if(l.context===d&&0!=(l.observedBits&f)){1===h.tag&&((l=zg(-1,c&-c)).tag=2,Ag(h,l)),h.lanes|=c,null!==(l=h.alternate)&&(l.lanes|=c),sg(h.return,c),k.lanes|=c;break}l=l.next}}else g=10===h.tag&&h.type===b.type?null:h.child;if(null!==g)g.return=h;else for(g=h;null!==g;){if(g===b){g=null;break}if(null!==(h=g.sibling)){h.return=g.return,g=h;break}g=g.return}h=g}fi(a,b,e.children,c),b=b.child}return b;case 9:return e=b.type,d=(f=b.pendingProps).children,tg(b,c),d=d(e=vg(e,f.unstable_observedBits)),b.flags|=1,fi(a,b,d,c),b.child;case 14:return f=lg(e=b.type,b.pendingProps),ii(a,b,e,f=lg(e.type,f),d,c);case 15:return ki(a,b,b.type,b.pendingProps,d,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2),b.tag=1,Ff(d)?(a=!0,Jf(b)):a=!1,tg(b,c),Mg(b,d,e),Og(b,d,e,c),qi(null,b,d,!0,a,c);case 19:return Ai(a,b,c);case 23:case 24:return mi(a,b,c)}throw Error(y(156,b.tag))},qk.prototype.render=function(a){lk(a,this._internalRoot,null,null)},qk.prototype.unmount=function(){var a=this._internalRoot,b=a.containerInfo;lk(null,a,null,(function(){b[ff]=null}))},ec=function(a){13===a.tag&&(Jg(a,4,Hg()),ok(a,4))},fc=function(a){13===a.tag&&(Jg(a,67108864,Hg()),ok(a,67108864))},gc=function(a){if(13===a.tag){var b=Hg(),c=Ig(a);Jg(a,c,b),ok(a,c)}},hc=function(a,b){return b()},yb=function(a,b,c){switch(b){case"input":if(ab(a,c),b=c.name,"radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;for(c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]'),b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Db(d);if(!e)throw Error(y(90));Wa(d),ab(d,e)}}}break;case"textarea":ib(a,c);break;case"select":null!=(b=c.value)&&fb(a,!!c.multiple,b,!1)}},Gb=Wj,Hb=function(a,b,c,d,e){var f=X;X|=4;try{return gg(98,a.bind(null,b,c,d,e))}finally{0===(X=f)&&(wj(),ig())}},Ib=function(){0==(49&X)&&(function Vj(){if(null!==Cj){var a=Cj;Cj=null,a.forEach((function(a){a.expiredLanes|=24&a.pendingLanes,Mj(a,O())}))}ig()}(),Oj())},Jb=function(a,b){var c=X;X|=2;try{return a(b)}finally{0===(X=c)&&(wj(),ig())}};var vk={Events:[Cb,ue,Db,Eb,Fb,Oj,{current:!1}]},wk={findFiberByHostInstance:wc,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},xk={bundleType:wk.bundleType,version:wk.version,rendererPackageName:wk.rendererPackageName,rendererConfig:wk.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:ra.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){return null===(a=cc(a))?null:a.stateNode},findFiberByHostInstance:wk.findFiberByHostInstance||function pk(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var yk=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!yk.isDisabled&&yk.supportsFiber)try{Lf=yk.inject(xk),Mf=yk}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=vk,exports.createPortal=uk,exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"==typeof a.render)throw Error(y(188));throw Error(y(268,Object.keys(a)))}return a=null===(a=cc(b))?null:a.stateNode},exports.flushSync=function(a,b){var c=X;if(0!=(48&c))return a(b);X|=1;try{if(a)return gg(99,a.bind(null,b))}finally{X=c,ig()}},exports.hydrate=function(a,b,c){if(!rk(b))throw Error(y(200));return tk(null,a,b,!0,c)},exports.render=function(a,b,c){if(!rk(b))throw Error(y(200));return tk(null,a,b,!1,c)},exports.unmountComponentAtNode=function(a){if(!rk(a))throw Error(y(40));return!!a._reactRootContainer&&(Xj((function(){tk(null,null,a,!1,(function(){a._reactRootContainer=null,a[ff]=null}))})),!0)},exports.unstable_batchedUpdates=Wj,exports.unstable_createPortal=function(a,b){return uk(a,b,2<arguments.length&&void 0!==arguments[2]?arguments[2]:null)},exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!rk(c))throw Error(y(200));if(null==a||void 0===a._reactInternals)throw Error(y(38));return tk(a,b,c,!1,d)},exports.version="17.0.2"},"./node_modules/react-dom/index.js":function(module,exports,__webpack_require__){"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.min.js")},"./node_modules/react-element-to-jsx-string/dist/cjs/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var isPlainObject=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),React=__webpack_require__("./node_modules/react/index.js"),prettyPrintObject=__webpack_require__("./node_modules/@base2/pretty-print-object/dist/index.js"),reactIs=__webpack_require__("./node_modules/react-is/index.js");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(k){if("default"!==k){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:!0,get:function(){return e[k]}})}})),n.default=e,Object.freeze(n)}var React__namespace=_interopNamespace(React),React__default=_interopDefaultLegacy(React),spacer=function(times,tabStop){return 0===times?"":new Array(times*tabStop).fill(" ").join("")};function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function safeSortObject(value,seen){return null===value||"object"!==_typeof(value)||value instanceof Date||value instanceof RegExp||React__namespace.isValidElement(value)?value:(seen.add(value),Array.isArray(value)?value.map((function(v){return safeSortObject(v,seen)})):Object.keys(value).sort().reduce((function(result,key){return"_owner"===key||("current"===key||seen.has(value[key])?result[key]="[Circular]":result[key]=safeSortObject(value[key],seen)),result}),{}))}function sortObject(value){return safeSortObject(value,new WeakSet)}var createStringTreeNode=function createStringTreeNode(value){return{type:"string",value:value}},supportFragment=Boolean(React.Fragment),getFunctionTypeName=function getFunctionTypeName(functionType){return functionType.name&&"_default"!==functionType.name?functionType.name:"No Display Name"},getWrappedComponentDisplayName=function getWrappedComponentDisplayName(Component){switch(!0){case Boolean(Component.displayName):return Component.displayName;case Component.$$typeof===reactIs.Memo:return getWrappedComponentDisplayName(Component.type);case Component.$$typeof===reactIs.ForwardRef:return getWrappedComponentDisplayName(Component.render);default:return getFunctionTypeName(Component)}},getReactElementDisplayName=function getReactElementDisplayName(element){switch(!0){case"string"==typeof element.type:return element.type;case"function"==typeof element.type:return element.type.displayName?element.type.displayName:getFunctionTypeName(element.type);case reactIs.isForwardRef(element):case reactIs.isMemo(element):return getWrappedComponentDisplayName(element.type);case reactIs.isContextConsumer(element):return"".concat(element.type._context.displayName||"Context",".Consumer");case reactIs.isContextProvider(element):return"".concat(element.type._context.displayName||"Context",".Provider");case reactIs.isLazy(element):return"Lazy";case reactIs.isProfiler(element):return"Profiler";case reactIs.isStrictMode(element):return"StrictMode";case reactIs.isSuspense(element):return"Suspense";default:return"UnknownElementType"}},noChildren=function noChildren(propsValue,propName){return"children"!==propName},onlyMeaningfulChildren=function onlyMeaningfulChildren(children){return!0!==children&&!1!==children&&null!==children&&""!==children},filterProps=function filterProps(originalProps,cb){var filteredProps={};return Object.keys(originalProps).filter((function(key){return cb(originalProps[key],key)})).forEach((function(key){return filteredProps[key]=originalProps[key]})),filteredProps},parseReactElement=function parseReactElement(element,options){var _options$displayName=options.displayName,displayNameFn=void 0===_options$displayName?getReactElementDisplayName:_options$displayName;if("string"==typeof element)return createStringTreeNode(element);if("number"==typeof element)return function createNumberTreeNode(value){return{type:"number",value:value}}(element);if(!React__default.default.isValidElement(element))throw new Error("react-element-to-jsx-string: Expected a React.Element, got `".concat(_typeof(element),"`"));var displayName=displayNameFn(element),props=filterProps(element.props,noChildren);null!==element.ref&&(props.ref=element.ref);var key=element.key;"string"==typeof key&&key.search(/^\./)&&(props.key=key);var defaultProps=filterProps(element.type.defaultProps||{},noChildren),childrens=React__default.default.Children.toArray(element.props.children).filter(onlyMeaningfulChildren).map((function(child){return parseReactElement(child,options)}));return supportFragment&&element.type===React.Fragment?function createReactFragmentTreeNode(key,childrens){return{type:"ReactFragment",key:key,childrens:childrens}}(key,childrens):function createReactElementTreeNode(displayName,props,defaultProps,childrens){return{type:"ReactElement",displayName:displayName,props:props,defaultProps:defaultProps,childrens:childrens}}(displayName,props,defaultProps,childrens)};function noRefCheck(){}var inlineFunction=function inlineFunction(fn){return fn.toString().split("\n").map((function(line){return line.trim()})).join("")},defaultFunctionValue=inlineFunction,formatFunction=function(fn,options){var _options$functionValu=options.functionValue,functionValue=void 0===_options$functionValu?defaultFunctionValue:_options$functionValu;return functionValue(options.showFunctions||functionValue!==defaultFunctionValue?fn:noRefCheck)},formatPropValue=function formatPropValue(propValue,inline,lvl,options){if("number"==typeof propValue)return"{".concat(String(propValue),"}");if("string"==typeof propValue)return'"'.concat(function escape(s){return s.replace(/"/g,"&quot;")}(propValue),'"');if("symbol"===_typeof(propValue)){var symbolDescription=propValue.valueOf().toString().replace(/Symbol\((.*)\)/,"$1");return symbolDescription?"{Symbol('".concat(symbolDescription,"')}"):"{Symbol()}"}return"function"==typeof propValue?"{".concat(formatFunction(propValue,options),"}"):React.isValidElement(propValue)?"{".concat(formatTreeNode(parseReactElement(propValue,options),!0,lvl,options),"}"):propValue instanceof Date?isNaN(propValue.valueOf())?"{new Date(NaN)}":'{new Date("'.concat(propValue.toISOString(),'")}'):isPlainObject.isPlainObject(propValue)||Array.isArray(propValue)?"{".concat(function(value,inline,lvl,options){var normalizedValue=sortObject(value),stringifiedValue=prettyPrintObject.prettyPrint(normalizedValue,{transform:function transform(currentObj,prop,originalResult){var currentValue=currentObj[prop];return currentValue&&React.isValidElement(currentValue)?formatTreeNode(parseReactElement(currentValue,options),!0,lvl,options):"function"==typeof currentValue?formatFunction(currentValue,options):originalResult}});return inline?stringifiedValue.replace(/\s+/g," ").replace(/{ /g,"{").replace(/ }/g,"}").replace(/\[ /g,"[").replace(/ ]/g,"]"):stringifiedValue.replace(/\t/g,spacer(1,options.tabStop)).replace(/\n([^$])/g,"\n".concat(spacer(lvl+1,options.tabStop),"$1"))}(propValue,inline,lvl,options),"}"):"{".concat(String(propValue),"}")},mergeSiblingPlainStringChildrenReducer=function(previousNodes,currentNode){var nodes=previousNodes.slice(0,previousNodes.length>0?previousNodes.length-1:0),previousNode=previousNodes[previousNodes.length-1];return!previousNode||"string"!==currentNode.type&&"number"!==currentNode.type||"string"!==previousNode.type&&"number"!==previousNode.type?(previousNode&&nodes.push(previousNode),nodes.push(currentNode)):nodes.push(createStringTreeNode(String(previousNode.value)+String(currentNode.value))),nodes};var formatOneChildren=function formatOneChildren(inline,lvl,options){return function(element){return function compensateMultilineStringElementIndentation(element,formattedElement,inline,lvl,options){var tabStop=options.tabStop;return"string"===element.type?formattedElement.split("\n").map((function(line,offset){return 0===offset?line:"".concat(spacer(lvl,tabStop)).concat(line)})).join("\n"):formattedElement}(element,formatTreeNode(element,inline,lvl,options),0,lvl,options)}},isInlineAttributeTooLong=function isInlineAttributeTooLong(attributes,inlineAttributeString,lvl,tabStop,maxInlineAttributesLineLength){return maxInlineAttributesLineLength?spacer(lvl,tabStop).length+inlineAttributeString.length>maxInlineAttributesLineLength:attributes.length>1},formatReactElementNode=function(node,inline,lvl,options){var type=node.type,_node$displayName=node.displayName,displayName=void 0===_node$displayName?"":_node$displayName,childrens=node.childrens,_node$props=node.props,props=void 0===_node$props?{}:_node$props,_node$defaultProps=node.defaultProps,defaultProps=void 0===_node$defaultProps?{}:_node$defaultProps;if("ReactElement"!==type)throw new Error('The "formatReactElementNode" function could only format node of type "ReactElement". Given:  '.concat(type));var filterProps=options.filterProps,maxInlineAttributesLineLength=options.maxInlineAttributesLineLength,showDefaultProps=options.showDefaultProps,sortProps=options.sortProps,tabStop=options.tabStop,out="<".concat(displayName),outInlineAttr=out,outMultilineAttr=out,containsMultilineAttr=!1,visibleAttributeNames=[],propFilter=function createPropFilter(props,filter){return Array.isArray(filter)?function(key){return-1===filter.indexOf(key)}:function(key){return filter(props[key],key)}}(props,filterProps);Object.keys(props).filter(propFilter).filter(function onlyPropsWithOriginalValue(defaultProps,props){return function(propName){var haveDefaultValue=Object.keys(defaultProps).includes(propName);return!haveDefaultValue||haveDefaultValue&&defaultProps[propName]!==props[propName]}}(defaultProps,props)).forEach((function(propName){return visibleAttributeNames.push(propName)})),Object.keys(defaultProps).filter(propFilter).filter((function(){return showDefaultProps})).filter((function(defaultPropName){return!visibleAttributeNames.includes(defaultPropName)})).forEach((function(defaultPropName){return visibleAttributeNames.push(defaultPropName)}));var shouldSortUserProps,attributes=(shouldSortUserProps=sortProps,function(props){var haveKeyProp=props.includes("key"),haveRefProp=props.includes("ref"),userPropsOnly=props.filter((function(oneProp){return!function isKeyOrRefProps(propName){return["key","ref"].includes(propName)}(oneProp)})),sortedProps=_toConsumableArray(shouldSortUserProps?userPropsOnly.sort():userPropsOnly);return haveRefProp&&sortedProps.unshift("ref"),haveKeyProp&&sortedProps.unshift("key"),sortedProps})(visibleAttributeNames);if(attributes.forEach((function(attributeName){var _formatProp=function(name,hasValue,value,hasDefaultValue,defaultValue,inline,lvl,options){if(!hasValue&&!hasDefaultValue)throw new Error('The prop "'.concat(name,'" has no value and no default: could not be formatted'));var usedValue=hasValue?value:defaultValue,useBooleanShorthandSyntax=options.useBooleanShorthandSyntax,tabStop=options.tabStop,formattedPropValue=formatPropValue(usedValue,inline,lvl,options),attributeFormattedInline=" ",attributeFormattedMultiline="\n".concat(spacer(lvl+1,tabStop)),isMultilineAttribute=formattedPropValue.includes("\n");return useBooleanShorthandSyntax&&"{false}"===formattedPropValue&&!hasDefaultValue?(attributeFormattedInline="",attributeFormattedMultiline=""):useBooleanShorthandSyntax&&"{true}"===formattedPropValue?(attributeFormattedInline+="".concat(name),attributeFormattedMultiline+="".concat(name)):(attributeFormattedInline+="".concat(name,"=").concat(formattedPropValue),attributeFormattedMultiline+="".concat(name,"=").concat(formattedPropValue)),{attributeFormattedInline:attributeFormattedInline,attributeFormattedMultiline:attributeFormattedMultiline,isMultilineAttribute:isMultilineAttribute}}(attributeName,Object.keys(props).includes(attributeName),props[attributeName],Object.keys(defaultProps).includes(attributeName),defaultProps[attributeName],inline,lvl,options),attributeFormattedInline=_formatProp.attributeFormattedInline,attributeFormattedMultiline=_formatProp.attributeFormattedMultiline;_formatProp.isMultilineAttribute&&(containsMultilineAttr=!0),outInlineAttr+=attributeFormattedInline,outMultilineAttr+=attributeFormattedMultiline})),outMultilineAttr+="\n".concat(spacer(lvl,tabStop)),out=function shouldRenderMultilineAttr(attributes,inlineAttributeString,containsMultilineAttr,inline,lvl,tabStop,maxInlineAttributesLineLength){return(isInlineAttributeTooLong(attributes,inlineAttributeString,lvl,tabStop,maxInlineAttributesLineLength)||containsMultilineAttr)&&!inline}(attributes,outInlineAttr,containsMultilineAttr,inline,lvl,tabStop,maxInlineAttributesLineLength)?outMultilineAttr:outInlineAttr,childrens&&childrens.length>0){var newLvl=lvl+1;out+=">",inline||(out+="\n",out+=spacer(newLvl,tabStop)),out+=childrens.reduce(mergeSiblingPlainStringChildrenReducer,[]).map(formatOneChildren(inline,newLvl,options)).join(inline?"":"\n".concat(spacer(newLvl,tabStop))),inline||(out+="\n",out+=spacer(newLvl-1,tabStop)),out+="</".concat(displayName,">")}else isInlineAttributeTooLong(attributes,outInlineAttr,lvl,tabStop,maxInlineAttributesLineLength)||(out+=" "),out+="/>";return out},formatReactFragmentNode=function(node,inline,lvl,options){var displayName,type=node.type,key=node.key,childrens=node.childrens;if("ReactFragment"!==type)throw new Error('The "formatReactFragmentNode" function could only format node of type "ReactFragment". Given: '.concat(type));return displayName=options.useFragmentShortSyntax?function hasNoChildren(_ref2){return 0===_ref2.childrens.length}(node)||function isKeyedFragment(_ref){var key=_ref.key;return Boolean(key)}(node)?"React.Fragment":"":"React.Fragment",formatReactElementNode(function toReactElementTreeNode(displayName,key,childrens){var props={};return key&&(props={key:key}),{type:"ReactElement",displayName:displayName,props:props,defaultProps:{},childrens:childrens}}(displayName,key,childrens),inline,lvl,options)},jsxStopChars=["<",">","{","}"],escape=function escape(s){return function shouldBeEscaped(s){return jsxStopChars.some((function(jsxStopChar){return s.includes(jsxStopChar)}))}(s)?"{`".concat(s,"`}"):s},formatTreeNode=function(node,inline,lvl,options){if("number"===node.type)return String(node.value);if("string"===node.type)return node.value?"".concat(function preserveTrailingSpace(s){var result=s;return result.endsWith(" ")&&(result=result.replace(/^(.*?)(\s+)$/,"$1{'$2'}")),result.startsWith(" ")&&(result=result.replace(/^(\s+)(.*)$/,"{'$1'}$2")),result}(escape(String(node.value)))):"";if("ReactElement"===node.type)return formatReactElementNode(node,inline,lvl,options);if("ReactFragment"===node.type)return formatReactFragmentNode(node,inline,lvl,options);throw new TypeError('Unknow format type "'.concat(node.type,'"'))},formatTree=function(node,options){return formatTreeNode(node,!1,0,options)};exports.default=function reactElementToJsxString(element){var _ref=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_ref$filterProps=_ref.filterProps,filterProps=void 0===_ref$filterProps?[]:_ref$filterProps,_ref$showDefaultProps=_ref.showDefaultProps,showDefaultProps=void 0===_ref$showDefaultProps||_ref$showDefaultProps,_ref$showFunctions=_ref.showFunctions,showFunctions=void 0!==_ref$showFunctions&&_ref$showFunctions,functionValue=_ref.functionValue,_ref$tabStop=_ref.tabStop,tabStop=void 0===_ref$tabStop?2:_ref$tabStop,_ref$useBooleanShorth=_ref.useBooleanShorthandSyntax,useBooleanShorthandSyntax=void 0===_ref$useBooleanShorth||_ref$useBooleanShorth,_ref$useFragmentShort=_ref.useFragmentShortSyntax,useFragmentShortSyntax=void 0===_ref$useFragmentShort||_ref$useFragmentShort,_ref$sortProps=_ref.sortProps,sortProps=void 0===_ref$sortProps||_ref$sortProps,maxInlineAttributesLineLength=_ref.maxInlineAttributesLineLength,displayName=_ref.displayName;if(!element)throw new Error("react-element-to-jsx-string: Expected a ReactElement");var options={filterProps:filterProps,showDefaultProps:showDefaultProps,showFunctions:showFunctions,functionValue:functionValue,tabStop:tabStop,useBooleanShorthandSyntax:useBooleanShorthandSyntax,useFragmentShortSyntax:useFragmentShortSyntax,sortProps:sortProps,maxInlineAttributesLineLength:maxInlineAttributesLineLength,displayName:displayName};return formatTree(parseReactElement(element,options),options)},exports.inlineFunction=inlineFunction,exports.preserveFunctionLineBreak=function preserveFunctionLineBreak(fn){return fn.toString()}},"./node_modules/react-focus-lock/dist/es2015/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),useMergeRef=__webpack_require__("./node_modules/use-callback-ref/dist/es2015/useMergeRef.js"),hiddenGuard={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"},FocusGuard_InFocusGuard=function InFocusGuard(_ref){var children=_ref.children;return react.createElement(react.Fragment,null,react.createElement("div",{key:"guard-first","data-focus-guard":!0,"data-focus-auto-guard":!0,style:hiddenGuard}),children,children&&react.createElement("div",{key:"guard-last","data-focus-guard":!0,"data-focus-auto-guard":!0,style:hiddenGuard}))};FocusGuard_InFocusGuard.propTypes={},FocusGuard_InFocusGuard.defaultProps={children:null};var medium=__webpack_require__("./node_modules/use-sidecar/dist/es2015/medium.js"),mediumFocus=Object(medium.a)({},(function(_ref){return{target:_ref.target,currentTarget:_ref.currentTarget}})),mediumBlur=Object(medium.a)(),mediumEffect=Object(medium.a)(),mediumSidecar=Object(medium.b)({async:!0}),emptyArray=[],FocusLock=react.forwardRef((function FocusLockUI(props,parentRef){var _extends2,_React$useState=react.useState(),realObserved=_React$useState[0],setObserved=_React$useState[1],observed=react.useRef(),isActive=react.useRef(!1),originalFocusedElement=react.useRef(null),children=props.children,disabled=props.disabled,noFocusGuards=props.noFocusGuards,persistentFocus=props.persistentFocus,crossFrame=props.crossFrame,autoFocus=props.autoFocus,group=(props.allowTextSelection,props.group),className=props.className,whiteList=props.whiteList,hasPositiveIndices=props.hasPositiveIndices,_props$shards=props.shards,shards=void 0===_props$shards?emptyArray:_props$shards,_props$as=props.as,Container=void 0===_props$as?"div":_props$as,_props$lockProps=props.lockProps,containerProps=void 0===_props$lockProps?{}:_props$lockProps,SideCar=props.sideCar,shouldReturnFocus=props.returnFocus,focusOptions=props.focusOptions,onActivationCallback=props.onActivation,onDeactivationCallback=props.onDeactivation,id=react.useState({})[0],onActivation=react.useCallback((function(){originalFocusedElement.current=originalFocusedElement.current||document&&document.activeElement,observed.current&&onActivationCallback&&onActivationCallback(observed.current),isActive.current=!0}),[onActivationCallback]),onDeactivation=react.useCallback((function(){isActive.current=!1,onDeactivationCallback&&onDeactivationCallback(observed.current)}),[onDeactivationCallback]);Object(react.useEffect)((function(){disabled||(originalFocusedElement.current=null)}),[]);var returnFocus=react.useCallback((function(allowDefer){var returnFocusTo=originalFocusedElement.current;if(returnFocusTo&&returnFocusTo.focus){var howToReturnFocus="function"==typeof shouldReturnFocus?shouldReturnFocus(returnFocusTo):shouldReturnFocus;if(howToReturnFocus){var returnFocusOptions="object"==typeof howToReturnFocus?howToReturnFocus:void 0;originalFocusedElement.current=null,allowDefer?Promise.resolve().then((function(){return returnFocusTo.focus(returnFocusOptions)})):returnFocusTo.focus(returnFocusOptions)}}}),[shouldReturnFocus]),onFocus=react.useCallback((function(event){isActive.current&&mediumFocus.useMedium(event)}),[]),onBlur=mediumBlur.useMedium,setObserveNode=react.useCallback((function(newObserved){observed.current!==newObserved&&(observed.current=newObserved,setObserved(newObserved))}),[]);var lockProps=_extends(((_extends2={})["data-focus-lock-disabled"]=disabled&&"disabled",_extends2["data-focus-lock"]=group,_extends2),containerProps),hasLeadingGuards=!0!==noFocusGuards,hasTailingGuards=hasLeadingGuards&&"tail"!==noFocusGuards,mergedRef=Object(useMergeRef.a)([parentRef,setObserveNode]);return react.createElement(react.Fragment,null,hasLeadingGuards&&[react.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:disabled?-1:0,style:hiddenGuard}),hasPositiveIndices?react.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:disabled?-1:1,style:hiddenGuard}):null],!disabled&&react.createElement(SideCar,{id:id,sideCar:mediumSidecar,observed:realObserved,disabled:disabled,persistentFocus:persistentFocus,crossFrame:crossFrame,autoFocus:autoFocus,whiteList:whiteList,shards:shards,onActivation:onActivation,onDeactivation:onDeactivation,returnFocus:returnFocus,focusOptions:focusOptions}),react.createElement(Container,_extends({ref:mergedRef},lockProps,{className:className,onBlur:onBlur,onFocus:onFocus}),children),hasTailingGuards&&react.createElement("div",{"data-focus-guard":!0,tabIndex:disabled?-1:0,style:hiddenGuard}))}));FocusLock.propTypes={},FocusLock.defaultProps={children:void 0,disabled:!1,returnFocus:!1,focusOptions:void 0,noFocusGuards:!1,autoFocus:!0,persistentFocus:!1,crossFrame:!0,hasPositiveIndices:void 0,allowTextSelection:void 0,group:void 0,className:void 0,whiteList:void 0,shards:void 0,as:"div",lockProps:{},onActivation:void 0,onDeactivation:void 0};var Lock=FocusLock;function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}var index_es=function withSideEffect(reducePropsToState,handleStateChangeOnClient){return function wrap(WrappedComponent){var state,mountedInstances=[];function emitChange(){state=reducePropsToState(mountedInstances.map((function(instance){return instance.props}))),handleStateChangeOnClient(state)}var SideEffect=function(_PureComponent){function SideEffect(){return _PureComponent.apply(this,arguments)||this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}(SideEffect,_PureComponent),SideEffect.peek=function peek(){return state};var _proto=SideEffect.prototype;return _proto.componentDidMount=function componentDidMount(){mountedInstances.push(this),emitChange()},_proto.componentDidUpdate=function componentDidUpdate(){emitChange()},_proto.componentWillUnmount=function componentWillUnmount(){var index=mountedInstances.indexOf(this);mountedInstances.splice(index,1),emitChange()},_proto.render=function render(){return react_default.a.createElement(WrappedComponent,this.props)},SideEffect}(react.PureComponent);return function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(SideEffect,"displayName","SideEffect("+function getDisplayName(WrappedComponent){return WrappedComponent.displayName||WrappedComponent.name||"Component"}(WrappedComponent)+")"),SideEffect}},toArray=function(a){for(var ret=Array(a.length),i=0;i<a.length;++i)ret[i]=a[i];return ret},asArray=function(a){return Array.isArray(a)?a:[a]},getParentNode=function(node){return node.parentNode&&node.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?node.parentNode.host:node.parentNode},isTopNode=function(node){return node===document||node&&node.nodeType===Node.DOCUMENT_NODE},isVisibleUncached=function(node,checkParent){return!node||isTopNode(node)||!function(node){if(node.nodeType!==Node.ELEMENT_NODE)return!1;var computedStyle=window.getComputedStyle(node,null);return!(!computedStyle||!computedStyle.getPropertyValue||"none"!==computedStyle.getPropertyValue("display")&&"hidden"!==computedStyle.getPropertyValue("visibility"))}(node)&&checkParent(getParentNode(node))},isVisibleCached=function(visibilityCache,node){var cached=visibilityCache.get(node);if(void 0!==cached)return cached;var result=isVisibleUncached(node,isVisibleCached.bind(void 0,visibilityCache));return visibilityCache.set(node,result),result},isAutoFocusAllowedCached=function(cache,node){var cached=cache.get(node);if(void 0!==cached)return cached;var result=function(node,checkParent){return!(node&&!isTopNode(node))||!!isAutoFocusAllowed(node)&&checkParent(getParentNode(node))}(node,isAutoFocusAllowedCached.bind(void 0,cache));return cache.set(node,result),result},getDataset=function(node){return node.dataset},isHTMLInputElement=function(node){return"INPUT"===node.tagName},isRadioElement=function(node){return isHTMLInputElement(node)&&"radio"===node.type},isAutoFocusAllowed=function(node){var attribute=node.getAttribute("data-no-autofocus");return![!0,"true",""].includes(attribute)},isGuard=function(node){var _a;return Boolean(node&&(null===(_a=getDataset(node))||void 0===_a?void 0:_a.focusGuard))},isNotAGuard=function(node){return!isGuard(node)},isDefined=function(x){return Boolean(x)},tabSort=function(a,b){var tabDiff=a.tabIndex-b.tabIndex,indexDiff=a.index-b.index;if(tabDiff){if(!a.tabIndex)return 1;if(!b.tabIndex)return-1}return tabDiff||indexDiff},orderByTabIndex=function(nodes,filterNegative,keepGuards){return toArray(nodes).map((function(node,index){return{node:node,index:index,tabIndex:keepGuards&&-1===node.tabIndex?(node.dataset||{}).focusGuard?0:-1:node.tabIndex}})).filter((function(data){return!filterNegative||data.tabIndex>=0})).sort(tabSort)},queryTabbables=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"].join(","),queryGuardTabbables="".concat(queryTabbables,", [data-focus-guard]"),getFocusablesWithShadowDom=function(parent,withGuards){var _a;return toArray((null===(_a=parent.shadowRoot)||void 0===_a?void 0:_a.children)||parent.children).reduce((function(acc,child){return acc.concat(child.matches(withGuards?queryGuardTabbables:queryTabbables)?[child]:[],getFocusablesWithShadowDom(child))}),[])},getFocusables=function(parents,withGuards){return parents.reduce((function(acc,parent){return acc.concat(getFocusablesWithShadowDom(parent,withGuards),parent.parentNode?toArray(parent.parentNode.querySelectorAll(queryTabbables)).filter((function(node){return node===parent})):[])}),[])},filterFocusable=function(nodes,visibilityCache){return toArray(nodes).filter((function(node){return isVisibleCached(visibilityCache,node)})).filter((function(node){return function(node){return!((isHTMLInputElement(node)||function(node){return"BUTTON"===node.tagName}(node))&&("hidden"===node.type||node.disabled))}(node)}))},filterAutoFocusable=function(nodes,cache){return void 0===cache&&(cache=new Map),toArray(nodes).filter((function(node){return isAutoFocusAllowedCached(cache,node)}))},getTabbableNodes=function(topNodes,visibilityCache,withGuards){return orderByTabIndex(filterFocusable(getFocusables(topNodes,withGuards),visibilityCache),!0,withGuards)},getAllTabbableNodes=function(topNodes,visibilityCache){return orderByTabIndex(filterFocusable(getFocusables(topNodes),visibilityCache),!1)},parentAutofocusables=function(topNode,visibilityCache){return filterFocusable((parentFocus=topNode.querySelectorAll("[".concat("data-autofocus-inside","]")),toArray(parentFocus).map((function(node){return getFocusables([node])})).reduce((function(acc,nodes){return acc.concat(nodes)}),[])),visibilityCache);var parentFocus},contains=function(scope,element){return(scope.shadowRoot?contains(scope.shadowRoot,element):Object.getPrototypeOf(scope).contains.call(scope,element))||toArray(scope.children).some((function(child){return contains(child,element)}))},getNestedShadowActiveElement=function(shadowRoot){return shadowRoot.activeElement?shadowRoot.activeElement.shadowRoot?getNestedShadowActiveElement(shadowRoot.activeElement.shadowRoot):shadowRoot.activeElement:void 0},getActiveElement=function(){return document.activeElement?document.activeElement.shadowRoot?getNestedShadowActiveElement(document.activeElement.shadowRoot):document.activeElement:void 0},getTopParent=function(node){return node.parentNode?getTopParent(node.parentNode):node},getAllAffectedNodes=function(node){return asArray(node).filter(Boolean).reduce((function(acc,currentNode){var group=currentNode.getAttribute("data-focus-lock");return acc.push.apply(acc,group?function(nodes){for(var contained=new Set,l=nodes.length,i=0;i<l;i+=1)for(var j=i+1;j<l;j+=1){var position=nodes[i].compareDocumentPosition(nodes[j]);(position&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&contained.add(j),(position&Node.DOCUMENT_POSITION_CONTAINS)>0&&contained.add(i)}return nodes.filter((function(_,index){return!contained.has(index)}))}(toArray(getTopParent(currentNode).querySelectorAll("[".concat("data-focus-lock",'="').concat(group,'"]:not([').concat("data-focus-lock-disabled",'="disabled"])')))):[currentNode]),acc}),[])},focusInsideIframe=function(topNode){return Boolean(toArray(topNode.querySelectorAll("iframe")).some((function(node){return node===document.activeElement})))},focusInside=function(topNode){var activeElement=document&&getActiveElement();return!(!activeElement||activeElement.dataset&&activeElement.dataset.focusGuard)&&getAllAffectedNodes(topNode).some((function(node){return contains(node,activeElement)||focusInsideIframe(node)}))},correctNode=function(node,nodes){return isRadioElement(node)&&node.name?function(node,nodes){return nodes.filter(isRadioElement).filter((function(el){return el.name===node.name})).filter((function(el){return el.checked}))[0]||node}(node,nodes):node},pickFirstFocus=function(nodes){return nodes[0]&&nodes.length>1?correctNode(nodes[0],nodes):nodes[0]},pickFocusable=function(nodes,index){return nodes.length>1?nodes.indexOf(correctNode(nodes[index],nodes)):index},newFocus=function(innerNodes,outerNodes,activeElement,lastNode){var cnt=innerNodes.length,firstFocus=innerNodes[0],lastFocus=innerNodes[cnt-1],isOnGuard=isGuard(activeElement);if(!(activeElement&&innerNodes.indexOf(activeElement)>=0)){var nodes,resultSet,activeIndex=void 0!==activeElement?outerNodes.indexOf(activeElement):-1,lastIndex=lastNode?outerNodes.indexOf(lastNode):activeIndex,lastNodeInside=lastNode?innerNodes.indexOf(lastNode):-1,indexDiff=activeIndex-lastIndex,firstNodeIndex=outerNodes.indexOf(firstFocus),lastNodeIndex=outerNodes.indexOf(lastFocus),correctedNodes=(nodes=outerNodes,resultSet=new Set,nodes.forEach((function(node){return resultSet.add(correctNode(node,nodes))})),nodes.filter((function(node){return resultSet.has(node)}))),correctedIndexDiff=(void 0!==activeElement?correctedNodes.indexOf(activeElement):-1)-(lastNode?correctedNodes.indexOf(lastNode):activeIndex),returnFirstNode=pickFocusable(innerNodes,0),returnLastNode=pickFocusable(innerNodes,cnt-1);return-1===activeIndex||-1===lastNodeInside?"NEW_FOCUS":!indexDiff&&lastNodeInside>=0?lastNodeInside:activeIndex<=firstNodeIndex&&isOnGuard&&Math.abs(indexDiff)>1?returnLastNode:activeIndex>=lastNodeIndex&&isOnGuard&&Math.abs(indexDiff)>1?returnFirstNode:indexDiff&&Math.abs(correctedIndexDiff)>1?lastNodeInside:activeIndex<=firstNodeIndex?returnLastNode:activeIndex>lastNodeIndex?returnFirstNode:indexDiff?Math.abs(indexDiff)>1?lastNodeInside:(cnt+lastNodeInside+indexDiff)%cnt:void 0}},getParents=function(node,parents){return void 0===parents&&(parents=[]),parents.push(node),node.parentNode&&getParents(node.parentNode.host||node.parentNode,parents),parents},getCommonParent=function(nodeA,nodeB){for(var parentsA=getParents(nodeA),parentsB=getParents(nodeB),i=0;i<parentsA.length;i+=1){var currentParent=parentsA[i];if(parentsB.indexOf(currentParent)>=0)return currentParent}return!1},getTopCommonParent=function(baseActiveElement,leftEntry,rightEntries){var activeElements=asArray(baseActiveElement),leftEntries=asArray(leftEntry),activeElement=activeElements[0],topCommon=!1;return leftEntries.filter(Boolean).forEach((function(entry){topCommon=getCommonParent(topCommon||entry,entry)||topCommon,rightEntries.filter(Boolean).forEach((function(subEntry){var common=getCommonParent(activeElement,subEntry);common&&(topCommon=!topCommon||contains(common,topCommon)?common:getCommonParent(common,topCommon))}))})),topCommon},getFocusMerge=function(topNode,lastNode){var activeElement=document&&getActiveElement(),entries=getAllAffectedNodes(topNode).filter(isNotAGuard),commonParent=getTopCommonParent(activeElement||topNode,topNode,entries),visibilityCache=new Map,anyFocusable=getAllTabbableNodes(entries,visibilityCache),innerElements=getTabbableNodes(entries,visibilityCache).filter((function(_a){var node=_a.node;return isNotAGuard(node)}));if(innerElements[0]||(innerElements=anyFocusable)[0]){var srcNodes,dstNodes,remap,autoFocusables,outerNodes=getAllTabbableNodes([commonParent],visibilityCache).map((function(_a){return _a.node})),orderedInnerElements=(srcNodes=outerNodes,dstNodes=innerElements,remap=new Map,dstNodes.forEach((function(entity){return remap.set(entity.node,entity)})),srcNodes.map((function(node){return remap.get(node)})).filter(isDefined)),innerNodes=orderedInnerElements.map((function(_a){return _a.node})),newId=newFocus(innerNodes,outerNodes,activeElement,lastNode);if("NEW_FOCUS"===newId){var autoFocusable=filterAutoFocusable(anyFocusable.map((function(_a){return _a.node}))).filter((autoFocusables=function(entries,visibilityCache){return entries.reduce((function(acc,node){return acc.concat(parentAutofocusables(node,visibilityCache))}),[])}(entries,visibilityCache),function(node){var _a;return node.autofocus||!!(null===(_a=getDataset(node))||void 0===_a?void 0:_a.autofocus)||autoFocusables.indexOf(node)>=0}));return{node:autoFocusable&&autoFocusable.length?pickFirstFocus(autoFocusable):pickFirstFocus(filterAutoFocusable(innerNodes))}}return void 0===newId?newId:orderedInnerElements[newId]}},guardCount=0,lockDisabled=!1,es2015=function(topNode,lastNode,options){void 0===options&&(options={});var target,focusOptions,focusable=getFocusMerge(topNode,lastNode);if(!lockDisabled&&focusable){if(guardCount>2)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),lockDisabled=!0,void setTimeout((function(){lockDisabled=!1}),1);guardCount++,target=focusable.node,focusOptions=options.focusOptions,"focus"in target&&target.focus(focusOptions),"contentWindow"in target&&target.contentWindow&&target.contentWindow.focus(),guardCount--}},getFocusabledIn=function(topNode){var entries=getAllAffectedNodes(topNode).filter(isNotAGuard),commonParent=getTopCommonParent(topNode,topNode,entries),visibilityCache=new Map,outerNodes=getTabbableNodes([commonParent],visibilityCache,!0),innerElements=getTabbableNodes(entries,visibilityCache).filter((function(_a){var node=_a.node;return isNotAGuard(node)})).map((function(_a){return _a.node}));return outerNodes.map((function(_a){var node=_a.node;return{node:node,index:_a.index,lockItem:innerElements.indexOf(node)>=0,guard:isGuard(node)}}))};function deferAction(action){var setImmediate=window.setImmediate;void 0!==setImmediate?setImmediate(action):setTimeout(action,1)}var Trap_isFreeFocus=function isFreeFocus(){return function focusOnBody(){return document&&document.activeElement===document.body}()||!!(activeElement=document&&getActiveElement())&&toArray(document.querySelectorAll("[".concat("data-no-focus-lock","]"))).some((function(node){return contains(node,activeElement)}));var activeElement},lastActiveTrap=null,lastActiveFocus=null,lastPortaledElement=null,focusWasOutsideWindow=!1,defaultWhitelist=function defaultWhitelist(){return!0};function autoGuard(startIndex,end,step,allNodes){var lastGuard=null,i=startIndex;do{var item=allNodes[i];if(item.guard)item.node.dataset.focusAutoGuard&&(lastGuard=item);else{if(!item.lockItem)break;if(i!==startIndex)return;lastGuard=null}}while((i+=step)!==end);lastGuard&&(lastGuard.node.tabIndex=0)}var extractRef=function extractRef(ref){return ref&&"current"in ref?ref.current:ref},checkInHost=function checkInHost(check,el,boundary){return el&&(el.host===check&&(!el.activeElement||boundary.contains(el.activeElement))||el.parentNode&&checkInHost(check,el.parentNode,boundary))},Trap_activateTrap=function activateTrap(){var result=!1;if(lastActiveTrap){var _lastActiveTrap=lastActiveTrap,observed=_lastActiveTrap.observed,persistentFocus=_lastActiveTrap.persistentFocus,autoFocus=_lastActiveTrap.autoFocus,shards=_lastActiveTrap.shards,crossFrame=_lastActiveTrap.crossFrame,focusOptions=_lastActiveTrap.focusOptions,workingNode=observed||lastPortaledElement&&lastPortaledElement.portaledElement,activeElement=document&&document.activeElement;if(workingNode){var workingArea=[workingNode].concat(shards.map(extractRef).filter(Boolean));if(activeElement&&!function focusWhitelisted(activeElement){return(lastActiveTrap.whiteList||defaultWhitelist)(activeElement)}(activeElement)||(persistentFocus||function focusWasOutside(crossFrameOption){return crossFrameOption?Boolean(focusWasOutsideWindow):"meanwhile"===focusWasOutsideWindow}(crossFrame)||!Trap_isFreeFocus()||!lastActiveFocus&&autoFocus)&&(workingNode&&!(focusInside(workingArea)||activeElement&&function withinHost(activeElement,workingArea){return workingArea.some((function(area){return checkInHost(activeElement,area,area)}))}(activeElement,workingArea)||function focusIsPortaledPair(element){return lastPortaledElement&&lastPortaledElement.portaledElement===element}(activeElement))&&(document&&!lastActiveFocus&&activeElement&&!autoFocus?(activeElement.blur&&activeElement.blur(),document.body.focus()):(result=es2015(workingArea,lastActiveFocus,{focusOptions:focusOptions}),lastPortaledElement={})),focusWasOutsideWindow=!1,lastActiveFocus=document&&document.activeElement),document){var newActiveElement=document&&document.activeElement,allNodes=getFocusabledIn(workingArea),focusedIndex=allNodes.map((function(_ref){return _ref.node})).indexOf(newActiveElement);focusedIndex>-1&&(allNodes.filter((function(_ref2){var guard=_ref2.guard,node=_ref2.node;return guard&&node.dataset.focusAutoGuard})).forEach((function(_ref3){return _ref3.node.removeAttribute("tabIndex")})),autoGuard(focusedIndex,allNodes.length,1,allNodes),autoGuard(focusedIndex,-1,-1,allNodes))}}}return result},onTrap=function onTrap(event){Trap_activateTrap()&&event&&(event.stopPropagation(),event.preventDefault())},Trap_onBlur=function onBlur(){return deferAction(Trap_activateTrap)},Trap_onFocus=function onFocus(event){var source=event.target,currentNode=event.currentTarget;currentNode.contains(source)||function recordPortal(observerNode,portaledElement){lastPortaledElement={observerNode:observerNode,portaledElement:portaledElement}}(currentNode,source)},onWindowBlur=function onWindowBlur(){focusWasOutsideWindow="just",setTimeout((function(){focusWasOutsideWindow="meanwhile"}),0)};mediumFocus.assignSyncMedium(Trap_onFocus),mediumBlur.assignMedium(Trap_onBlur),mediumEffect.assignMedium((function(cb){return cb({moveFocusInside:es2015,focusInside:focusInside})}));var Trap=index_es((function Trap_reducePropsToState(propsList){return propsList.filter((function(_ref5){return!_ref5.disabled}))}),(function Trap_handleStateChangeOnClient(traps){var trap=traps.slice(-1)[0];trap&&!lastActiveTrap&&function attachHandler(){document.addEventListener("focusin",onTrap),document.addEventListener("focusout",Trap_onBlur),window.addEventListener("blur",onWindowBlur)}();var lastTrap=lastActiveTrap,sameTrap=lastTrap&&trap&&trap.id===lastTrap.id;lastActiveTrap=trap,lastTrap&&!sameTrap&&(lastTrap.onDeactivation(),traps.filter((function(_ref6){return _ref6.id===lastTrap.id})).length||lastTrap.returnFocus(!trap)),trap?(lastActiveFocus=null,sameTrap&&lastTrap.observed===trap.observed||trap.onActivation(),Trap_activateTrap(),deferAction(Trap_activateTrap)):(!function detachHandler(){document.removeEventListener("focusin",onTrap),document.removeEventListener("focusout",Trap_onBlur),window.removeEventListener("blur",onWindowBlur)}(),lastActiveFocus=null)}))((function FocusWatcher(){return null})),FocusLockCombination=react.forwardRef((function FocusLockUICombination(props,ref){return react.createElement(Lock,_extends({sideCar:Trap,ref:ref},props))})),Combination_ref=Lock.propTypes||{};Combination_ref.sideCar,function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(Combination_ref,["sideCar"]);FocusLockCombination.propTypes={};var Combination=FocusLockCombination;__webpack_exports__.a=Combination},"./node_modules/react-is/cjs/react-is.production.min.js":function(module,exports,__webpack_require__){"use strict";var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131;if("function"==typeof Symbol&&Symbol.for){var x=Symbol.for;b=x("react.element"),c=x("react.portal"),d=x("react.fragment"),e=x("react.strict_mode"),f=x("react.profiler"),g=x("react.provider"),h=x("react.context"),k=x("react.forward_ref"),l=x("react.suspense"),m=x("react.suspense_list"),n=x("react.memo"),p=x("react.lazy"),q=x("react.block"),r=x("react.server.block"),u=x("react.fundamental"),v=x("react.debug_trace_mode"),w=x("react.legacy_hidden")}function y(a){if("object"==typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;exports.ContextConsumer=h,exports.ContextProvider=z,exports.Element=A,exports.ForwardRef=B,exports.Fragment=C,exports.Lazy=D,exports.Memo=E,exports.Portal=F,exports.Profiler=G,exports.StrictMode=H,exports.Suspense=I,exports.isAsyncMode=function(){return!1},exports.isConcurrentMode=function(){return!1},exports.isContextConsumer=function(a){return y(a)===h},exports.isContextProvider=function(a){return y(a)===g},exports.isElement=function(a){return"object"==typeof a&&null!==a&&a.$$typeof===b},exports.isForwardRef=function(a){return y(a)===k},exports.isFragment=function(a){return y(a)===d},exports.isLazy=function(a){return y(a)===p},exports.isMemo=function(a){return y(a)===n},exports.isPortal=function(a){return y(a)===c},exports.isProfiler=function(a){return y(a)===f},exports.isStrictMode=function(a){return y(a)===e},exports.isSuspense=function(a){return y(a)===l},exports.isValidElementType=function(a){return"string"==typeof a||"function"==typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||"object"==typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)},exports.typeOf=y},"./node_modules/react-is/index.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/react-is/cjs/react-is.production.min.js")},"./node_modules/react-keyed-flatten-children/index.js":function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__("./node_modules/react/index.js"),react_is_1=__webpack_require__("./node_modules/react-keyed-flatten-children/node_modules/react-is/index.js");exports.default=function flattenChildren(children,depth,keys){return void 0===depth&&(depth=0),void 0===keys&&(keys=[]),react_1.Children.toArray(children).reduce((function(acc,node,nodeIndex){return react_is_1.isFragment(node)?acc.push.apply(acc,flattenChildren(node.props.children,depth+1,keys.concat(node.key||nodeIndex))):react_1.isValidElement(node)?acc.push(react_1.cloneElement(node,{key:keys.concat(String(node.key)).join(".")})):"string"!=typeof node&&"number"!=typeof node||acc.push(node),acc}),[])}},"./node_modules/react-keyed-flatten-children/node_modules/react-is/cjs/react-is.production.min.js":function(module,exports,__webpack_require__){"use strict";var b="function"==typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;function z(a){if("object"==typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l,exports.ConcurrentMode=m,exports.ContextConsumer=k,exports.ContextProvider=h,exports.Element=c,exports.ForwardRef=n,exports.Fragment=e,exports.Lazy=t,exports.Memo=r,exports.Portal=d,exports.Profiler=g,exports.StrictMode=f,exports.Suspense=p,exports.isAsyncMode=function(a){return A(a)||z(a)===l},exports.isConcurrentMode=A,exports.isContextConsumer=function(a){return z(a)===k},exports.isContextProvider=function(a){return z(a)===h},exports.isElement=function(a){return"object"==typeof a&&null!==a&&a.$$typeof===c},exports.isForwardRef=function(a){return z(a)===n},exports.isFragment=function(a){return z(a)===e},exports.isLazy=function(a){return z(a)===t},exports.isMemo=function(a){return z(a)===r},exports.isPortal=function(a){return z(a)===d},exports.isProfiler=function(a){return z(a)===g},exports.isStrictMode=function(a){return z(a)===f},exports.isSuspense=function(a){return z(a)===p},exports.isValidElementType=function(a){return"string"==typeof a||"function"==typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"==typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)},exports.typeOf=z},"./node_modules/react-keyed-flatten-children/node_modules/react-is/index.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/react-keyed-flatten-children/node_modules/react-is/cjs/react-is.production.min.js")},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/object-assign/index.js");var f=__webpack_require__("./node_modules/react/index.js"),g=60103;if(exports.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var h=Symbol.for;g=h("react.element"),exports.Fragment=h("react.fragment")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,k){var b,d={},e=null,l=null;for(b in void 0!==k&&(e=""+k),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(l=a.ref),a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}exports.jsx=q,exports.jsxs=q},"./node_modules/react/cjs/react.production.min.js":function(module,exports,__webpack_require__){"use strict";var l=__webpack_require__("./node_modules/object-assign/index.js"),n=60103,p=60106;exports.Fragment=60107,exports.StrictMode=60108,exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;if("function"==typeof Symbol&&Symbol.for){var w=Symbol.for;n=w("react.element"),p=w("react.portal"),exports.Fragment=w("react.fragment"),exports.StrictMode=w("react.strict_mode"),exports.Profiler=w("react.profiler"),q=w("react.provider"),r=w("react.context"),t=w("react.forward_ref"),exports.Suspense=w("react.suspense"),u=w("react.memo"),v=w("react.lazy")}var x="function"==typeof Symbol&&Symbol.iterator;function z(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var A={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},B={};function C(a,b,c){this.props=a,this.context=b,this.refs=B,this.updater=c||A}function D(){}function E(a,b,c){this.props=a,this.context=b,this.refs=B,this.updater=c||A}C.prototype.isReactComponent={},C.prototype.setState=function(a,b){if("object"!=typeof a&&"function"!=typeof a&&null!=a)throw Error(z(85));this.updater.enqueueSetState(this,a,b,"setState")},C.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")},D.prototype=C.prototype;var F=E.prototype=new D;F.constructor=E,l(F,C.prototype),F.isPureReactComponent=!0;var G={current:null},H=Object.prototype.hasOwnProperty,I={key:!0,ref:!0,__self:!0,__source:!0};function J(a,b,c){var e,d={},k=null,h=null;if(null!=b)for(e in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)H.call(b,e)&&!I.hasOwnProperty(e)&&(d[e]=b[e]);var g=arguments.length-2;if(1===g)d.children=c;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];d.children=f}if(a&&a.defaultProps)for(e in g=a.defaultProps)void 0===d[e]&&(d[e]=g[e]);return{$$typeof:n,type:a,key:k,ref:h,props:d,_owner:G.current}}function L(a){return"object"==typeof a&&null!==a&&a.$$typeof===n}var M=/\/+/g;function N(a,b){return"object"==typeof a&&null!==a&&null!=a.key?function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,(function(a){return b[a]}))}(""+a.key):b.toString(36)}function O(a,b,c,e,d){var k=typeof a;"undefined"!==k&&"boolean"!==k||(a=null);var h=!1;if(null===a)h=!0;else switch(k){case"string":case"number":h=!0;break;case"object":switch(a.$$typeof){case n:case p:h=!0}}if(h)return d=d(h=a),a=""===e?"."+N(h,0):e,Array.isArray(d)?(c="",null!=a&&(c=a.replace(M,"$&/")+"/"),O(d,b,c,"",(function(a){return a}))):null!=d&&(L(d)&&(d=function K(a,b){return{$$typeof:n,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}(d,c+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(M,"$&/")+"/")+a)),b.push(d)),1;if(h=0,e=""===e?".":e+":",Array.isArray(a))for(var g=0;g<a.length;g++){var f=e+N(k=a[g],g);h+=O(k,b,c,f,d)}else if(f=function y(a){return null===a||"object"!=typeof a?null:"function"==typeof(a=x&&a[x]||a["@@iterator"])?a:null}(a),"function"==typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)h+=O(k=k.value,b,c,f=e+N(k,g++),d);else if("object"===k)throw b=""+a,Error(z(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));return h}function P(a,b,c){if(null==a)return a;var e=[],d=0;return O(a,e,"","",(function(a){return b.call(c,a,d++)})),e}function Q(a){if(-1===a._status){var b=a._result;b=b(),a._status=0,a._result=b,b.then((function(b){0===a._status&&(b=b.default,a._status=1,a._result=b)}),(function(b){0===a._status&&(a._status=2,a._result=b)}))}if(1===a._status)return a._result;throw a._result}var R={current:null};function S(){var a=R.current;if(null===a)throw Error(z(321));return a}var T={ReactCurrentDispatcher:R,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:G,IsSomeRendererActing:{current:!1},assign:l};exports.Children={map:P,forEach:function(a,b,c){P(a,(function(){b.apply(this,arguments)}),c)},count:function(a){var b=0;return P(a,(function(){b++})),b},toArray:function(a){return P(a,(function(a){return a}))||[]},only:function(a){if(!L(a))throw Error(z(143));return a}},exports.Component=C,exports.PureComponent=E,exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=T,exports.cloneElement=function(a,b,c){if(null==a)throw Error(z(267,a));var e=l({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){if(void 0!==b.ref&&(k=b.ref,h=G.current),void 0!==b.key&&(d=""+b.key),a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)H.call(b,f)&&!I.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==g?g[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){g=Array(f);for(var m=0;m<f;m++)g[m]=arguments[m+2];e.children=g}return{$$typeof:n,type:a.type,key:d,ref:k,props:e,_owner:h}},exports.createContext=function(a,b){return void 0===b&&(b=null),(a={$$typeof:r,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:q,_context:a},a.Consumer=a},exports.createElement=J,exports.createFactory=function(a){var b=J.bind(null,a);return b.type=a,b},exports.createRef=function(){return{current:null}},exports.forwardRef=function(a){return{$$typeof:t,render:a}},exports.isValidElement=L,exports.lazy=function(a){return{$$typeof:v,_payload:{_status:-1,_result:a},_init:Q}},exports.memo=function(a,b){return{$$typeof:u,type:a,compare:void 0===b?null:b}},exports.useCallback=function(a,b){return S().useCallback(a,b)},exports.useContext=function(a,b){return S().useContext(a,b)},exports.useDebugValue=function(){},exports.useEffect=function(a,b){return S().useEffect(a,b)},exports.useImperativeHandle=function(a,b,c){return S().useImperativeHandle(a,b,c)},exports.useLayoutEffect=function(a,b){return S().useLayoutEffect(a,b)},exports.useMemo=function(a,b){return S().useMemo(a,b)},exports.useReducer=function(a,b,c){return S().useReducer(a,b,c)},exports.useRef=function(a){return S().useRef(a)},exports.useState=function(a){return S().useState(a)},exports.version="17.0.2"},"./node_modules/react/index.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react.production.min.js")},"./node_modules/react/jsx-runtime.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")},"./node_modules/regenerator-runtime/runtime.js":function(module,exports,__webpack_require__){var runtime=function(exports){"use strict";var Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function makeInvokeMethod(innerFn,self,context){var state="suspendedStart";return function invoke(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;this._invoke=function enqueue(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(undefined===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=undefined,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method")}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=undefined),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=undefined,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:undefined,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=undefined,this.done=!1,this.delegate=null,this.method="next",this.arg=undefined,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=undefined)},stop:function(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=undefined),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=undefined),ContinueSentinel}},exports}(module.exports);try{regeneratorRuntime=runtime}catch(accidentalStrictMode){"object"==typeof globalThis?globalThis.regeneratorRuntime=runtime:Function("r","regeneratorRuntime = r")(runtime)}},"./node_modules/regexp.prototype.flags/implementation.js":function(module,exports,__webpack_require__){"use strict";var functionsHaveConfigurableNames=__webpack_require__("./node_modules/functions-have-names/index.js").functionsHaveConfigurableNames(),$Object=Object,$TypeError=TypeError;module.exports=function flags(){if(null!=this&&this!==$Object(this))throw new $TypeError("RegExp.prototype.flags getter called on non-object");var result="";return this.hasIndices&&(result+="d"),this.global&&(result+="g"),this.ignoreCase&&(result+="i"),this.multiline&&(result+="m"),this.dotAll&&(result+="s"),this.unicode&&(result+="u"),this.sticky&&(result+="y"),result},functionsHaveConfigurableNames&&Object.defineProperty&&Object.defineProperty(module.exports,"name",{value:"get flags"})},"./node_modules/regexp.prototype.flags/index.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),callBind=__webpack_require__("./node_modules/call-bind/index.js"),implementation=__webpack_require__("./node_modules/regexp.prototype.flags/implementation.js"),getPolyfill=__webpack_require__("./node_modules/regexp.prototype.flags/polyfill.js"),shim=__webpack_require__("./node_modules/regexp.prototype.flags/shim.js"),flagsBound=callBind(getPolyfill());define(flagsBound,{getPolyfill:getPolyfill,implementation:implementation,shim:shim}),module.exports=flagsBound},"./node_modules/regexp.prototype.flags/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/regexp.prototype.flags/implementation.js"),supportsDescriptors=__webpack_require__("./node_modules/define-properties/index.js").supportsDescriptors,$gOPD=Object.getOwnPropertyDescriptor;module.exports=function getPolyfill(){if(supportsDescriptors&&"gim"===/a/gim.flags){var descriptor=$gOPD(RegExp.prototype,"flags");if(descriptor&&"function"==typeof descriptor.get&&"boolean"==typeof RegExp.prototype.dotAll&&"boolean"==typeof RegExp.prototype.hasIndices){var calls="",o={};if(Object.defineProperty(o,"hasIndices",{get:function(){calls+="d"}}),Object.defineProperty(o,"sticky",{get:function(){calls+="y"}}),"dy"===calls)return descriptor.get}}return implementation}},"./node_modules/regexp.prototype.flags/shim.js":function(module,exports,__webpack_require__){"use strict";var supportsDescriptors=__webpack_require__("./node_modules/define-properties/index.js").supportsDescriptors,getPolyfill=__webpack_require__("./node_modules/regexp.prototype.flags/polyfill.js"),gOPD=Object.getOwnPropertyDescriptor,defineProperty=Object.defineProperty,TypeErr=TypeError,getProto=Object.getPrototypeOf,regex=/a/;module.exports=function shimFlags(){if(!supportsDescriptors||!getProto)throw new TypeErr("RegExp.prototype.flags requires a true ES5 environment that supports property descriptors");var polyfill=getPolyfill(),proto=getProto(regex),descriptor=gOPD(proto,"flags");return descriptor&&descriptor.get===polyfill||defineProperty(proto,"flags",{configurable:!0,enumerable:!1,get:polyfill}),polyfill}},"./node_modules/scheduler/cjs/scheduler.production.min.js":function(module,exports,__webpack_require__){"use strict";var f,g,h,k;if("object"==typeof performance&&"function"==typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var t=null,u=null,w=function(){if(null!==t)try{var a=exports.unstable_now();t(!0,a),t=null}catch(b){throw setTimeout(w,0),b}};f=function(a){null!==t?setTimeout(f,0,a):(t=a,setTimeout(w,0))},g=function(a,b){u=setTimeout(a,b)},h=function(){clearTimeout(u)},exports.unstable_shouldYield=function(){return!1},k=exports.unstable_forceFrameRate=function(){}}else{var x=window.setTimeout,y=window.clearTimeout;if("undefined"!=typeof console){var z=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof z&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var A=!1,B=null,C=-1,D=5,E=0;exports.unstable_shouldYield=function(){return exports.unstable_now()>=E},k=function(){},exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):D=0<a?Math.floor(1e3/a):5};var F=new MessageChannel,G=F.port2;F.port1.onmessage=function(){if(null!==B){var a=exports.unstable_now();E=a+D;try{B(!0,a)?G.postMessage(null):(A=!1,B=null)}catch(b){throw G.postMessage(null),b}}else A=!1},f=function(a){B=a,A||(A=!0,G.postMessage(null))},g=function(a,b){C=x((function(){a(exports.unstable_now())}),b)},h=function(){y(C),C=-1}}function H(a,b){var c=a.length;a.push(b);a:for(;;){var d=c-1>>>1,e=a[d];if(!(void 0!==e&&0<I(e,b)))break a;a[d]=b,a[c]=e,c=d}}function J(a){return void 0===(a=a[0])?null:a}function K(a){var b=a[0];if(void 0!==b){var c=a.pop();if(c!==b){a[0]=c;a:for(var d=0,e=a.length;d<e;){var m=2*(d+1)-1,n=a[m],v=m+1,r=a[v];if(void 0!==n&&0>I(n,c))void 0!==r&&0>I(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else{if(!(void 0!==r&&0>I(r,c)))break a;a[d]=r,a[v]=c,d=v}}}return b}return null}function I(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var L=[],M=[],N=1,O=null,P=3,Q=!1,R=!1,S=!1;function T(a){for(var b=J(M);null!==b;){if(null===b.callback)K(M);else{if(!(b.startTime<=a))break;K(M),b.sortIndex=b.expirationTime,H(L,b)}b=J(M)}}function U(a){if(S=!1,T(a),!R)if(null!==J(L))R=!0,f(V);else{var b=J(M);null!==b&&g(U,b.startTime-a)}}function V(a,b){R=!1,S&&(S=!1,h()),Q=!0;var c=P;try{for(T(b),O=J(L);null!==O&&(!(O.expirationTime>b)||a&&!exports.unstable_shouldYield());){var d=O.callback;if("function"==typeof d){O.callback=null,P=O.priorityLevel;var e=d(O.expirationTime<=b);b=exports.unstable_now(),"function"==typeof e?O.callback=e:O===J(L)&&K(L),T(b)}else K(L);O=J(L)}if(null!==O)var m=!0;else{var n=J(M);null!==n&&g(U,n.startTime-b),m=!1}return m}finally{O=null,P=c,Q=!1}}var W=k;exports.unstable_IdlePriority=5,exports.unstable_ImmediatePriority=1,exports.unstable_LowPriority=4,exports.unstable_NormalPriority=3,exports.unstable_Profiling=null,exports.unstable_UserBlockingPriority=2,exports.unstable_cancelCallback=function(a){a.callback=null},exports.unstable_continueExecution=function(){R||Q||(R=!0,f(V))},exports.unstable_getCurrentPriorityLevel=function(){return P},exports.unstable_getFirstCallbackNode=function(){return J(L)},exports.unstable_next=function(a){switch(P){case 1:case 2:case 3:var b=3;break;default:b=P}var c=P;P=b;try{return a()}finally{P=c}},exports.unstable_pauseExecution=function(){},exports.unstable_requestPaint=W,exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=P;P=a;try{return b()}finally{P=c}},exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();switch("object"==typeof c&&null!==c?c="number"==typeof(c=c.delay)&&0<c?d+c:d:c=d,a){case 1:var e=-1;break;case 2:e=250;break;case 5:e=1073741823;break;case 4:e=1e4;break;default:e=5e3}return a={id:N++,callback:b,priorityLevel:a,startTime:c,expirationTime:e=c+e,sortIndex:-1},c>d?(a.sortIndex=c,H(M,a),null===J(L)&&a===J(M)&&(S?h():S=!0,g(U,c-d))):(a.sortIndex=e,H(L,a),R||Q||(R=!0,f(V))),a},exports.unstable_wrapCallback=function(a){var b=P;return function(){var c=P;P=b;try{return a.apply(this,arguments)}finally{P=c}}}},"./node_modules/scheduler/index.js":function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/scheduler/cjs/scheduler.production.min.js")},"./node_modules/setimmediate/setImmediate.js":function(module,exports,__webpack_require__){(function(global,process){!function(global,undefined){"use strict";if(!global.setImmediate){var registerImmediate,nextHandle=1,tasksByHandle={},currentlyRunningATask=!1,doc=global.document,attachTo=Object.getPrototypeOf&&Object.getPrototypeOf(global);attachTo=attachTo&&attachTo.setTimeout?attachTo:global,"[object process]"==={}.toString.call(global.process)?function installNextTickImplementation(){registerImmediate=function(handle){process.nextTick((function(){runIfPresent(handle)}))}}():!function canUsePostMessage(){if(global.postMessage&&!global.importScripts){var postMessageIsAsynchronous=!0,oldOnMessage=global.onmessage;return global.onmessage=function(){postMessageIsAsynchronous=!1},global.postMessage("","*"),global.onmessage=oldOnMessage,postMessageIsAsynchronous}}()?global.MessageChannel?function installMessageChannelImplementation(){var channel=new MessageChannel;channel.port1.onmessage=function(event){runIfPresent(event.data)},registerImmediate=function(handle){channel.port2.postMessage(handle)}}():doc&&"onreadystatechange"in doc.createElement("script")?function installReadyStateChangeImplementation(){var html=doc.documentElement;registerImmediate=function(handle){var script=doc.createElement("script");script.onreadystatechange=function(){runIfPresent(handle),script.onreadystatechange=null,html.removeChild(script),script=null},html.appendChild(script)}}():function installSetTimeoutImplementation(){registerImmediate=function(handle){setTimeout(runIfPresent,0,handle)}}():function installPostMessageImplementation(){var messagePrefix="setImmediate$"+Math.random()+"$",onGlobalMessage=function(event){event.source===global&&"string"==typeof event.data&&0===event.data.indexOf(messagePrefix)&&runIfPresent(+event.data.slice(messagePrefix.length))};global.addEventListener?global.addEventListener("message",onGlobalMessage,!1):global.attachEvent("onmessage",onGlobalMessage),registerImmediate=function(handle){global.postMessage(messagePrefix+handle,"*")}}(),attachTo.setImmediate=function setImmediate(callback){"function"!=typeof callback&&(callback=new Function(""+callback));for(var args=new Array(arguments.length-1),i=0;i<args.length;i++)args[i]=arguments[i+1];var task={callback:callback,args:args};return tasksByHandle[nextHandle]=task,registerImmediate(nextHandle),nextHandle++},attachTo.clearImmediate=clearImmediate}function clearImmediate(handle){delete tasksByHandle[handle]}function runIfPresent(handle){if(currentlyRunningATask)setTimeout(runIfPresent,0,handle);else{var task=tasksByHandle[handle];if(task){currentlyRunningATask=!0;try{!function run(task){var callback=task.callback,args=task.args;switch(args.length){case 0:callback();break;case 1:callback(args[0]);break;case 2:callback(args[0],args[1]);break;case 3:callback(args[0],args[1],args[2]);break;default:callback.apply(void 0,args)}}(task)}finally{clearImmediate(handle),currentlyRunningATask=!1}}}}}("undefined"==typeof self?void 0===global?this:global:self)}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"),__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/side-channel/index.js":function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),inspect=__webpack_require__("./node_modules/object-inspect/index.js"),$TypeError=GetIntrinsic("%TypeError%"),$WeakMap=GetIntrinsic("%WeakMap%",!0),$Map=GetIntrinsic("%Map%",!0),$weakMapGet=callBound("WeakMap.prototype.get",!0),$weakMapSet=callBound("WeakMap.prototype.set",!0),$weakMapHas=callBound("WeakMap.prototype.has",!0),$mapGet=callBound("Map.prototype.get",!0),$mapSet=callBound("Map.prototype.set",!0),$mapHas=callBound("Map.prototype.has",!0),listGetNode=function(list,key){for(var curr,prev=list;null!==(curr=prev.next);prev=curr)if(curr.key===key)return prev.next=curr.next,curr.next=list.next,list.next=curr,curr};module.exports=function getSideChannel(){var $wm,$m,$o,channel={assert:function(key){if(!channel.has(key))throw new $TypeError("Side channel does not contain "+inspect(key))},get:function(key){if($WeakMap&&key&&("object"==typeof key||"function"==typeof key)){if($wm)return $weakMapGet($wm,key)}else if($Map){if($m)return $mapGet($m,key)}else if($o)return function(objects,key){var node=listGetNode(objects,key);return node&&node.value}($o,key)},has:function(key){if($WeakMap&&key&&("object"==typeof key||"function"==typeof key)){if($wm)return $weakMapHas($wm,key)}else if($Map){if($m)return $mapHas($m,key)}else if($o)return function(objects,key){return!!listGetNode(objects,key)}($o,key);return!1},set:function(key,value){$WeakMap&&key&&("object"==typeof key||"function"==typeof key)?($wm||($wm=new $WeakMap),$weakMapSet($wm,key,value)):$Map?($m||($m=new $Map),$mapSet($m,key,value)):($o||($o={key:{},next:null}),function(objects,key,value){var node=listGetNode(objects,key);node?node.value=value:objects.next={key:key,next:objects.next,value:value}}($o,key,value))}};return channel}},"./node_modules/stable/stable.js":function(module,exports,__webpack_require__){module.exports=function(){"use strict";var stable=function(arr,comp){return exec(arr.slice(),comp)};function exec(arr,comp){"function"!=typeof comp&&(comp=function(a,b){return String(a).localeCompare(b)});var len=arr.length;if(len<=1)return arr;for(var buffer=new Array(len),chk=1;chk<len;chk*=2){pass(arr,comp,chk,buffer);var tmp=arr;arr=buffer,buffer=tmp}return arr}stable.inplace=function(arr,comp){var result=exec(arr,comp);return result!==arr&&pass(result,null,arr.length,arr),arr};var pass=function(arr,comp,chk,result){var l,r,e,li,ri,len=arr.length,i=0,dbl=2*chk;for(l=0;l<len;l+=dbl)for(e=(r=l+chk)+chk,r>len&&(r=len),e>len&&(e=len),li=l,ri=r;;)if(li<r&&ri<e)comp(arr[li],arr[ri])<=0?result[i++]=arr[li++]:result[i++]=arr[ri++];else if(li<r)result[i++]=arr[li++];else{if(!(ri<e))break;result[i++]=arr[ri++]}};return stable}()},"./node_modules/store2/dist/store2.js":function(module,exports,__webpack_require__){!function(window,define){var _={version:"2.12.0",areas:{},apis:{},inherit:function(api,o){for(var p in api)o.hasOwnProperty(p)||Object.defineProperty(o,p,Object.getOwnPropertyDescriptor(api,p));return o},stringify:function(d){return void 0===d||"function"==typeof d?d+"":JSON.stringify(d)},parse:function(s,fn){try{return JSON.parse(s,fn||_.revive)}catch(e){return s}},fn:function(name,fn){for(var api in _.storeAPI[name]=fn,_.apis)_.apis[api][name]=fn},get:function(area,key){return area.getItem(key)},set:function(area,key,string){area.setItem(key,string)},remove:function(area,key){area.removeItem(key)},key:function(area,i){return area.key(i)},length:function(area){return area.length},clear:function(area){area.clear()},Store:function(id,area,namespace){var store=_.inherit(_.storeAPI,(function(key,data,overwrite){return 0===arguments.length?store.getAll():"function"==typeof data?store.transact(key,data,overwrite):void 0!==data?store.set(key,data,overwrite):"string"==typeof key||"number"==typeof key?store.get(key):"function"==typeof key?store.each(key):key?store.setAll(key,data):store.clear()}));store._id=id;try{area.setItem("__store2_test","ok"),store._area=area,area.removeItem("__store2_test")}catch(e){store._area=_.storage("fake")}return store._ns=namespace||"",_.areas[id]||(_.areas[id]=store._area),_.apis[store._ns+store._id]||(_.apis[store._ns+store._id]=store),store},storeAPI:{area:function(id,area){var store=this[id];return store&&store.area||(store=_.Store(id,area,this._ns),this[id]||(this[id]=store)),store},namespace:function(namespace,singleArea){if(!namespace)return this._ns?this._ns.substring(0,this._ns.length-1):"";var ns=namespace,store=this[ns];if(!(store&&store.namespace||(store=_.Store(this._id,this._area,this._ns+ns+"."),this[ns]||(this[ns]=store),singleArea)))for(var name in _.areas)store.area(name,_.areas[name]);return store},isFake:function(){return"fake"===this._area.name},toString:function(){return"store"+(this._ns?"."+this.namespace():"")+"["+this._id+"]"},has:function(key){return this._area.has?this._area.has(this._in(key)):!!(this._in(key)in this._area)},size:function(){return this.keys().length},each:function(fn,fill){for(var i=0,m=_.length(this._area);i<m;i++){var key=this._out(_.key(this._area,i));if(void 0!==key&&!1===fn.call(this,key,this.get(key),fill))break;m>_.length(this._area)&&(m--,i--)}return fill||this},keys:function(fillList){return this.each((function(k,v,list){list.push(k)}),fillList||[])},get:function(key,alt){var fn,s=_.get(this._area,this._in(key));return"function"==typeof alt&&(fn=alt,alt=null),null!==s?_.parse(s,fn):null!=alt?alt:s},getAll:function(fillObj){return this.each((function(k,v,all){all[k]=v}),fillObj||{})},transact:function(key,fn,alt){var val=this.get(key,alt),ret=fn(val);return this.set(key,void 0===ret?val:ret),this},set:function(key,data,overwrite){var d=this.get(key);return null!=d&&!1===overwrite?data:_.set(this._area,this._in(key),_.stringify(data),overwrite)||d},setAll:function(data,overwrite){var changed,val;for(var key in data)val=data[key],this.set(key,val,overwrite)!==val&&(changed=!0);return changed},add:function(key,data){var d=this.get(key);if(d instanceof Array)data=d.concat(data);else if(null!==d){var type=typeof d;if(type===typeof data&&"object"===type){for(var k in data)d[k]=data[k];data=d}else data=d+data}return _.set(this._area,this._in(key),_.stringify(data)),data},remove:function(key,alt){var d=this.get(key,alt);return _.remove(this._area,this._in(key)),d},clear:function(){return this._ns?this.each((function(k){_.remove(this._area,this._in(k))}),1):_.clear(this._area),this},clearAll:function(){var area=this._area;for(var id in _.areas)_.areas.hasOwnProperty(id)&&(this._area=_.areas[id],this.clear());return this._area=area,this},_in:function(k){return"string"!=typeof k&&(k=_.stringify(k)),this._ns?this._ns+k:k},_out:function(k){return this._ns?k&&0===k.indexOf(this._ns)?k.substring(this._ns.length):void 0:k}},storage:function(name){return _.inherit(_.storageAPI,{items:{},name:name})},storageAPI:{length:0,has:function(k){return this.items.hasOwnProperty(k)},key:function(i){var c=0;for(var k in this.items)if(this.has(k)&&i===c++)return k},setItem:function(k,v){this.has(k)||this.length++,this.items[k]=v},removeItem:function(k){this.has(k)&&(delete this.items[k],this.length--)},getItem:function(k){return this.has(k)?this.items[k]:null},clear:function(){for(var k in this.items)this.removeItem(k)}}},store=_.Store("local",function(){try{return localStorage}catch(e){}}());store.local=store,store._=_,store.area("session",function(){try{return sessionStorage}catch(e){}}()),store.area("page",_.storage("page")),"function"==typeof define&&void 0!==define.amd?define("store2",[],(function(){return store})):module.exports?module.exports=store:(window.store&&(_.conflict=window.store),window.store=store)}(this,this&&this.define)},"./node_modules/string.prototype.matchall/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/string.prototype.matchall/shim.js")()},"./node_modules/string.prototype.matchall/implementation.js":function(module,exports,__webpack_require__){"use strict";var Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),GetMethod=__webpack_require__("./node_modules/es-abstract/2021/GetMethod.js"),IsRegExp=__webpack_require__("./node_modules/es-abstract/2021/IsRegExp.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),flagsGetter=__webpack_require__("./node_modules/regexp.prototype.flags/index.js"),$indexOf=callBound("String.prototype.indexOf"),regexpMatchAllPolyfill=__webpack_require__("./node_modules/string.prototype.matchall/polyfill-regexp-matchall.js"),getMatcher=function getMatcher(regexp){var matcherPolyfill=regexpMatchAllPolyfill();if(hasSymbols&&"symbol"==typeof Symbol.matchAll){var matcher=GetMethod(regexp,Symbol.matchAll);return matcher===RegExp.prototype[Symbol.matchAll]&&matcher!==matcherPolyfill?matcherPolyfill:matcher}if(IsRegExp(regexp))return matcherPolyfill};module.exports=function matchAll(regexp){var O=RequireObjectCoercible(this);if(null!=regexp){if(IsRegExp(regexp)){var flags="flags"in regexp?Get(regexp,"flags"):flagsGetter(regexp);if(RequireObjectCoercible(flags),$indexOf(ToString(flags),"g")<0)throw new TypeError("matchAll requires a global regular expression")}var matcher=getMatcher(regexp);if(void 0!==matcher)return Call(matcher,regexp,[O])}var S=ToString(O),rx=new RegExp(regexp,"g");return Call(getMatcher(rx),rx,[S])}},"./node_modules/string.prototype.matchall/polyfill-regexp-matchall.js":function(module,exports,__webpack_require__){"use strict";var hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),regexpMatchAll=__webpack_require__("./node_modules/string.prototype.matchall/regexp-matchall.js");module.exports=function getRegExpMatchAllPolyfill(){return hasSymbols&&"symbol"==typeof Symbol.matchAll&&"function"==typeof RegExp.prototype[Symbol.matchAll]?RegExp.prototype[Symbol.matchAll]:regexpMatchAll}},"./node_modules/string.prototype.matchall/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/string.prototype.matchall/implementation.js");module.exports=function getPolyfill(){if(String.prototype.matchAll)try{"".matchAll(RegExp.prototype)}catch(e){return String.prototype.matchAll}return implementation}},"./node_modules/string.prototype.matchall/regexp-matchall.js":function(module,exports,__webpack_require__){"use strict";var CreateRegExpStringIterator=__webpack_require__("./node_modules/es-abstract/2021/CreateRegExpStringIterator.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),Set=__webpack_require__("./node_modules/es-abstract/2021/Set.js"),SpeciesConstructor=__webpack_require__("./node_modules/es-abstract/2021/SpeciesConstructor.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),Type=__webpack_require__("./node_modules/es-abstract/2021/Type.js"),flagsGetter=__webpack_require__("./node_modules/regexp.prototype.flags/index.js"),$indexOf=__webpack_require__("./node_modules/call-bind/callBound.js")("String.prototype.indexOf"),OrigRegExp=RegExp,supportsConstructingWithFlags="flags"in RegExp.prototype,regexMatchAll=function SymbolMatchAll(string){var R=this;if("Object"!==Type(R))throw new TypeError('"this" value must be an Object');var S=ToString(string),tmp=function constructRegex(C,R){var flags="flags"in R?Get(R,"flags"):ToString(flagsGetter(R));return{flags:flags,matcher:new C(supportsConstructingWithFlags&&"string"==typeof flags?R:C===OrigRegExp?R.source:R,flags)}}(SpeciesConstructor(R,OrigRegExp),R),flags=tmp.flags,matcher=tmp.matcher,lastIndex=ToLength(Get(R,"lastIndex"));Set(matcher,"lastIndex",lastIndex,!0);var global=$indexOf(flags,"g")>-1,fullUnicode=$indexOf(flags,"u")>-1;return CreateRegExpStringIterator(matcher,S,global,fullUnicode)},defineP=Object.defineProperty,gOPD=Object.getOwnPropertyDescriptor;if(defineP&&gOPD){var desc=gOPD(regexMatchAll,"name");desc&&desc.configurable&&defineP(regexMatchAll,"name",{value:"[Symbol.matchAll]"})}module.exports=regexMatchAll},"./node_modules/string.prototype.matchall/shim.js":function(module,exports,__webpack_require__){"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),getPolyfill=__webpack_require__("./node_modules/string.prototype.matchall/polyfill.js"),regexpMatchAllPolyfill=__webpack_require__("./node_modules/string.prototype.matchall/polyfill-regexp-matchall.js"),defineP=Object.defineProperty,gOPD=Object.getOwnPropertyDescriptor;module.exports=function shimMatchAll(){var polyfill=getPolyfill();if(define(String.prototype,{matchAll:polyfill},{matchAll:function(){return String.prototype.matchAll!==polyfill}}),hasSymbols){var symbol=Symbol.matchAll||(Symbol.for?Symbol.for("Symbol.matchAll"):Symbol("Symbol.matchAll"));if(define(Symbol,{matchAll:symbol},{matchAll:function(){return Symbol.matchAll!==symbol}}),defineP&&gOPD){var desc=gOPD(Symbol,symbol);desc&&!desc.configurable||defineP(Symbol,symbol,{configurable:!1,enumerable:!1,value:symbol,writable:!1})}var regexpMatchAll=regexpMatchAllPolyfill(),func={};func[symbol]=regexpMatchAll;var predicate={};predicate[symbol]=function(){return RegExp.prototype[symbol]!==regexpMatchAll},define(RegExp.prototype,func,predicate)}return polyfill}},"./node_modules/string.prototype.padend/implementation.js":function(module,exports,__webpack_require__){"use strict";var ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),$slice=__webpack_require__("./node_modules/call-bind/callBound.js")("String.prototype.slice");module.exports=function padEnd(maxLength){var fillString,O=RequireObjectCoercible(this),S=ToString(O),stringLength=ToLength(S.length);arguments.length>1&&(fillString=arguments[1]);var filler=void 0===fillString?"":ToString(fillString);""===filler&&(filler=" ");var intMaxLength=ToLength(maxLength);if(intMaxLength<=stringLength)return S;for(var fillLen=intMaxLength-stringLength;filler.length<fillLen;){var fLen=filler.length,remainingCodeUnits=fillLen-fLen;filler+=fLen>remainingCodeUnits?$slice(filler,0,remainingCodeUnits):filler}var truncatedStringFiller=filler.length>fillLen?$slice(filler,0,fillLen):filler;return S+truncatedStringFiller}},"./node_modules/string.prototype.padend/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/string.prototype.padend/implementation.js");module.exports=function getPolyfill(){return"function"==typeof String.prototype.padEnd?String.prototype.padEnd:implementation}},"./node_modules/string.prototype.padend/shim.js":function(module,exports,__webpack_require__){"use strict";var getPolyfill=__webpack_require__("./node_modules/string.prototype.padend/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimPadEnd(){var polyfill=getPolyfill();return define(String.prototype,{padEnd:polyfill},{padEnd:function testPadEnd(){return String.prototype.padEnd!==polyfill}}),polyfill}},"./node_modules/string.prototype.padstart/implementation.js":function(module,exports,__webpack_require__){"use strict";var ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),$slice=__webpack_require__("./node_modules/call-bind/callBound.js")("String.prototype.slice");module.exports=function padStart(maxLength){var fillString,O=RequireObjectCoercible(this),S=ToString(O),stringLength=ToLength(S.length);arguments.length>1&&(fillString=arguments[1]);var filler=void 0===fillString?"":ToString(fillString);""===filler&&(filler=" ");var intMaxLength=ToLength(maxLength);if(intMaxLength<=stringLength)return S;for(var fillLen=intMaxLength-stringLength;filler.length<fillLen;){var fLen=filler.length,remainingCodeUnits=fillLen-fLen;filler+=fLen>remainingCodeUnits?$slice(filler,0,remainingCodeUnits):filler}var truncatedStringFiller=filler.length>fillLen?$slice(filler,0,fillLen):filler;return truncatedStringFiller+S}},"./node_modules/string.prototype.padstart/polyfill.js":function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__("./node_modules/string.prototype.padstart/implementation.js");module.exports=function getPolyfill(){return"function"==typeof String.prototype.padStart?String.prototype.padStart:implementation}},"./node_modules/string.prototype.padstart/shim.js":function(module,exports,__webpack_require__){"use strict";var getPolyfill=__webpack_require__("./node_modules/string.prototype.padstart/polyfill.js"),define=__webpack_require__("./node_modules/define-properties/index.js");module.exports=function shimPadStart(){var polyfill=getPolyfill();return define(String.prototype,{padStart:polyfill},{padStart:function testPadStart(){return String.prototype.padStart!==polyfill}}),polyfill}},"./node_modules/style-loader/lib/addStyles.js":function(module,exports,__webpack_require__){var fn,memo,stylesInDom={},isOldIE=(fn=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===memo&&(memo=fn.apply(this,arguments)),memo}),getTarget=function(target,parent){return parent?parent.querySelector(target):document.querySelector(target)},getElement=function(fn){var memo={};return function(target,parent){if("function"==typeof target)return target();if(void 0===memo[target]){var styleTarget=getTarget.call(this,target,parent);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}}(),singleton=null,singletonCounter=0,stylesInsertedAtTop=[],fixUrls=__webpack_require__("./node_modules/style-loader/lib/urls.js");function addStylesToDom(styles,options){for(var i=0;i<styles.length;i++){var item=styles[i],domStyle=stylesInDom[item.id];if(domStyle){domStyle.refs++;for(var j=0;j<domStyle.parts.length;j++)domStyle.parts[j](item.parts[j]);for(;j<item.parts.length;j++)domStyle.parts.push(addStyle(item.parts[j],options))}else{var parts=[];for(j=0;j<item.parts.length;j++)parts.push(addStyle(item.parts[j],options));stylesInDom[item.id]={id:item.id,refs:1,parts:parts}}}}function listToStyles(list,options){for(var styles=[],newStyles={},i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],part={css:item[1],media:item[2],sourceMap:item[3]};newStyles[id]?newStyles[id].parts.push(part):styles.push(newStyles[id]={id:id,parts:[part]})}return styles}function insertStyleElement(options,style){var target=getElement(options.insertInto);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var lastStyleElementInsertedAtTop=stylesInsertedAtTop[stylesInsertedAtTop.length-1];if("top"===options.insertAt)lastStyleElementInsertedAtTop?lastStyleElementInsertedAtTop.nextSibling?target.insertBefore(style,lastStyleElementInsertedAtTop.nextSibling):target.appendChild(style):target.insertBefore(style,target.firstChild),stylesInsertedAtTop.push(style);else if("bottom"===options.insertAt)target.appendChild(style);else{if("object"!=typeof options.insertAt||!options.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var nextSibling=getElement(options.insertAt.before,target);target.insertBefore(style,nextSibling)}}function removeStyleElement(style){if(null===style.parentNode)return!1;style.parentNode.removeChild(style);var idx=stylesInsertedAtTop.indexOf(style);idx>=0&&stylesInsertedAtTop.splice(idx,1)}function createStyleElement(options){var style=document.createElement("style");if(void 0===options.attrs.type&&(options.attrs.type="text/css"),void 0===options.attrs.nonce){var nonce=function getNonce(){0;return __webpack_require__.nc}();nonce&&(options.attrs.nonce=nonce)}return addAttrs(style,options.attrs),insertStyleElement(options,style),style}function addAttrs(el,attrs){Object.keys(attrs).forEach((function(key){el.setAttribute(key,attrs[key])}))}function addStyle(obj,options){var style,update,remove,result;if(options.transform&&obj.css){if(!(result="function"==typeof options.transform?options.transform(obj.css):options.transform.default(obj.css)))return function(){};obj.css=result}if(options.singleton){var styleIndex=singletonCounter++;style=singleton||(singleton=createStyleElement(options)),update=applyToSingletonTag.bind(null,style,styleIndex,!1),remove=applyToSingletonTag.bind(null,style,styleIndex,!0)}else obj.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(style=function createLinkElement(options){var link=document.createElement("link");return void 0===options.attrs.type&&(options.attrs.type="text/css"),options.attrs.rel="stylesheet",addAttrs(link,options.attrs),insertStyleElement(options,link),link}(options),update=updateLink.bind(null,style,options),remove=function(){removeStyleElement(style),style.href&&URL.revokeObjectURL(style.href)}):(style=createStyleElement(options),update=applyToTag.bind(null,style),remove=function(){removeStyleElement(style)});return update(obj),function updateStyle(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap)return;update(obj=newObj)}else remove()}}module.exports=function(list,options){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(options=options||{}).attrs="object"==typeof options.attrs?options.attrs:{},options.singleton||"boolean"==typeof options.singleton||(options.singleton=isOldIE()),options.insertInto||(options.insertInto="head"),options.insertAt||(options.insertAt="bottom");var styles=listToStyles(list,options);return addStylesToDom(styles,options),function update(newList){for(var mayRemove=[],i=0;i<styles.length;i++){var item=styles[i];(domStyle=stylesInDom[item.id]).refs--,mayRemove.push(domStyle)}newList&&addStylesToDom(listToStyles(newList,options),options);for(i=0;i<mayRemove.length;i++){var domStyle;if(0===(domStyle=mayRemove[i]).refs){for(var j=0;j<domStyle.parts.length;j++)domStyle.parts[j]();delete stylesInDom[domStyle.id]}}}};var textStore,replaceText=(textStore=[],function(index,replacement){return textStore[index]=replacement,textStore.filter(Boolean).join("\n")});function applyToSingletonTag(style,index,remove,obj){var css=remove?"":obj.css;if(style.styleSheet)style.styleSheet.cssText=replaceText(index,css);else{var cssNode=document.createTextNode(css),childNodes=style.childNodes;childNodes[index]&&style.removeChild(childNodes[index]),childNodes.length?style.insertBefore(cssNode,childNodes[index]):style.appendChild(cssNode)}}function applyToTag(style,obj){var css=obj.css,media=obj.media;if(media&&style.setAttribute("media",media),style.styleSheet)style.styleSheet.cssText=css;else{for(;style.firstChild;)style.removeChild(style.firstChild);style.appendChild(document.createTextNode(css))}}function updateLink(link,options,obj){var css=obj.css,sourceMap=obj.sourceMap,autoFixUrls=void 0===options.convertToAbsoluteUrls&&sourceMap;(options.convertToAbsoluteUrls||autoFixUrls)&&(css=fixUrls(css)),sourceMap&&(css+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))+" */");var blob=new Blob([css],{type:"text/css"}),oldSrc=link.href;link.href=URL.createObjectURL(blob),oldSrc&&URL.revokeObjectURL(oldSrc)}},"./node_modules/style-loader/lib/urls.js":function(module,exports){module.exports=function(css){var location="undefined"!=typeof window&&window.location;if(!location)throw new Error("fixUrls requires window.location");if(!css||"string"!=typeof css)return css;var baseUrl=location.protocol+"//"+location.host,currentDir=baseUrl+location.pathname.replace(/\/[^\/]*$/,"/");return css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(fullMatch,origUrl){var newUrl,unquotedOrigUrl=origUrl.trim().replace(/^"(.*)"$/,(function(o,$1){return $1})).replace(/^'(.*)'$/,(function(o,$1){return $1}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)?fullMatch:(newUrl=0===unquotedOrigUrl.indexOf("//")?unquotedOrigUrl:0===unquotedOrigUrl.indexOf("/")?baseUrl+unquotedOrigUrl:currentDir+unquotedOrigUrl.replace(/^\.\//,""),"url("+JSON.stringify(newUrl)+")")}))}},"./node_modules/symbol.prototype.description/auto.js":function(module,exports,__webpack_require__){"use strict";__webpack_require__("./node_modules/symbol.prototype.description/shim.js")()},"./node_modules/symbol.prototype.description/implementation.js":function(module,exports,__webpack_require__){"use strict";var getSymbolDescription=__webpack_require__("./node_modules/get-symbol-description/index.js");module.exports=function description(){return getSymbolDescription(this)}},"./node_modules/symbol.prototype.description/polyfill.js":function(module,exports,__webpack_require__){"use strict";var hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),implementation=__webpack_require__("./node_modules/symbol.prototype.description/implementation.js"),gOPD=Object.getOwnPropertyDescriptor;module.exports=function descriptionPolyfill(){if(!hasSymbols||"function"!=typeof gOPD)return null;var desc=gOPD(Symbol.prototype,"description");if(!desc||"function"!=typeof desc.get)return implementation;var emptySymbolDesc=desc.get.call(Symbol());return(void 0===emptySymbolDesc||""===emptySymbolDesc)&&"a"===desc.get.call(Symbol("a"))?desc.get:implementation}},"./node_modules/symbol.prototype.description/shim.js":function(module,exports,__webpack_require__){"use strict";var hasSymbols=__webpack_require__("./node_modules/has-symbols/index.js")(),polyfill=__webpack_require__("./node_modules/symbol.prototype.description/polyfill.js"),getInferredName=__webpack_require__("./node_modules/get-symbol-description/getInferredName.js"),gOPD=Object.getOwnPropertyDescriptor,gOPDs=__webpack_require__("./node_modules/object.getownpropertydescriptors/polyfill.js")(),dP=Object.defineProperty,dPs=Object.defineProperties,setProto=Object.setPrototypeOf,define=function defineGetter(getter){dP(Symbol.prototype,"description",{configurable:!0,enumerable:!1,get:getter})};module.exports=function shimSymbolDescription(){if(!hasSymbols)return!1;var desc=gOPD(Symbol.prototype,"description"),getter=polyfill(),isMissing=!desc||"function"!=typeof desc.get,isBroken=!isMissing&&(void 0!==Symbol().description||""!==Symbol("").description);if(isMissing||isBroken){if(!getInferredName)return function shimGlobalSymbol(getter){var origSym=Function.apply.bind(Symbol),emptyStrings=Object.create?Object.create(null):{},SymNew=function Symbol(){var sym=origSym(this,arguments);return arguments.length>0&&""===arguments[0]&&(emptyStrings[sym]=!0),sym};SymNew.prototype=Symbol.prototype,setProto(SymNew,Symbol);var props=gOPDs(Symbol);delete props.length,delete props.arguments,delete props.caller,dPs(SymNew,props),Symbol=SymNew;var boundGetter=Function.call.bind(getter),wrappedGetter=function description(){var symbolDescription=boundGetter(this);return emptyStrings[this]?"":symbolDescription};return define(wrappedGetter),wrappedGetter}(getter);define(getter)}return getter}},"./node_modules/synchronous-promise/index.js":function(module,exports,__webpack_require__){"use strict";function makeArrayFrom(obj){return Array.prototype.slice.apply(obj)}function SynchronousPromise(handler){this.status="pending",this._continuations=[],this._parent=null,this._paused=!1,handler&&handler.call(this,this._continueWith.bind(this),this._failWith.bind(this))}function looksLikeAPromise(obj){return obj&&"function"==typeof obj.then}function passThrough(value){return value}function createAggregateErrorFrom(errors){return"undefined"!=typeof window&&"AggregateError"in window?new window.AggregateError(errors):{errors:errors}}if(SynchronousPromise.prototype={then:function(nextFn,catchFn){var next=SynchronousPromise.unresolved()._setParent(this);if(this._isRejected()){if(this._paused)return this._continuations.push({promise:next,nextFn:nextFn,catchFn:catchFn}),next;if(catchFn)try{var catchResult=catchFn(this._error);return looksLikeAPromise(catchResult)?(this._chainPromiseData(catchResult,next),next):SynchronousPromise.resolve(catchResult)._setParent(this)}catch(e){return SynchronousPromise.reject(e)._setParent(this)}return SynchronousPromise.reject(this._error)._setParent(this)}return this._continuations.push({promise:next,nextFn:nextFn,catchFn:catchFn}),this._runResolutions(),next},catch:function(handler){if(this._isResolved())return SynchronousPromise.resolve(this._data)._setParent(this);var next=SynchronousPromise.unresolved()._setParent(this);return this._continuations.push({promise:next,catchFn:handler}),this._runRejections(),next},finally:function(callback){var ran=!1;function runFinally(result,err){if(!ran){ran=!0,callback||(callback=passThrough);var callbackResult=callback(result);return looksLikeAPromise(callbackResult)?callbackResult.then((function(){if(err)throw err;return result})):result}}return this.then((function(result){return runFinally(result)})).catch((function(err){return runFinally(null,err)}))},pause:function(){return this._paused=!0,this},resume:function(){var firstPaused=this._findFirstPaused();return firstPaused&&(firstPaused._paused=!1,firstPaused._runResolutions(),firstPaused._runRejections()),this},_findAncestry:function(){return this._continuations.reduce((function(acc,cur){if(cur.promise){var node={promise:cur.promise,children:cur.promise._findAncestry()};acc.push(node)}return acc}),[])},_setParent:function(parent){if(this._parent)throw new Error("parent already set");return this._parent=parent,this},_continueWith:function(data){var firstPending=this._findFirstPending();firstPending&&(firstPending._data=data,firstPending._setResolved())},_findFirstPending:function(){return this._findFirstAncestor((function(test){return test._isPending&&test._isPending()}))},_findFirstPaused:function(){return this._findFirstAncestor((function(test){return test._paused}))},_findFirstAncestor:function(matching){for(var result,test=this;test;)matching(test)&&(result=test),test=test._parent;return result},_failWith:function(error){var firstRejected=this._findFirstPending();firstRejected&&(firstRejected._error=error,firstRejected._setRejected())},_takeContinuations:function(){return this._continuations.splice(0,this._continuations.length)},_runRejections:function(){if(!this._paused&&this._isRejected()){var error=this._error,continuations=this._takeContinuations(),self=this;continuations.forEach((function(cont){if(cont.catchFn)try{var catchResult=cont.catchFn(error);self._handleUserFunctionResult(catchResult,cont.promise)}catch(e){cont.promise.reject(e)}else cont.promise.reject(error)}))}},_runResolutions:function(){if(!this._paused&&this._isResolved()&&!this._isPending()){var continuations=this._takeContinuations();if(looksLikeAPromise(this._data))return this._handleWhenResolvedDataIsPromise(this._data);var data=this._data,self=this;continuations.forEach((function(cont){if(cont.nextFn)try{var result=cont.nextFn(data);self._handleUserFunctionResult(result,cont.promise)}catch(e){self._handleResolutionError(e,cont)}else cont.promise&&cont.promise.resolve(data)}))}},_handleResolutionError:function(e,continuation){if(this._setRejected(),continuation.catchFn)try{return void continuation.catchFn(e)}catch(e2){e=e2}continuation.promise&&continuation.promise.reject(e)},_handleWhenResolvedDataIsPromise:function(data){var self=this;return data.then((function(result){self._data=result,self._runResolutions()})).catch((function(error){self._error=error,self._setRejected(),self._runRejections()}))},_handleUserFunctionResult:function(data,nextSynchronousPromise){looksLikeAPromise(data)?this._chainPromiseData(data,nextSynchronousPromise):nextSynchronousPromise.resolve(data)},_chainPromiseData:function(promiseData,nextSynchronousPromise){promiseData.then((function(newData){nextSynchronousPromise.resolve(newData)})).catch((function(newError){nextSynchronousPromise.reject(newError)}))},_setResolved:function(){this.status="resolved",this._paused||this._runResolutions()},_setRejected:function(){this.status="rejected",this._paused||this._runRejections()},_isPending:function(){return"pending"===this.status},_isResolved:function(){return"resolved"===this.status},_isRejected:function(){return"rejected"===this.status}},SynchronousPromise.resolve=function(result){return new SynchronousPromise((function(resolve,reject){looksLikeAPromise(result)?result.then((function(newResult){resolve(newResult)})).catch((function(error){reject(error)})):resolve(result)}))},SynchronousPromise.reject=function(result){return new SynchronousPromise((function(resolve,reject){reject(result)}))},SynchronousPromise.unresolved=function(){return new SynchronousPromise((function(resolve,reject){this.resolve=resolve,this.reject=reject}))},SynchronousPromise.all=function(){var args=makeArrayFrom(arguments);return Array.isArray(args[0])&&(args=args[0]),args.length?new SynchronousPromise((function(resolve,reject){var allData=[],numResolved=0,rejected=!1;args.forEach((function(arg,idx){SynchronousPromise.resolve(arg).then((function(thisResult){allData[idx]=thisResult,(numResolved+=1)===args.length&&resolve(allData)})).catch((function(err){!function(err){rejected||(rejected=!0,reject(err))}(err)}))}))})):SynchronousPromise.resolve([])},SynchronousPromise.any=function(){var args=makeArrayFrom(arguments);return Array.isArray(args[0])&&(args=args[0]),args.length?new SynchronousPromise((function(resolve,reject){var allErrors=[],numRejected=0,resolved=!1;args.forEach((function(arg,idx){SynchronousPromise.resolve(arg).then((function(thisResult){var result;result=thisResult,resolved||(resolved=!0,resolve(result))})).catch((function(err){allErrors[idx]=err,(numRejected+=1)===args.length&&reject(createAggregateErrorFrom(allErrors))}))}))})):SynchronousPromise.reject(createAggregateErrorFrom([]))},SynchronousPromise.allSettled=function(){var args=makeArrayFrom(arguments);return Array.isArray(args[0])&&(args=args[0]),args.length?new SynchronousPromise((function(resolve){var allData=[],numSettled=0,doSettled=function(){(numSettled+=1)===args.length&&resolve(allData)};args.forEach((function(arg,idx){SynchronousPromise.resolve(arg).then((function(thisResult){allData[idx]={status:"fulfilled",value:thisResult},doSettled()})).catch((function(err){allData[idx]={status:"rejected",reason:err},doSettled()}))}))})):SynchronousPromise.resolve([])},Promise===SynchronousPromise)throw new Error("Please use SynchronousPromise.installGlobally() to install globally");var RealPromise=Promise;SynchronousPromise.installGlobally=function(__awaiter){if(Promise===SynchronousPromise)return __awaiter;var result=function patchAwaiterIfRequired(__awaiter){if(void 0===__awaiter||__awaiter.__patched)return __awaiter;var originalAwaiter=__awaiter;return __awaiter=function(){originalAwaiter.apply(this,makeArrayFrom(arguments))},__awaiter.__patched=!0,__awaiter}(__awaiter);return Promise=SynchronousPromise,result},SynchronousPromise.uninstallGlobally=function(){Promise===SynchronousPromise&&(Promise=RealPromise)},module.exports={SynchronousPromise:SynchronousPromise}},"./node_modules/timers-browserify/main.js":function(module,exports,__webpack_require__){(function(global){var scope=void 0!==global&&global||"undefined"!=typeof self&&self||window,apply=Function.prototype.apply;function Timeout(id,clearFn){this._id=id,this._clearFn=clearFn}exports.setTimeout=function(){return new Timeout(apply.call(setTimeout,scope,arguments),clearTimeout)},exports.setInterval=function(){return new Timeout(apply.call(setInterval,scope,arguments),clearInterval)},exports.clearTimeout=exports.clearInterval=function(timeout){timeout&&timeout.close()},Timeout.prototype.unref=Timeout.prototype.ref=function(){},Timeout.prototype.close=function(){this._clearFn.call(scope,this._id)},exports.enroll=function(item,msecs){clearTimeout(item._idleTimeoutId),item._idleTimeout=msecs},exports.unenroll=function(item){clearTimeout(item._idleTimeoutId),item._idleTimeout=-1},exports._unrefActive=exports.active=function(item){clearTimeout(item._idleTimeoutId);var msecs=item._idleTimeout;msecs>=0&&(item._idleTimeoutId=setTimeout((function onTimeout(){item._onTimeout&&item._onTimeout()}),msecs))},__webpack_require__("./node_modules/setimmediate/setImmediate.js"),exports.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==global&&global.setImmediate||this&&this.setImmediate,exports.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==global&&global.clearImmediate||this&&this.clearImmediate}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/ts-dedent/esm/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_exports__.a=function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from("string"==typeof templ?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce((function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map((function(match){var _a,_b;return null!==(_b=null===(_a=match.match(/[\t ]/g))||void 0===_a?void 0:_a.length)&&void 0!==_b?_b:0}))):arr}),[]);if(indentLengths.length){var pattern_1=new RegExp("\n[\t ]{"+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map((function(str){return str.replace(pattern_1,"\n")}))}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach((function(value,i){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value;"string"==typeof value&&value.includes("\n")&&(indentedValue=String(value).split("\n").map((function(str,i){return 0===i?str:""+endentation+str})).join("\n")),string+=indentedValue+strings[i+1]})),string}},"./node_modules/tslib/tslib.es6.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return __assign})),__webpack_require__.d(__webpack_exports__,"b",(function(){return __rest}));var __assign=function(){return __assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t},__assign.apply(this,arguments)};function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}Object.create;Object.create},"./node_modules/use-callback-ref/dist/es2015/useMergeRef.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useMergeRefs}));var react=__webpack_require__("./node_modules/react/index.js");function useMergeRefs(refs,defaultValue){return function useCallbackRef(initialValue,callback){var ref=Object(react.useState)((function(){return{value:initialValue,callback:callback,facade:{get current(){return ref.value},set current(value){var last=ref.value;last!==value&&(ref.value=value,ref.callback(value,last))}}}}))[0];return ref.callback=callback,ref.facade}(defaultValue||null,(function(newValue){return refs.forEach((function(ref){return function assignRef(ref,value){return"function"==typeof ref?ref(value):ref&&(ref.current=value),ref}(ref,newValue)}))}))}},"./node_modules/use-sidecar/dist/es2015/medium.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return createMedium})),__webpack_require__.d(__webpack_exports__,"b",(function(){return createSidecarMedium}));var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js");function ItoI(a){return a}function innerCreateMedium(defaults,middleware){void 0===middleware&&(middleware=ItoI);var buffer=[],assigned=!1;return{read:function(){if(assigned)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return buffer.length?buffer[buffer.length-1]:defaults},useMedium:function(data){var item=middleware(data,assigned);return buffer.push(item),function(){buffer=buffer.filter((function(x){return x!==item}))}},assignSyncMedium:function(cb){for(assigned=!0;buffer.length;){var cbs=buffer;buffer=[],cbs.forEach(cb)}buffer={push:function(x){return cb(x)},filter:function(){return buffer}}},assignMedium:function(cb){assigned=!0;var pendingQueue=[];if(buffer.length){var cbs=buffer;buffer=[],cbs.forEach(cb),pendingQueue=buffer}var executeQueue=function(){var cbs=pendingQueue;pendingQueue=[],cbs.forEach(cb)},cycle=function(){return Promise.resolve().then(executeQueue)};cycle(),buffer={push:function(x){pendingQueue.push(x),cycle()},filter:function(filter){return pendingQueue=pendingQueue.filter(filter),buffer}}}}}function createMedium(defaults,middleware){return void 0===middleware&&(middleware=ItoI),innerCreateMedium(defaults,middleware)}function createSidecarMedium(options){void 0===options&&(options={});var medium=innerCreateMedium(null);return medium.options=Object(tslib__WEBPACK_IMPORTED_MODULE_0__.a)({async:!0,ssr:!1},options),medium}},"./node_modules/util-deprecate/browser.js":function(module,exports,__webpack_require__){(function(global){function config(name){try{if(!global.localStorage)return!1}catch(_){return!1}var val=global.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/util/node_modules/inherits/inherits_browser.js":function(module,exports){"function"==typeof Object.create?module.exports=function inherits(ctor,superCtor){ctor.super_=superCtor,ctor.prototype=Object.create(superCtor.prototype,{constructor:{value:ctor,enumerable:!1,writable:!0,configurable:!0}})}:module.exports=function inherits(ctor,superCtor){ctor.super_=superCtor;var TempCtor=function(){};TempCtor.prototype=superCtor.prototype,ctor.prototype=new TempCtor,ctor.prototype.constructor=ctor}},"./node_modules/util/support/isBufferBrowser.js":function(module,exports){module.exports=function isBuffer(arg){return arg&&"object"==typeof arg&&"function"==typeof arg.copy&&"function"==typeof arg.fill&&"function"==typeof arg.readUInt8}},"./node_modules/util/util.js":function(module,exports,__webpack_require__){(function(process){var getOwnPropertyDescriptors=Object.getOwnPropertyDescriptors||function getOwnPropertyDescriptors(obj){for(var keys=Object.keys(obj),descriptors={},i=0;i<keys.length;i++)descriptors[keys[i]]=Object.getOwnPropertyDescriptor(obj,keys[i]);return descriptors},formatRegExp=/%[sdj%]/g;exports.format=function(f){if(!isString(f)){for(var objects=[],i=0;i<arguments.length;i++)objects.push(inspect(arguments[i]));return objects.join(" ")}i=1;for(var args=arguments,len=args.length,str=String(f).replace(formatRegExp,(function(x){if("%%"===x)return"%";if(i>=len)return x;switch(x){case"%s":return String(args[i++]);case"%d":return Number(args[i++]);case"%j":try{return JSON.stringify(args[i++])}catch(_){return"[Circular]"}default:return x}})),x=args[i];i<len;x=args[++i])isNull(x)||!isObject(x)?str+=" "+x:str+=" "+inspect(x);return str},exports.deprecate=function(fn,msg){if(void 0!==process&&!0===process.noDeprecation)return fn;if(void 0===process)return function(){return exports.deprecate(fn,msg).apply(this,arguments)};var warned=!1;return function deprecated(){if(!warned){if(process.throwDeprecation)throw new Error(msg);process.traceDeprecation?console.trace(msg):console.error(msg),warned=!0}return fn.apply(this,arguments)}};var debugEnviron,debugs={};function inspect(obj,opts){var ctx={seen:[],stylize:stylizeNoColor};return arguments.length>=3&&(ctx.depth=arguments[2]),arguments.length>=4&&(ctx.colors=arguments[3]),isBoolean(opts)?ctx.showHidden=opts:opts&&exports._extend(ctx,opts),isUndefined(ctx.showHidden)&&(ctx.showHidden=!1),isUndefined(ctx.depth)&&(ctx.depth=2),isUndefined(ctx.colors)&&(ctx.colors=!1),isUndefined(ctx.customInspect)&&(ctx.customInspect=!0),ctx.colors&&(ctx.stylize=stylizeWithColor),formatValue(ctx,obj,ctx.depth)}function stylizeWithColor(str,styleType){var style=inspect.styles[styleType];return style?"["+inspect.colors[style][0]+"m"+str+"["+inspect.colors[style][1]+"m":str}function stylizeNoColor(str,styleType){return str}function formatValue(ctx,value,recurseTimes){if(ctx.customInspect&&value&&isFunction(value.inspect)&&value.inspect!==exports.inspect&&(!value.constructor||value.constructor.prototype!==value)){var ret=value.inspect(recurseTimes,ctx);return isString(ret)||(ret=formatValue(ctx,ret,recurseTimes)),ret}var primitive=function formatPrimitive(ctx,value){if(isUndefined(value))return ctx.stylize("undefined","undefined");if(isString(value)){var simple="'"+JSON.stringify(value).replace(/^"|"$/g,"").replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return ctx.stylize(simple,"string")}if(isNumber(value))return ctx.stylize(""+value,"number");if(isBoolean(value))return ctx.stylize(""+value,"boolean");if(isNull(value))return ctx.stylize("null","null")}(ctx,value);if(primitive)return primitive;var keys=Object.keys(value),visibleKeys=function arrayToHash(array){var hash={};return array.forEach((function(val,idx){hash[val]=!0})),hash}(keys);if(ctx.showHidden&&(keys=Object.getOwnPropertyNames(value)),isError(value)&&(keys.indexOf("message")>=0||keys.indexOf("description")>=0))return formatError(value);if(0===keys.length){if(isFunction(value)){var name=value.name?": "+value.name:"";return ctx.stylize("[Function"+name+"]","special")}if(isRegExp(value))return ctx.stylize(RegExp.prototype.toString.call(value),"regexp");if(isDate(value))return ctx.stylize(Date.prototype.toString.call(value),"date");if(isError(value))return formatError(value)}var output,base="",array=!1,braces=["{","}"];(isArray(value)&&(array=!0,braces=["[","]"]),isFunction(value))&&(base=" [Function"+(value.name?": "+value.name:"")+"]");return isRegExp(value)&&(base=" "+RegExp.prototype.toString.call(value)),isDate(value)&&(base=" "+Date.prototype.toUTCString.call(value)),isError(value)&&(base=" "+formatError(value)),0!==keys.length||array&&0!=value.length?recurseTimes<0?isRegExp(value)?ctx.stylize(RegExp.prototype.toString.call(value),"regexp"):ctx.stylize("[Object]","special"):(ctx.seen.push(value),output=array?function formatArray(ctx,value,recurseTimes,visibleKeys,keys){for(var output=[],i=0,l=value.length;i<l;++i)hasOwnProperty(value,String(i))?output.push(formatProperty(ctx,value,recurseTimes,visibleKeys,String(i),!0)):output.push("");return keys.forEach((function(key){key.match(/^\d+$/)||output.push(formatProperty(ctx,value,recurseTimes,visibleKeys,key,!0))})),output}(ctx,value,recurseTimes,visibleKeys,keys):keys.map((function(key){return formatProperty(ctx,value,recurseTimes,visibleKeys,key,array)})),ctx.seen.pop(),function reduceToSingleString(output,base,braces){if(output.reduce((function(prev,cur){return cur.indexOf("\n")>=0&&0,prev+cur.replace(/\u001b\[\d\d?m/g,"").length+1}),0)>60)return braces[0]+(""===base?"":base+"\n ")+" "+output.join(",\n  ")+" "+braces[1];return braces[0]+base+" "+output.join(", ")+" "+braces[1]}(output,base,braces)):braces[0]+base+braces[1]}function formatError(value){return"["+Error.prototype.toString.call(value)+"]"}function formatProperty(ctx,value,recurseTimes,visibleKeys,key,array){var name,str,desc;if((desc=Object.getOwnPropertyDescriptor(value,key)||{value:value[key]}).get?str=desc.set?ctx.stylize("[Getter/Setter]","special"):ctx.stylize("[Getter]","special"):desc.set&&(str=ctx.stylize("[Setter]","special")),hasOwnProperty(visibleKeys,key)||(name="["+key+"]"),str||(ctx.seen.indexOf(desc.value)<0?(str=isNull(recurseTimes)?formatValue(ctx,desc.value,null):formatValue(ctx,desc.value,recurseTimes-1)).indexOf("\n")>-1&&(str=array?str.split("\n").map((function(line){return"  "+line})).join("\n").substr(2):"\n"+str.split("\n").map((function(line){return"   "+line})).join("\n")):str=ctx.stylize("[Circular]","special")),isUndefined(name)){if(array&&key.match(/^\d+$/))return str;(name=JSON.stringify(""+key)).match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)?(name=name.substr(1,name.length-2),name=ctx.stylize(name,"name")):(name=name.replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'"),name=ctx.stylize(name,"string"))}return name+": "+str}function isArray(ar){return Array.isArray(ar)}function isBoolean(arg){return"boolean"==typeof arg}function isNull(arg){return null===arg}function isNumber(arg){return"number"==typeof arg}function isString(arg){return"string"==typeof arg}function isUndefined(arg){return void 0===arg}function isRegExp(re){return isObject(re)&&"[object RegExp]"===objectToString(re)}function isObject(arg){return"object"==typeof arg&&null!==arg}function isDate(d){return isObject(d)&&"[object Date]"===objectToString(d)}function isError(e){return isObject(e)&&("[object Error]"===objectToString(e)||e instanceof Error)}function isFunction(arg){return"function"==typeof arg}function objectToString(o){return Object.prototype.toString.call(o)}function pad(n){return n<10?"0"+n.toString(10):n.toString(10)}exports.debuglog=function(set){if(isUndefined(debugEnviron)&&(debugEnviron=process.env.NODE_DEBUG||""),set=set.toUpperCase(),!debugs[set])if(new RegExp("\\b"+set+"\\b","i").test(debugEnviron)){var pid=process.pid;debugs[set]=function(){var msg=exports.format.apply(exports,arguments);console.error("%s %d: %s",set,pid,msg)}}else debugs[set]=function(){};return debugs[set]},exports.inspect=inspect,inspect.colors={bold:[1,22],italic:[3,23],underline:[4,24],inverse:[7,27],white:[37,39],grey:[90,39],black:[30,39],blue:[34,39],cyan:[36,39],green:[32,39],magenta:[35,39],red:[31,39],yellow:[33,39]},inspect.styles={special:"cyan",number:"yellow",boolean:"yellow",undefined:"grey",null:"bold",string:"green",date:"magenta",regexp:"red"},exports.isArray=isArray,exports.isBoolean=isBoolean,exports.isNull=isNull,exports.isNullOrUndefined=function isNullOrUndefined(arg){return null==arg},exports.isNumber=isNumber,exports.isString=isString,exports.isSymbol=function isSymbol(arg){return"symbol"==typeof arg},exports.isUndefined=isUndefined,exports.isRegExp=isRegExp,exports.isObject=isObject,exports.isDate=isDate,exports.isError=isError,exports.isFunction=isFunction,exports.isPrimitive=function isPrimitive(arg){return null===arg||"boolean"==typeof arg||"number"==typeof arg||"string"==typeof arg||"symbol"==typeof arg||void 0===arg},exports.isBuffer=__webpack_require__("./node_modules/util/support/isBufferBrowser.js");var months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function timestamp(){var d=new Date,time=[pad(d.getHours()),pad(d.getMinutes()),pad(d.getSeconds())].join(":");return[d.getDate(),months[d.getMonth()],time].join(" ")}function hasOwnProperty(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)}exports.log=function(){console.log("%s - %s",timestamp(),exports.format.apply(exports,arguments))},exports.inherits=__webpack_require__("./node_modules/util/node_modules/inherits/inherits_browser.js"),exports._extend=function(origin,add){if(!add||!isObject(add))return origin;for(var keys=Object.keys(add),i=keys.length;i--;)origin[keys[i]]=add[keys[i]];return origin};var kCustomPromisifiedSymbol="undefined"!=typeof Symbol?Symbol("util.promisify.custom"):void 0;function callbackifyOnRejected(reason,cb){if(!reason){var newReason=new Error("Promise was rejected with a falsy value");newReason.reason=reason,reason=newReason}return cb(reason)}exports.promisify=function promisify(original){if("function"!=typeof original)throw new TypeError('The "original" argument must be of type Function');if(kCustomPromisifiedSymbol&&original[kCustomPromisifiedSymbol]){var fn;if("function"!=typeof(fn=original[kCustomPromisifiedSymbol]))throw new TypeError('The "util.promisify.custom" argument must be of type Function');return Object.defineProperty(fn,kCustomPromisifiedSymbol,{value:fn,enumerable:!1,writable:!1,configurable:!0}),fn}function fn(){for(var promiseResolve,promiseReject,promise=new Promise((function(resolve,reject){promiseResolve=resolve,promiseReject=reject})),args=[],i=0;i<arguments.length;i++)args.push(arguments[i]);args.push((function(err,value){err?promiseReject(err):promiseResolve(value)}));try{original.apply(this,args)}catch(err){promiseReject(err)}return promise}return Object.setPrototypeOf(fn,Object.getPrototypeOf(original)),kCustomPromisifiedSymbol&&Object.defineProperty(fn,kCustomPromisifiedSymbol,{value:fn,enumerable:!1,writable:!1,configurable:!0}),Object.defineProperties(fn,getOwnPropertyDescriptors(original))},exports.promisify.custom=kCustomPromisifiedSymbol,exports.callbackify=function callbackify(original){if("function"!=typeof original)throw new TypeError('The "original" argument must be of type Function');function callbackified(){for(var args=[],i=0;i<arguments.length;i++)args.push(arguments[i]);var maybeCb=args.pop();if("function"!=typeof maybeCb)throw new TypeError("The last argument must be of type Function");var self=this,cb=function(){return maybeCb.apply(self,arguments)};original.apply(this,args).then((function(ret){process.nextTick(cb,null,ret)}),(function(rej){process.nextTick(callbackifyOnRejected,rej,cb)}))}return Object.setPrototypeOf(callbackified,Object.getPrototypeOf(original)),Object.defineProperties(callbackified,getOwnPropertyDescriptors(original)),callbackified}}).call(this,__webpack_require__("./node_modules/process/browser.js"))},"./node_modules/uuid-browser/lib/bytesToUuid.js":function(module,exports){for(var byteToHex=[],i=0;i<256;++i)byteToHex[i]=(i+256).toString(16).substr(1);module.exports=function bytesToUuid(buf,offset){var i=offset||0,bth=byteToHex;return bth[buf[i++]]+bth[buf[i++]]+bth[buf[i++]]+bth[buf[i++]]+"-"+bth[buf[i++]]+bth[buf[i++]]+"-"+bth[buf[i++]]+bth[buf[i++]]+"-"+bth[buf[i++]]+bth[buf[i++]]+"-"+bth[buf[i++]]+bth[buf[i++]]+bth[buf[i++]]+bth[buf[i++]]+bth[buf[i++]]+bth[buf[i++]]}},"./node_modules/uuid-browser/lib/rng-browser.js":function(module,exports,__webpack_require__){(function(global){var rng,crypto=void 0!==global&&(global.crypto||global.msCrypto);if(crypto&&crypto.getRandomValues){var rnds8=new Uint8Array(16);rng=function whatwgRNG(){return crypto.getRandomValues(rnds8),rnds8}}if(!rng){var rnds=new Array(16);rng=function(){for(var r,i=0;i<16;i++)0==(3&i)&&(r=4294967296*Math.random()),rnds[i]=r>>>((3&i)<<3)&255;return rnds}}module.exports=rng}).call(this,__webpack_require__("./node_modules/webpack/buildin/global.js"))},"./node_modules/uuid-browser/v4.js":function(module,exports,__webpack_require__){var rng=__webpack_require__("./node_modules/uuid-browser/lib/rng-browser.js"),bytesToUuid=__webpack_require__("./node_modules/uuid-browser/lib/bytesToUuid.js");module.exports=function v4(options,buf,offset){var i=buf&&offset||0;"string"==typeof options&&(buf="binary"==options?new Array(16):null,options=null);var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf)for(var ii=0;ii<16;++ii)buf[i+ii]=rnds[ii];return buf||bytesToUuid(rnds)}},"./node_modules/webpack/buildin/global.js":function(module,exports){var g;g=function(){return this}();try{g=g||new Function("return this")()}catch(e){"object"==typeof window&&(g=window)}module.exports=g},"./node_modules/webpack/buildin/harmony-module.js":function(module,exports){module.exports=function(originalModule){if(!originalModule.webpackPolyfill){var module=Object.create(originalModule);module.children||(module.children=[]),Object.defineProperty(module,"loaded",{enumerable:!0,get:function(){return module.l}}),Object.defineProperty(module,"id",{enumerable:!0,get:function(){return module.i}}),Object.defineProperty(module,"exports",{enumerable:!0}),module.webpackPolyfill=1}return module}},"./node_modules/webpack/buildin/module.js":function(module,exports){module.exports=function(module){return module.webpackPolyfill||(module.deprecate=function(){},module.paths=[],module.children||(module.children=[]),Object.defineProperty(module,"loaded",{enumerable:!0,get:function(){return module.l}}),Object.defineProperty(module,"id",{enumerable:!0,get:function(){return module.i}}),module.webpackPolyfill=1),module}}}]);
-//# sourceMappingURL=vendors~main.f9e1586a.iframe.bundle.js.map
\ No newline at end of file
+//# sourceMappingURL=vendors~main.9bbf73b4.iframe.bundle.js.map
\ No newline at end of file
diff --git a/docs/vendors~main.f9e1586a.iframe.bundle.js.LICENSE.txt b/docs/vendors~main.9bbf73b4.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/vendors~main.f9e1586a.iframe.bundle.js.LICENSE.txt
rename to docs/vendors~main.9bbf73b4.iframe.bundle.js.LICENSE.txt
diff --git a/docs/vendors~main.9bbf73b4.iframe.bundle.js.map b/docs/vendors~main.9bbf73b4.iframe.bundle.js.map
new file mode 100644
index 000000000..61119141a
--- /dev/null
+++ b/docs/vendors~main.9bbf73b4.iframe.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"vendors~main.9bbf73b4.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
\ No newline at end of file
diff --git a/docs/vendors~main.f9e1586a.iframe.bundle.js.map b/docs/vendors~main.f9e1586a.iframe.bundle.js.map
deleted file mode 100644
index 3ed4813c6..000000000
--- a/docs/vendors~main.f9e1586a.iframe.bundle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"vendors~main.f9e1586a.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ca4805e07..d866962da 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@doist/reactist",
-    "version": "17.0.0",
+    "version": "18.0.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "@doist/reactist",
-            "version": "17.0.0",
+            "version": "18.0.0",
             "hasInstallScript": true,
             "license": "MIT",
             "dependencies": {
diff --git a/package.json b/package.json
index a54c2fe8a..ce05e6806 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
     "author": "Henning Muszynski <henning@doist.com> (http://doist.com)",
-    "version": "17.0.0",
+    "version": "18.0.0",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": "git+https://github.com/Doist/reactist.git",

From 74140b9e99c587b1ebbde68b353cda3214c6de79 Mon Sep 17 00:00:00 2001
From: Francesca Guiducci <francesca@doist.com>
Date: Mon, 14 Nov 2022 14:46:48 +0100
Subject: [PATCH 3/6] chore: Re-did build-all to be sure

---
 docs/main.bbe9bc9f.iframe.bundle.js | 2 +-
 docs/project.json                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/main.bbe9bc9f.iframe.bundle.js b/docs/main.bbe9bc9f.iframe.bundle.js
index 3c22383ff..83604bcc1 100644
--- a/docs/main.bbe9bc9f.iframe.bundle.js
+++ b/docs/main.bbe9bc9f.iframe.bundle.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"),__webpack_require__("./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bjUmGQ1{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small);min-height:calc(2*var(--reactist-spacing-small) + var(--reactist-button-small-height) + 2px)}.PyULHXUj{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}.PyULHXUj svg{color:var(--reactist-alert-tone-info-icon)}.hIW0DUrF{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.hIW0DUrF svg{color:var(--reactist-alert-tone-positive-icon)}._1Ho1jjqk{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1Ho1jjqk svg{color:var(--reactist-alert-tone-caution-icon)}._177zyoVP{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._177zyoVP svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_1bjUmGQ1","tone-info":"PyULHXUj","tone-positive":"hIW0DUrF","tone-caution":"_1Ho1jjqk","tone-critical":"_177zyoVP"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}.Sva128bQ{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}._1CEziM4w{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3fRfWCm3{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._1UdsEmnB{--reactist-avatar-size:var(--reactist-avatar-size-small)}.aOiZgBic{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.O_uq2aRB{--reactist-avatar-size:var(--reactist-avatar-size-large)}._3wlhGvdY{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2Qwl8hZI{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2A19sfWg{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._2oWcPdrM{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._1ptksGmT{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.w-jaOD8t{--reactist-avatar-size:var(--reactist-avatar-size-small)}._2VsKPPHN{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.Kps9rVTS{--reactist-avatar-size:var(--reactist-avatar-size-large)}._2f1ZsW6N{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._3iKrYPyj{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1DZ0T2GD{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._1LxYW80E{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3cB9NvrU{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.uLzmqAWK{--reactist-avatar-size:var(--reactist-avatar-size-small)}._22zzC83m{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.PRY49uSU{--reactist-avatar-size:var(--reactist-avatar-size-large)}.LGu4W2mc{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2hst-HQf{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1QLSb8gY{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}",""]),exports.locals={avatar:"Sva128bQ","size-xxs":"_1CEziM4w","size-xs":"_3fRfWCm3","size-s":"_1UdsEmnB","size-m":"aOiZgBic","size-l":"O_uq2aRB","size-xl":"_3wlhGvdY","size-xxl":"_2Qwl8hZI","size-xxxl":"_2A19sfWg","tablet-size-xxs":"_2oWcPdrM","tablet-size-xs":"_1ptksGmT","tablet-size-s":"w-jaOD8t","tablet-size-m":"_2VsKPPHN","tablet-size-l":"Kps9rVTS","tablet-size-xl":"_2f1ZsW6N","tablet-size-xxl":"_3iKrYPyj","tablet-size-xxxl":"_1DZ0T2GD","desktop-size-xxs":"_1LxYW80E","desktop-size-xs":"_3cB9NvrU","desktop-size-s":"uLzmqAWK","desktop-size-m":"_22zzC83m","desktop-size-l":"PRY49uSU","desktop-size-xl":"LGu4W2mc","desktop-size-xxl":"_2hst-HQf","desktop-size-xxxl":"_1QLSb8gY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-badge-neutral-background:#eee;--reactist-badge-neutral-foreground:#666;--reactist-badge-positive-background:rgba(5,133,39,0.1);--reactist-badge-positive-foreground:#058527;--reactist-badge-color-background:#faead1;--reactist-badge-color-foreground:#8f4700}._16rUqpuT{font-family:var(--reactist-font-family);font-size:10px;font-weight:var(--reactist-font-weight-medium);border-radius:3px;padding:3px var(--reactist-spacing-xsmall);text-transform:uppercase}.nBcZWKqg{color:var(--reactist-badge-neutral-foreground);background-color:var(--reactist-badge-neutral-background)}._1eIHGtGO{color:var(--reactist-badge-positive-foreground);background-color:var(--reactist-badge-positive-background)}._2F1bBd2z{color:var(--reactist-badge-color-foreground);background-color:var(--reactist-badge-color-background)}",""]),exports.locals={badge:"_16rUqpuT","badge-neutral":"nBcZWKqg","badge-positive":"_1eIHGtGO","badge-color":"_2F1bBd2z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1AOsTJG3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._2Ics8rP_{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._1AOsTJG3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._1AOsTJG3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._1AOsTJG3._2o-nyUTF{border-radius:1000px}._1AOsTJG3._3NSQNfFo{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._1AOsTJG3._1xS1YG4L{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._1AOsTJG3._1tvpnBHw{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._1AOsTJG3:not(._2PQcvkB9){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._1AOsTJG3:focus-visible:not([aria-disabled=true]),._1AOsTJG3:hover:not([aria-disabled=true]),._1AOsTJG3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._1AOsTJG3._2PQcvkB9{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._1AOsTJG3:not(._3AuL4yE4){min-width:68px}._1AOsTJG3._3AuL4yE4{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._1AOsTJG3 ._3wqLydX-{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._1AOsTJG3 ._2RzezWii{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);--reactist-content-primary:var(--reactist-content-toast);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}@keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}:root{--reach-dialog:1;--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._3jjo0wSd{isolation:isolate}[data-reach-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3v5DmtsH .2s;animation:_3v5DmtsH .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}[data-reach-dialog-overlay]>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled] ._5Eq_Wmv{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}[data-reach-dialog-content]{background:var(--reactist-bg-default);padding:0;outline:none;transition:box-shadow .5s}._5Eq_Wmv{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out;max-width:100%}._1jvHg-bL ._5Eq_Wmv{width:100%}._22sgLJIW ._5Eq_Wmv{width:768px}.gwIpBSNi ._5Eq_Wmv{width:580px}._1LaotiZv ._5Eq_Wmv{width:450px}@media (min-width:992px){.B2BwdSPs ._5Eq_Wmv{width:960px}}@media (min-width:1200px){.B2BwdSPs ._5Eq_Wmv{width:1060px}}@media (max-width:1000px){.B2BwdSPs ._5Eq_Wmv{width:768px}}@media (max-width:580px){.ynZOvPCT:not(._1LaotiZv) ._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv) ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}.tJiZ17qL{display:flex;align-items:center;height:32px}._1ZCXZZbD{min-height:32px}",""]),exports.locals={"reach-portal":"_3jjo0wSd",fadein:"_3v5DmtsH",fitContent:"_3dZ8SMqI",container:"_5Eq_Wmv",full:"_1jvHg-bL",large:"_22sgLJIW",medium:"gwIpBSNi",small:"_1LaotiZv",xlarge:"B2BwdSPs",overlay:"ynZOvPCT",expand:"_2MXWR1nx",buttonContainer:"tJiZ17qL",headerContent:"_1ZCXZZbD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw.cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw option{background-color:var(--reactist-bg-aside)}._37qME_zw select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));margin-top:var(--reactist-spacing-large);border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}._14o3mgku{margin-top:var(--reactist-spacing-xsmall)}._1-Qo1ZMw{margin-top:var(--reactist-spacing-small)}._2zCa-_AP{margin-top:var(--reactist-spacing-medium)}.fBRTKaCF{margin-top:var(--reactist-spacing-large)}._3xoTod4f{margin-top:var(--reactist-spacing-xlarge)}._1GEBxxCD{margin-top:var(--reactist-spacing-xxlarge)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81","track-xsmall":"_14o3mgku","track-small":"_1-Qo1ZMw","track-medium":"_2zCa-_AP","track-large":"fBRTKaCF","track-xlarge":"_3xoTod4f","track-xxlarge":"_1GEBxxCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font-family:var(--reactist-font-family);width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}",""]),exports.locals={textAreaContainer:"_22PFG8iD",bordered:"_29Be2aIS",error:"_2NQlDy3I"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO:not(._1UmGt5zL){border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL input{padding:0;height:24px}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast,400)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n  background-color: rgba(0, 0, 0, 0.1);\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n  height: 18px;\n  width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n  width: 12px;\n  height: 12px;\n}\n.reactist_color_picker .color_item {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 4px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n  background-color: transparent;\n  border: 2px solid white;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n  padding: 6px;\n  display: flex;\n  flex-wrap: wrap;\n  width: 164px;\n  position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n  visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n    .color_trigger {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 24px;\n\n        &--inner_ring {\n            background-color: rgba(0, 0, 0, 0.1);\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_trigger--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.small {\n            height: 18px;\n            width: 18px;\n\n            .color_trigger--inner_ring {\n                width: 12px;\n                height: 12px;\n            }\n        }\n    }\n\n    .color_item {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        &--inner_ring {\n            background-color: transparent;\n            border: 2px solid white;\n            height: 24px;\n            width: 24px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_item--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.active {\n            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .color_options {\n        padding: 6px;\n        display: flex;\n        flex-wrap: wrap;\n        width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n        position: relative;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        visibility: hidden;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n  cursor: pointer;\n  user-select: none;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.reactist_button--small {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  padding: 5px 15px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n  padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n  padding: 10px 15px;\n}\n.reactist_button--primary {\n  background-color: #3f82ef;\n  color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n  background-color: #3b7be2;\n}\n.reactist_button--danger {\n  background-color: #de4c4a;\n  color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n  background-color: #cf2826;\n}\n.reactist_button--secondary {\n  background-color: white;\n  color: #202020;\n  border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n  background-color: #f9f9f9;\n}\n.reactist_button--link {\n  color: #3f82ef;\n  text-decoration: none;\n}\n.reactist_button--link:disabled {\n  color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n  text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n  font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n  cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n  background-repeat: no-repeat;\n  background-size: 15px;\n  content: '';\n  display: inline-block;\n  height: 15px;\n  margin-left: 12px;\n  vertical-align: middle;\n  width: 15px;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: reactistRotateRight;\n  animation-timing-function: linear;\n  color: #ffffff;\n  background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n  border-color: #dcdcdc;\n  background-color: #dcdcdc;\n  color: #808080;\n}\n@keyframes reactistRotateRight {\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n    cursor: pointer;\n    user-select: none;\n    color: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n\n    &[aria-disabled='true'] {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &--small {\n        .smaller_text();\n    }\n\n    &--primary,\n    &--secondary,\n    &--danger {\n        .normal_text();\n        box-sizing: border-box;\n        padding: 5px 15px;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 3px;\n        &.reactist_button--small {\n            padding: 5px 10px;\n        }\n        &.reactist_button--large {\n            padding: 10px 15px;\n        }\n    }\n\n    &--primary {\n        background-color: @primary_color;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: @primary_color_darker;\n        }\n    }\n\n    &--danger {\n        background-color: @color_red;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: darken(@color_red, 10%);\n        }\n    }\n\n    &--secondary {\n        background-color: white;\n        color: @primary_font_color;\n        border-color: @color_border_grey;\n\n        &:not([disabled]):hover {\n            background-color: @color_grey_9;\n        }\n    }\n\n    &--link {\n        color: @primary_color;\n        text-decoration: none;\n\n        &:disabled {\n            color: @secondary_font_color;\n        }\n\n        &:not(:disabled):hover {\n            text-decoration: underline;\n        }\n\n        &:not(&--small):not(&--large) {\n            font-size: inherit;\n        }\n    }\n\n    // loading-like buttons are only supported for the primary, secondary and danger variants\n    &--primary,\n    &--secondary,\n    &--danger {\n        &.reactist_button--loading {\n            cursor: progress !important;\n            &:after {\n                background-repeat: no-repeat;\n                background-size: 15px;\n                content: '';\n                display: inline-block;\n                height: 15px;\n                margin-left: 12px;\n                vertical-align: middle;\n                width: 15px;\n                animation-duration: 1s;\n                animation-iteration-count: infinite;\n                animation-name: reactistRotateRight;\n                animation-timing-function: linear;\n                color: #ffffff;\n                background-image: url('../icons/spinner.svg');\n            }\n        }\n    }\n\n    // we treat secondary buttons differently because the loading indicator is white\n    // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n    &--secondary.reactist_button--loading {\n        border-color: @color_border_grey;\n        background-color: @color_border_grey;\n        color: @secondary_font_color;\n    }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n    from {\n        transform: rotate(0deg);\n        transform-origin: center center;\n    }\n\n    to {\n        transform: rotate(360deg);\n        transform-origin: center center;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n  cursor: pointer;\n  display: block;\n}\n.reactist_dropdown .body {\n  border-radius: 3px;\n  border: 1px solid #dcdcdc;\n  overflow: hidden;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n  z-index: 1;\n  background-color: #fff;\n}\n.reactist_dropdown hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n  z-index: 1;\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n  top: -11px;\n  border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n  top: -12px;\n  border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n  top: -1px;\n  border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n  top: -1px;\n  right: 13px;\n  border-width: 7px;\n  border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n    .trigger {\n        cursor: pointer;\n        display: block;\n    }\n\n    .body {\n        border-radius: 3px;\n        border: 1px solid @color_border_grey;\n        overflow: hidden;\n        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n        z-index: 1;\n        background-color: #fff;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 0 5px;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        z-index: 1;\n        content: '';\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px;\n        right: 14px;\n    }\n\n    .with_arrow:after {\n        top: -11px;\n        border-color: transparent transparent #fff transparent;\n    }\n\n    .with_arrow:before {\n        top: -12px;\n        border-color: transparent transparent @color_border_grey transparent;\n    }\n\n    .with_arrow.top:after {\n        top: -1px;\n        border-color: #fff transparent transparent transparent;\n    }\n\n    .with_arrow.top:before {\n        top: -1px;\n        right: 13px;\n        border-width: 7px;\n        border-color: @color_border_grey transparent transparent transparent;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  outline: none;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  padding: 5px 10px;\n  margin: 0;\n}\n.reactist_input:focus {\n  border-color: #3f82ef;\n}\n.reactist_input:disabled {\n  background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n    .normal_text();\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    outline: none;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    padding: 5px 10px;\n    margin: 0;\n\n    &:focus {\n        border-color: @primary_color;\n    }\n    &:disabled {\n        background-color: @color_grey_11;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n  display: flex;\n  position: relative;\n  font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition-property: background-color;\n  transition-duration: 300ms;\n  background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n  background: #ececec;\n}\n.reactist-notification__button {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n  display: flex;\n  flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n  background: #ececec;\n}\n.reactist-notification__close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n  display: block;\n}\n.reactist-notification__icon-content-group {\n  display: flex;\n  flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n  padding-right: 24px;\n}\n.reactist-notification__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.reactist-notification__title {\n  margin: 0 0 3px 0;\n  font-size: 0.875rem;\n  text-align: left;\n}\n.reactist-notification__subtitle {\n  font-size: 0.81rem;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 10px 14px;\n    border: 1px solid @color_border_grey;\n    border-radius: @default-radius;\n    box-shadow: @default-box-shadow;\n    background: #fff;\n}\n\n.reactist-notification {\n    display: flex;\n    position: relative;\n    font-size: @normal_font_size;\n\n    &:not(.reactist-notification--with-button) {\n        .container-style();\n    }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition-property: background-color;\n    transition-duration: @standard-timing;\n    background: #fff;\n\n    &:hover {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__button {\n    .container-style();\n    display: flex;\n    flex: 1;\n\n    &:hover + .reactist-notification__close-button {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__close-button {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: @default-radius;\n\n    > * {\n        display: block;\n    }\n}\n\n.reactist-notification__icon-content-group {\n    display: flex;\n    flex: 1;\n}\n\n.reactist-notification--with-close-button {\n    .reactist-notification__icon-content-group {\n        padding-right: 24px;\n    }\n}\n\n.reactist-notification__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.reactist-notification__title {\n    margin: 0 0 3px 0;\n    font-size: @normal_font_size;\n    text-align: left;\n}\n\n.reactist-notification__subtitle {\n    font-size: @smaller_font_size;\n    margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  background-color: white;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 5px 25px 5px 10px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n  background-position: calc(100% - 11px) center;\n  background-repeat: no-repeat;\n  background-size: 8px 11px;\n}\n.reactist_select.disabled {\n  background-color: #fafafa;\n}\n.reactist_select:focus {\n  outline: none;\n  border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n    .normal_text();\n    background-color: white;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n\n    // nuke the browser styles\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n    padding: 5px 25px 5px 10px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n    background-position: calc(~'100% - 11px') center;\n    background-repeat: no-repeat;\n    background-size: 8px 11px;\n\n    &.disabled {\n        background-color: @color_grey_11;\n    }\n    &:focus {\n        outline: none;\n        border: 1px solid @primary_color;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n  font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  margin: 0 2px;\n  line-height: normal;\n  line-height: 10px;\n  color: #202020;\n  vertical-align: middle;\n  background-color: #fafafa;\n  border: 1px solid #dcdcdc;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n    font: 11px Menlo, monospace;\n    > kbd > kbd {\n        display: inline-block;\n        padding: 3px 5px;\n        margin: 0 2px;\n        line-height: normal;\n        line-height: 10px;\n        color: @primary_font_color;\n        vertical-align: middle;\n        background-color: @color_grey_11;\n        border: 1px solid @color_border_grey;\n        border-radius: 6px;\n        box-shadow: inset 0 -1px 0 @color_border_grey;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n  min-height: 44px;\n  max-height: var(--popover-available-height);\n  overflow: auto;\n  display: block;\n  white-space: nowrap;\n  background: hsla(0, 0%, 100%, 0.99);\n  outline: none;\n  font-size: 0.81rem;\n  padding: 4px 0;\n  min-width: 180px;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  margin: -4px;\n  z-index: var(--reactist-stacking-order-menu, 1);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  user-select: none;\n  outline: none;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  color: #808080;\n  font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button,\n.reactist_menulist[role='menubar'] .reactist_submenu_button {\n  padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after,\n.reactist_menulist[role='menubar'] .reactist_submenu_button::after {\n  content: '';\n  position: absolute;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent #808080;\n  display: block;\n  width: 0;\n  right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'] {\n  width: 100%;\n  box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menubar'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menubar'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-expanded='true'] {\n  color: #202020;\n  background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled,\n.reactist_menulist[role='menubar'] [role='menuitem']:disabled {\n  color: #808080;\n  pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'],\n.reactist_menulist[role='menubar'] a[role='menuitem'] {\n  cursor: default;\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover,\n.reactist_menulist[role='menubar'] a[role='menuitem']:hover {\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'],\n.reactist_menulist[role='menubar'] [role='menu'],\n.reactist_menulist[role='menu'] [role='menubar'],\n.reactist_menulist[role='menubar'] [role='menubar'] {\n  margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr,\n.reactist_menulist[role='menubar'] hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAIA;;EAEI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,+CAAA;AAHJ;AAZA;;;;EAmBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AA1BA;;EA+BQ,cAAA;EACA,kBAAA;AADR;AA/BA;;EAoCQ,mBAAA;AADR;AAnCA;;EAwCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AADR;AA9CA;;EAmDQ,WAAA;EACA,sBAAA;AADR;AAEQ;;;;;;EAGI,cAAA;EACA,yBAAA;AAGZ;AADQ;;;;EAEI,cAAA;EACA,oBAAA;AAKZ;AAnEA;;EAmEQ,eAAA;EACA,qBAAA;AAIR;AAHQ;;EACI,qBAAA;AAMZ;AA5EA;;;;EA6EQ,gBAAA;AAKR;AAlFA;;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAKR",sourcesContent:["@import '../styles/constants.less';\n\n// Ariakit renders the menu as menubar on Safari\n// Ref: https://github.com/ariakit/ariakit/blob/454aef1237ada31e8292ee4966adca3ed0f6e299/packages/ariakit/src/menu/menu-list.ts#L150\n.reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n    min-height: 44px; // minimum accessible target area\n    max-height: var(--popover-available-height); // defined by ariakit\n    overflow: auto;\n    display: block;\n    white-space: nowrap;\n    background: hsla(0, 100%, 100%, 0.99);\n    outline: none;\n    font-size: @smaller_font_size;\n    padding: 4px 0;\n    min-width: 180px;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n    z-index: var(--reactist-stacking-order-menu, 1);\n\n    [role='menuitem'],\n    .reactist_menugroup__label {\n        user-select: none;\n        outline: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        padding: 5px 10px;\n        color: inherit;\n        border: none;\n        background-color: transparent;\n    }\n\n    .reactist_menugroup__label {\n        color: @secondary_font_color;\n        font-size: @tiny_font_size;\n    }\n\n    .reactist_submenu_button {\n        padding-right: 16px;\n    }\n\n    .reactist_submenu_button::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 4px 0 4px 6px;\n        border-color: transparent @secondary_font_color;\n        display: block;\n        width: 0;\n        right: 6px;\n    }\n\n    [role='menuitem'] {\n        width: 100%;\n        box-sizing: border-box;\n        &:hover,\n        &:focus,\n        &[aria-expanded='true'] {\n            color: @primary_font_color;\n            background-color: @color_grey_10;\n        }\n        &[aria-disabled='true'],\n        &:disabled {\n            color: @secondary_font_color;\n            pointer-events: none;\n        }\n    }\n\n    a[role='menuitem'] {\n        cursor: default;\n        text-decoration: none;\n        &:hover {\n            text-decoration: none;\n        }\n    }\n\n    // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n    [role='menu'],\n    [role='menubar'] {\n        margin-top: -5px;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 4px 0;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  height: 4px;\n  border-radius: 3px;\n  background-color: #ececec;\n  width: 100%;\n}\n.reactist_progress_bar .inner {\n  height: inherit;\n  border-radius: 4px;\n  background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n    height: 4px;\n    border-radius: 3px;\n    background-color: @color_grey_10;\n    width: 100%;\n\n    .inner {\n        height: inherit;\n        border-radius: 4px;\n        background-color: @color_green;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n  font-size: 0.75rem;\n  color: #808080;\n  font-weight: 400;\n  line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n  text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n    .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n    text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100%;\n  padding: 5px 10px;\n  background-color: #333333;\n  color: white;\n  border: none;\n  border-radius: 3px;\n  z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n    .smaller_text();\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n    padding: 5px 10px;\n    background-color: @tooltip_background;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n  /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n  --reactist-breakpoint-tablet: 768px;\n  --reactist-breakpoint-desktop: 992px;\n  /* spacing sizes */\n  --reactist-spacing-xsmall: 4px;\n  --reactist-spacing-small: 8px;\n  --reactist-spacing-medium: 12px;\n  --reactist-spacing-large: 16px;\n  --reactist-spacing-xlarge: 24px;\n  --reactist-spacing-xxlarge: 32px;\n  /* width */\n  --reactist-width-xsmall: 220px;\n  --reactist-width-small: 400px;\n  --reactist-width-medium: 660px;\n  --reactist-width-large: 940px;\n  --reactist-width-xlarge: 1280px;\n  /* font family */\n  --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n  /* font sizes */\n  --reactist-font-size-caption: 12px;\n  --reactist-font-size-copy: 13px;\n  --reactist-font-size-body: 14px;\n  --reactist-font-size-subtitle: 16px;\n  --reactist-font-size-header: 20px;\n  --reactist-font-size-header-large: 24px;\n  --reactist-font-size-header-xlarge: 32px;\n  /* font weight */\n  --reactist-font-weight-regular: 400;\n  --reactist-font-weight-medium: 600;\n  --reactist-font-weight-strong: 700;\n  /* standard divider colors */\n  --reactist-divider-primary: #c4c7c8;\n  --reactist-divider-secondary: #dde2e3;\n  --reactist-divider-tertiary: #edf2f3;\n  /* border-radius */\n  --reactist-border-radius-small: 5px;\n  --reactist-border-radius-large: 10px;\n  /* background color */\n  --reactist-bg-default: #ffffff;\n  --reactist-bg-brand: #246fe0;\n  --reactist-bg-aside: #fafafa;\n  --reactist-bg-highlight: #f2f2f2;\n  --reactist-bg-selected: #e6e6e6;\n  --reactist-bg-toast: #282828;\n  /* colors */\n  --reactist-framework-fill-background: #fafafa;\n  --reactist-framework-fill-crest: #e6e6e6;\n  --reactist-framework-fill-selected: #ececec;\n  --reactist-framework-fill-summit: #d6d6d6;\n  --reactist-content-primary: rgba(0, 0, 0, 0.88);\n  --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n  --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n  --reactist-content-toast: #ffffff;\n  --reactist-content-positive: #058527;\n  --reactist-content-danger: #d1453b;\n  /* component-specific */\n  --reactist-switch-checked: #058527;\n  /* alerts */\n  --reactist-alert-tone-info-icon: #1d438c;\n  --reactist-alert-tone-info-border: #246fe0;\n  --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n  --reactist-alert-tone-positive-icon: #035017;\n  --reactist-alert-tone-positive-border: #058527;\n  --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n  --reactist-alert-tone-caution-icon: #5e3704;\n  --reactist-alert-tone-caution-border: #eb8d13;\n  --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n  --reactist-alert-tone-critical-icon: #b03d32;\n  --reactist-alert-tone-critical-border: #d1453b;\n  --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n  /* toasts */\n  --reactist-toast-actionable-primary-tint: #39d1ef;\n  --reactist-toast-actionable-secondary-tint: #b6c1c3;\n  --reactist-toast-actionable-hover-fill: #506063;\n  --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,iCAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;AAfJ",sourcesContent:[":root {\n    /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n    --reactist-breakpoint-tablet: 768px;\n    --reactist-breakpoint-desktop: 992px;\n\n    /* spacing sizes */\n    --reactist-spacing-xsmall: 4px;\n    --reactist-spacing-small: 8px;\n    --reactist-spacing-medium: 12px;\n    --reactist-spacing-large: 16px;\n    --reactist-spacing-xlarge: 24px;\n    --reactist-spacing-xxlarge: 32px;\n\n    /* width */\n    --reactist-width-xsmall: 220px;\n    --reactist-width-small: 400px;\n    --reactist-width-medium: 660px;\n    --reactist-width-large: 940px;\n    --reactist-width-xlarge: 1280px;\n\n    /* font family */\n    --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n\n    /* font sizes */\n    --reactist-font-size-caption: 12px;\n    --reactist-font-size-copy: 13px;\n    --reactist-font-size-body: 14px;\n    --reactist-font-size-subtitle: 16px;\n    --reactist-font-size-header: 20px;\n    --reactist-font-size-header-large: 24px;\n    --reactist-font-size-header-xlarge: 32px;\n\n    /* font weight */\n    --reactist-font-weight-regular: 400;\n    --reactist-font-weight-medium: 600;\n    --reactist-font-weight-strong: 700;\n\n    /* standard divider colors */\n    --reactist-divider-primary: #c4c7c8;\n    --reactist-divider-secondary: #dde2e3;\n    --reactist-divider-tertiary: #edf2f3;\n\n    /* border-radius */\n    --reactist-border-radius-small: 5px;\n    --reactist-border-radius-large: 10px;\n\n    /* background color */\n    --reactist-bg-default: rgb(255, 255, 255);\n    --reactist-bg-brand: rgb(36, 111, 224);\n    --reactist-bg-aside: rgb(250, 250, 250);\n    --reactist-bg-highlight: rgb(242, 242, 242);\n    --reactist-bg-selected: rgb(230, 230, 230);\n    --reactist-bg-toast: rgb(40, 40, 40);\n\n    /* colors */\n    --reactist-framework-fill-background: rgb(250, 250, 250);\n    --reactist-framework-fill-crest: rgb(230, 230, 230);\n    --reactist-framework-fill-selected: rgb(236, 236, 236);\n    --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n    --reactist-content-primary: rgba(0, 0, 0, 0.88);\n    --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n    --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n    --reactist-content-toast: rgb(255, 255, 255);\n    --reactist-content-positive: rgb(5, 133, 39);\n    --reactist-content-danger: rgb(209, 69, 59);\n\n    /* component-specific */\n    --reactist-switch-checked: rgb(5, 133, 39);\n\n    /* alerts */\n    --reactist-alert-tone-info-icon: #1d438c;\n    --reactist-alert-tone-info-border: rgb(36, 111, 224);\n    --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n    --reactist-alert-tone-positive-icon: #035017;\n    --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n    --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n    --reactist-alert-tone-caution-icon: #5e3704;\n    --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n    --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n    --reactist-alert-tone-critical-icon: #b03d32;\n    --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n    --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n    /* toasts */\n    --reactist-toast-actionable-primary-tint: #39d1ef;\n    --reactist-toast-actionable-secondary-tint: #b6c1c3;\n    --reactist-toast-actionable-hover-fill: #506063;\n    --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n  display: inline-block;\n  margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n    display: inline-block;\n    margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--reactist-divider-secondary);\n  border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n  padding: 4px;\n  border-radius: var(--reactist-border-radius-small);\n  border: 1px solid var(--reactist-divider-secondary);\n  background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--reactist-divider-secondary);\n    border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n    padding: 4px;\n    border-radius: var(--reactist-border-radius-small);\n    border: 1px solid var(--reactist-divider-secondary);\n    background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n  color: #565d6b;\n  font-size: 14px;\n  line-height: 1.5;\n  margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n    color: rgb(86, 93, 107);\n    font-size: 14px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n  box-sizing: border-box;\n  display: flex;\n  width: 22px;\n  padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n  content: '';\n  display: block;\n  background-color: #70bc1c;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.notification-story-notification-container {\n  width: 360px;\n  max-width: none;\n}\n.notification-story-content {\n  margin-left: 10px;\n}\n.notification-story-text {\n  text-align: left;\n  margin: 0 0 4px 0;\n  color: #808080;\n}\n.notification-story-heading {\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  color: #de4c4a;\n}\n.notification-story-avatar-container {\n  margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n    box-sizing: border-box;\n    display: flex;\n    width: 22px;\n    padding-top: 4px;\n\n    &:before {\n        content: '';\n        display: block;\n        background-color: @color_green;\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n    }\n}\n\n.notification-story-notification-container {\n    width: 360px;\n    max-width: none;\n}\n\n.notification-story-content {\n    margin-left: 10px;\n}\n\n.notification-story-text {\n    text-align: left;\n    margin: 0 0 4px 0;\n    color: @secondary_font_color;\n}\n\n.notification-story-heading {\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    color: @color_red;\n}\n\n.notification-story-avatar-container {\n    margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n    margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n  font-family: var(--reactist-font-family);\n}\n.story {\n  margin: 0 40px 0 40px;\n  padding: 20px;\n  background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n    font-family: var(--reactist-font-family);\n}\n\n.story {\n    margin: 0 40px 0 40px;\n    padding: 20px;\n    background-color: white;\n\n    // checkered background\n    // @gray: whitesmoke;\n    // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n    // background-size: 20px 20px;\n    // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n  display: inline-block;\n  width: 160px;\n  text-align: right;\n  font-weight: 600;\n  margin-right: 16px;\n}\n.story.time div time {\n  text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n    span {\n        display: inline-block;\n        width: 160px;\n        text-align: right;\n        font-weight: 600;\n        margin-right: 16px;\n    }\n    time {\n        text-align: left;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n  display: block;\n  text-align: center;\n}\n.story.tooltip input {\n  margin: 0 auto;\n  width: 400px;\n}\n.story.tooltip button {\n  width: 250px;\n  margin: 100px auto;\n  padding: 100px 10px;\n  border: 1px solid black;\n  background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n  background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n    input,\n    button {\n        display: block;\n        text-align: center;\n    }\n    input {\n        margin: 0 auto;\n        width: 400px;\n    }\n    button {\n        width: 250px;\n        margin: 100px auto;\n        padding: 100px 10px;\n        border: 1px solid black;\n        background-color: palegreen;\n        &:hover,\n        &:focus {\n            background-color: lightblue;\n        }\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/menu/menu.stories.tsx":"./src/components/menu/menu.stories.tsx","./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/deprecated-modal/modal.stories.mdx":"./src/new-components/deprecated-modal/modal.stories.mdx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/modal/modal.stories.mdx":"./src/new-components/modal/modal.stories.mdx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var dropdown_Box=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Box,_React$Component);var _super=_createSuper(Box);function Box(props,context){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Box),(_this=_super.call(this,props,context))._timeout=void 0,_this._handleClickOutside=function(event){var dropdownDOMNode=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));dropdownDOMNode&&!dropdownDOMNode.contains(event.target)?_this._toggleShowBody():_this.props.allowBodyInteractions||(_this._timeout=setTimeout((function(){_this.state.showBody&&_this._toggleShowBody()}),100))},_this._toggleShowBody=function(){_this.state.showBody?(_this.props.onHideBody&&_this.props.onHideBody(),document.removeEventListener("click",_this._handleClickOutside,!0)):(_this.props.onShowBody&&_this.props.onShowBody(),document.addEventListener("click",_this._handleClickOutside,!0)),_this.setState({showBody:!_this.state.showBody})},_this._setPosition=function(body){if(body){var scrollingParent=document.getElementById(_this.props.scrolling_parent?_this.props.scrolling_parent:"");if(scrollingParent){var dropdown=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));if(!dropdown)return;var dropdownVerticalPosition=react_dom_default.a.findDOMNode(_assertThisInitialized(_this)).offsetTop,dropdownTrigger=dropdown.querySelector(".trigger");if(!dropdownTrigger)return;var dropdownTriggerHeight=dropdownTrigger.clientHeight,dropdownBodyHeight=body.clientHeight,top=scrollingParent.clientHeight+scrollingParent.scrollTop-dropdownVerticalPosition-dropdownTriggerHeight<dropdownBodyHeight;top!==_this.state.top&&_this.setState({top:top})}}},_this.state={showBody:!1,top:props.top||!1},_this._timeout=void 0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Box,[{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this._handleClickOutside,!0),this._timeout&&clearTimeout(this._timeout)}},{key:"_getTriggerComponent",value:function _getTriggerComponent(){var _this$props$children,_trigger=null===(_this$props$children=this.props.children)||void 0===_this$props$children?void 0:_this$props$children[0];return _trigger?react.cloneElement(_trigger,{onClick:this._toggleShowBody}):void 0}},{key:"_getBodyComponent",value:function _getBodyComponent(){if(!this.state.showBody)return null;var top=this.state.top,_this$props=this.props,_this$props$right=_this$props.right,right=void 0!==_this$props$right&&_this$props$right,children=_this$props.children,props={top:top,right:right,setPosition:this._setPosition},className=classnames_default()({body_wrapper:!0,with_arrow:!0,top:top,bottom:!top}),body=null==children?void 0:children[1],contentMarkup="function"==typeof body?body(props):body?react.cloneElement(body,props):void 0;return Object(jsx_runtime.jsx)("div",{className:className,style:{position:"relative"},children:contentMarkup})}},{key:"render",value:function render(){var className=classnames_default()("reactist_dropdown",this.props.className),top=this.state.top;return Object(jsx_runtime.jsxs)("div",{style:{display:"inline-block"},className:className,"data-testid":"reactist-dropdown-box",children:[top&&this._getBodyComponent(),this._getTriggerComponent(),!top&&this._getBodyComponent()]})}}]),Box}(react.Component);dropdown_Box.displayName=void 0,dropdown_Box.displayName="Dropdown.Box";var dropdown_Trigger=react.forwardRef((function Trigger(_ref,ref){var children=_ref.children,onClick=_ref.onClick,tooltip=_ref.tooltip,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(deprecated_button.a,Object.assign({},props,{className:classnames_default()("trigger",className),onClick:function handleClick(event){event.preventDefault(),event.stopPropagation(),onClick&&onClick(event)},tooltip:tooltip,ref:ref,children:children}))}));function Body(_ref2){var top=_ref2.top,right=_ref2.right,children=_ref2.children,setPosition=_ref2.setPosition,style={position:"absolute",right:0,top:0};return top&&(style.top="auto",style.bottom=0),right&&(style.right="auto",style.left=0),Object(jsx_runtime.jsx)("div",{ref:setPosition,style:style,className:"body",id:"reactist-dropdown-body","data-testid":"reactist-dropdown-body",children:children})}dropdown_Trigger.displayName="Dropdown.Trigger",Body.displayName="Body",Body.displayName="Dropdown.Body";var Dropdown={Box:dropdown_Box,Trigger:dropdown_Trigger,Body:Body};__webpack_exports__.a=Dropdown},"./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/icons/spinner.svg":function(module,exports){module.exports="data:image/svg+xml,module.exports = __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},"./src/components/keyboard-shortcut/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","translateKey","isMac"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return OverflowMenuExample}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/keyboard-shortcut/index.ts"),_new_components_button__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/button/button.tsx"),_new_components_inline__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/inline/inline.tsx"),_new_components_stack__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/stack/stack.tsx"),_new_components_columns__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/columns/columns.tsx"),___WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/menu/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MenuIndicator(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{fillRule:"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})})}function StructuredMenuItem(_ref){var icon=_ref.icon,label=_ref.label,shortcut=_ref.shortcut;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{space:"small",width:"full",flexGrow:1,children:[icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content","aria-hidden":!0,children:icon}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{children:label})}),shortcut?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__.a,{children:shortcut})}):null]})}MenuIndicator.displayName="MenuIndicator",__webpack_exports__.default={title:"Components/Menu",component:___WEBPACK_IMPORTED_MODULE_20__.a,parameters:{badges:["accessible"]}},StructuredMenuItem.displayName="StructuredMenuItem";var SimpleMenuExample=function SimpleMenuExample(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13__.useState(!1),2),flag=_React$useState2[0],setFlag=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"Some menu examples"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_inline__WEBPACK_IMPORTED_MODULE_17__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"primary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"Simple menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Simple menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:"Edit"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Copy"),children:"Copy"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Paste"),children:"Paste"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:"Duplicate"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove"),children:"Remove"})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"secondary",tooltip:"And a tooltip too",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With sub-menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"With sub-menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{as:"a",href:"https://github.com/Doist/reactist",target:"_blank",rel:"noreferrer noopener",children:"Reactist on Github"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("About Reactist…"),children:"About Reactist…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Check for updates…"),children:"Check for updates…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.f,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{children:"Preferences"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Settings"),children:"Settings"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Extensions"),children:"Extensions"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Notifications"),children:"Notifications"})]})]})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"tertiary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With extra features"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Menu with extra features",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"✏",label:"Edit"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"👯‍♀️️",label:"Duplicate",shortcut:"Cmd + D"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:function onSelect(){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(flag?"Toggle off":"Toggle on")(flag?"👎":"👍"),setFlag((function(f){return!f})),!1},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:flag?"👍":"👎",label:"Toggle thumbs up or down"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.c,{label:"Dangerous options",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove first"),children:"Remove first"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove completed"),children:"Remove completed"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{disabled:!0,onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove all"),children:"Remove all (disabled)"})]})]})]})]})]})};function OverflowIcon(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})})}function Item(_ref2){var value=_ref2.value,name=_ref2.name;function getLabel(actionName){return actionName+" '"+name+"'"}var ariaLabel=getLabel("Options menu for");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{as:"li",border:"primary",borderRadius:"standard",padding:"small",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:name}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{onItemSelect:function onItemSelect(itemValue){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(String(itemValue)+" '"+name+"'")(value)},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"quaternary",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(OverflowIcon,{}),"aria-label":ariaLabel}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":ariaLabel,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"edit",children:getLabel("Edit")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"duplicate",children:getLabel("Duplicate")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"remove",children:getLabel("Remove")})]})]})})]})}SimpleMenuExample.displayName="SimpleMenuExample",OverflowIcon.displayName="OverflowIcon",Item.displayName="Item";var items=[{value:"1",name:"First item"},{value:"2",name:"Second item"},{value:"3",name:"Third item"}],OverflowMenuExample=function OverflowMenuExample(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"A list of items with an overflow options menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"This example is meant to be expanded with future features we plan to support (such as allowing to control the visible state of the menu from outside, and allow it to be used as a context menu)."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_stack__WEBPACK_IMPORTED_MODULE_18__.a,{as:"ul",space:"small",children:items.map((function(item,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(Item,Object.assign({},item),index)}))})]})};OverflowMenuExample.displayName="OverflowMenuExample",SimpleMenuExample.parameters=Object.assign({storySource:{source:"function SimpleMenuExample() {\n    const [flag, setFlag] = React.useState(false)\n    return (\n        <section className=\"story\">\n            <p>Some menu examples</p>\n            <Inline space=\"large\">\n                <Menu>\n                    <MenuButton as={Button} variant=\"primary\" endIcon={<MenuIndicator />}>\n                        Simple menu\n                    </MenuButton>\n                    <MenuList aria-label=\"Simple menu\">\n                        <MenuItem onSelect={action('Edit')}>Edit</MenuItem>\n                        <MenuItem onSelect={action('Copy')}>Copy</MenuItem>\n                        <MenuItem onSelect={action('Paste')}>Paste</MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>Duplicate</MenuItem>\n                        <MenuItem onSelect={action('Remove')}>Remove</MenuItem>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton\n                        as={Button}\n                        variant=\"secondary\"\n                        tooltip=\"And a tooltip too\"\n                        endIcon={<MenuIndicator />}\n                    >\n                        With sub-menu\n                    </MenuButton>\n                    <MenuList aria-label=\"With sub-menu\">\n                        <MenuItem\n                            as=\"a\"\n                            href=\"https://github.com/Doist/reactist\"\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                        >\n                            Reactist on Github\n                        </MenuItem>\n                        <MenuItem onSelect={action('About Reactist…')}>About Reactist…</MenuItem>\n                        <MenuItem onSelect={action('Check for updates…')}>\n                            Check for updates…\n                        </MenuItem>\n                        <hr />\n                        <SubMenu>\n                            <MenuButton>Preferences</MenuButton>\n                            <MenuList>\n                                <MenuItem onSelect={action('Settings')}>Settings</MenuItem>\n                                <MenuItem onSelect={action('Extensions')}>Extensions</MenuItem>\n                                <hr />\n                                <MenuItem onSelect={action('Notifications')}>\n                                    Notifications\n                                </MenuItem>\n                            </MenuList>\n                        </SubMenu>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton as={Button} variant=\"tertiary\" endIcon={<MenuIndicator />}>\n                        With extra features\n                    </MenuButton>\n                    <MenuList aria-label=\"Menu with extra features\">\n                        <MenuItem onSelect={action('Edit')}>\n                            <StructuredMenuItem icon=\"✏\" label=\"Edit\" />\n                        </MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>\n                            <StructuredMenuItem icon=\"👯‍♀️️\" label=\"Duplicate\" shortcut=\"Cmd + D\" />\n                        </MenuItem>\n                        <MenuItem\n                            onSelect={() => {\n                                action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n                                setFlag((f) => !f)\n                                return false // This prevents the menu from closing\n                            }}\n                        >\n                            <StructuredMenuItem\n                                icon={flag ? '👍' : '👎'}\n                                label=\"Toggle thumbs up or down\"\n                            />\n                        </MenuItem>\n                        <hr />\n                        <MenuGroup label=\"Dangerous options\">\n                            <MenuItem onSelect={action('Remove first')}>Remove first</MenuItem>\n                            <MenuItem onSelect={action('Remove completed')}>\n                                Remove completed\n                            </MenuItem>\n                            <MenuItem disabled onSelect={action('Remove all')}>\n                                Remove all (disabled)\n                            </MenuItem>\n                        </MenuGroup>\n                    </MenuList>\n                </Menu>\n            </Inline>\n        </section>\n    )\n}"}},SimpleMenuExample.parameters),OverflowMenuExample.parameters=Object.assign({storySource:{source:'function OverflowMenuExample() {\n    return (\n        <section className="story">\n            <p>A list of items with an overflow options menu</p>\n            <p>\n                This example is meant to be expanded with future features we plan to support (such\n                as allowing to control the visible state of the menu from outside, and allow it to\n                be used as a context menu).\n            </p>\n            <Stack as="ul" space="small">\n                {items.map((item, index) => (\n                    <Item key={index} {...item} />\n                ))}\n            </Stack>\n        </section>\n    )\n}'}},OverflowMenuExample.parameters)},"./src/components/menu/menu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuButton})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MenuList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SubMenu})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MenuGroup}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),react_focus_lock__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/utils/polymorphism.ts"),ariakit_menu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-state.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-button.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ariakit/esm/menu/menu.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-item.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-group.js"),ariakit_portal__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=(__webpack_require__("./src/components/menu/menu.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onItemSelect"],_excluded2=["exceptionallySetClassName"],_excluded3=["exceptionallySetClassName"],_excluded4=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName","as"],_excluded5=["label","children","exceptionallySetClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext({});function Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,_excluded),state=ariakit_menu__WEBPACK_IMPORTED_MODULE_18__.a(Object.assign({focusLoop:!0,gutter:8,shift:4},props)),handleItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function(){return{state:state,handleItemSelect:handleItemSelect}}),[state,handleItemSelect]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(MenuContext.Provider,{value:value,children:children})}Menu.displayName="Menu";var MenuButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuButton(_ref2,ref){var exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menubutton",exceptionallySetClassName)}))})),MenuList=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuList(_ref3,ref){var exceptionallySetClassName=_ref3.exceptionallySetClassName,props=_objectWithoutProperties(_ref3,_excluded3),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_portal__WEBPACK_IMPORTED_MODULE_23__.a,{preserveTabOrder:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_focus_lock__WEBPACK_IMPORTED_MODULE_16__.a,{returnFocus:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menulist",exceptionallySetClassName)}))})}):null})),MenuItem=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuItem(_ref4,ref){var value=_ref4.value,children=_ref4.children,onSelect=_ref4.onSelect,_ref4$hideOnSelect=_ref4.hideOnSelect,hideOnSelect=void 0===_ref4$hideOnSelect||_ref4$hideOnSelect,onClick=_ref4.onClick,exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$as=_ref4.as,as=void 0===_ref4$as?"button":_ref4$as,props=_objectWithoutProperties(_ref4,_excluded4),_React$useContext3=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_React$useContext3.state,hide=state.hide,handleClick=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},props,{as:as,state:state,ref:ref,onClick:handleClick,className:exceptionallySetClassName,hideOnClick:!1,children:children}))})),SubMenu=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SubMenu(_ref5,ref){var children=_ref5.children,onItemSelect=_ref5.onItemSelect,_React$useContext4=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_React$useContext4.state,parentMenuHide=state.hide,handleSubItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1],menuProps=Object(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.b)({state:state});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Menu,{onItemSelect:handleSubItemSelect,children:[react__WEBPACK_IMPORTED_MODULE_14__.cloneElement(button,Object.assign({},menuProps,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(menuProps.className,"reactist_submenu_button"),ref:ref})),list]})})),MenuGroup=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuGroup(_ref6,ref){var label=_ref6.label,children=_ref6.children,exceptionallySetClassName=_ref6.exceptionallySetClassName,props=_objectWithoutProperties(_ref6,_excluded5),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_menu__WEBPACK_IMPORTED_MODULE_22__.a,Object.assign({},props,{ref:ref,state:state,className:exceptionallySetClassName,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div",{role:"presentation",className:"reactist_menugroup__label",children:label}):null,children]}))}));try{Menu.displayName="Menu",Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it. Note that if you are relying on the `[role='menu']`\nattribute to style the menu list, it is applied a `menubar` role instead in Safari.",displayName:"Menu",props:{placement:{defaultValue:{value:'"bottom"'},description:"The placement of the popover.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},fixed:{defaultValue:{value:"false"},description:"Whether the popover has `position: fixed` or not.",name:"fixed",required:!1,type:{name:"boolean | undefined"}},shift:{defaultValue:{value:"0"},description:"The skidding of the popover along the anchor element.",name:"shift",required:!1,type:{name:"number | undefined"}},orientation:{defaultValue:{value:'"both"'},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n  - `both`: all arrow keys work.\n  - `horizontal`: only left and right arrow keys work.\n  - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},values:{defaultValue:null,description:"A map of names and values that will be used by the `MenuItemCheckbox` and\n`MenuItemRadio` components.",name:"values",required:!1,type:{name:"Values | undefined"}},items:{defaultValue:null,description:"Lists all the items with their `ref`s. This state is automatically updated\nwhen an item is registered or unregistered with the `registerItem`\nfunction. The order of the items is automatically defined by the order of\nthe elements in the DOM.\n@example const { items } = useCollectionState();\nitems.forEach((item) => {\n  const { ref } = item;\n  ...\n});",name:"items",required:!1,type:{name:"Item[] | undefined"}},virtualFocus:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of [roving\ntabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual\nfocus.",name:"virtualFocus",required:!1,type:{name:"boolean | undefined"}},rtl:{defaultValue:{value:"false"},description:'Determines how the `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},focusLoop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n  - `true` loops from the last item to the first item and vice-versa.\n  - `horizontal` loops only if `orientation` is `horizontal` or not set.\n  - `vertical` loops only if `orientation` is `vertical` or not set.\n  - If `activeId` is initially set to `null`, the composite element will be\n    focused in between the last and first items.\n\nOn two-dimensional composites:\n  - `true` loops from the last row/column item to the first item in the\n    same row/column and vice-versa. If it's the last item in the last row,\n    it moves to the first item in the first row and vice-versa.\n  - `horizontal` loops only from the last row item to the first item in the\n    same row.\n  - `vertical` loops only from the last column item to the first item in\n    the column row.\n  - If `activeId` is initially set to `null`, vertical loop will have no\n    effect as moving down from the last row or up from the first row will\n    focus the composite element.\n  - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the\n    last item in the last row or column and the first item in the first row\n    or column and vice-versa.",name:"focusLoop",required:!1,type:{name:"boolean | Orientation | undefined"}},focusWrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n  - `true` wraps between rows and columns.\n  - `horizontal` wraps only between rows.\n  - `vertical` wraps only between columns.\n  - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"focusWrap",required:!1,type:{name:"boolean | Orientation | undefined"}},focusShift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"focusShift",required:!1,type:{name:"boolean | undefined"}},moves:{defaultValue:{value:"0"},description:"The number of times the `move` function has been called.\n@example const composite = useCompositeState();\ncomposite.moves; // 0\ncomposite.move(null);\n// On the next render\ncomposite.moves; // 1",name:"moves",required:!1,type:{name:"number | undefined"}},includesBaseElement:{defaultValue:{value:"false"},description:"Indicates whether the `Composite` element should be included in the focus\norder.",name:"includesBaseElement",required:!1,type:{name:"boolean | undefined"}},activeId:{defaultValue:null,description:"The current focused item `id`.\n  - `undefined` will automatically focus the first enabled composite item.\n  - `null` will focus the base composite element and users will be able to\n    navigate out of it using arrow keys.\n  - If `activeId` is initially set to `null`, the base composite element\n    itself will have focus and users will be able to navigate to it using\n    arrow keys.",name:"activeId",required:!1,type:{name:"string | null | undefined"}},animated:{defaultValue:{value:"false"},description:"Determines whether the content should animate when it is shown or hidden.\n  - If `true`, the `animating` state will be `true` when the content is\n    shown or hidden and it will wait for `stopAnimation` to be called or a\n    CSS animation/transition to end before becoming `false`.\n  - If it's set to a number, the `animating` state will be `true` when the\n    content is shown or hidden and it will wait for the number of\n    milliseconds to pass before becoming `false`.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},getAnchorRect:{defaultValue:null,description:"Function that returns the anchor element's DOMRect. If this is explicitly\npassed, it will override the anchor `getBoundingClientRect` method.",name:"getAnchorRect",required:!1,type:{name:"((anchor: HTMLElement | null) => AnchorRect | null) | undefined"}},gutter:{defaultValue:{value:"0"},description:"The distance between the popover and the anchor element. By default, it's 0\nplus half of the arrow offset, if it exists.",name:"gutter",required:!1,type:{name:"number | undefined"}},flip:{defaultValue:{value:"true"},description:'Controls the behavior of the popover when it overflows the viewport.\n\nIf a boolean, specifies whether the popover should flip to the opposite side\nwhen it overflows.\n\nIf a string, indicates the preferred fallback placements when it overflows.\nThe placements must be spaced-delimited, e.g. "top left".\n@example  ```jsx\n const popover = usePopoverState({\n     placement: "right",\n     // In case the `right` placement overflows the viewport,\n     // the placement will fallback to the `bottom` or `top`,\n     // in that order, depending on where it fits.\n     flip: "bottom top",\n });\n```',name:"flip",required:!1,type:{name:"string | boolean | undefined"}},slide:{defaultValue:{value:"true"},description:"Whether the popover should slide when it overflows.",name:"slide",required:!1,type:{name:"boolean | undefined"}},overlap:{defaultValue:{value:"false"},description:"Whether the popover can overlap the anchor element when it overflows.",name:"overlap",required:!1,type:{name:"boolean | undefined"}},sameWidth:{defaultValue:{value:"false"},description:"Whether the popover should have the same width as the anchor element. This\nwill be exposed to CSS as `--popover-anchor-width`.",name:"sameWidth",required:!1,type:{name:"boolean | undefined"}},fitViewport:{defaultValue:{value:"false"},description:"Whether the popover should fit the viewport. If this is set to true, the\npopover wrapper will have `maxWidth` and `maxHeight` set to the viewport\nsize. This will be exposed to CSS as `--popover-available-width` and\n`--popover-available-height`.",name:"fitViewport",required:!1,type:{name:"boolean | undefined"}},arrowPadding:{defaultValue:{value:"4"},description:"The minimum padding between the arrow and the popover corner.",name:"arrowPadding",required:!1,type:{name:"number | undefined"}},overflowPadding:{defaultValue:{value:"8"},description:"The minimum padding between the popover and the viewport edge. This will be\nexposed to CSS as `--popover-overflow-padding`.",name:"overflowPadding",required:!1,type:{name:"number | undefined"}},renderCallback:{defaultValue:null,description:"A function that will be called when the popover needs to calculate its\nstyles. It will override the internal behavior.",name:"renderCallback",required:!1,type:{name:"((props: PopoverStateRenderCallbackProps) => void | (() => void)) | undefined"}},timeout:{defaultValue:{value:"500"},description:"The amount of time in milliseconds to wait before showing or hiding the\npopover.",name:"timeout",required:!1,type:{name:"number | undefined"}},showTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **showing** the popover.\nIt defaults to the value passed to `timeout`.",name:"showTimeout",required:!1,type:{name:"number | undefined"}},hideTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **hiding** the popover.\nIt defaults to the value passed to `timeout`.",name:"hideTimeout",required:!1,type:{name:"number | undefined"}},setItems:{defaultValue:null,description:"Function that will be called when setting the collection `items` state.\n@example // Uncontrolled example\nuseCollectionState({ setItems: (items) => console.log(items) });\n@example // Controlled example\nconst [items, setItems] = useState([]);\nuseCollectionState({ items, setItems });\n@example // Externally controlled example\nfunction Items({ items, onItemsChange }) {\n  const collection = useCollectionState({\n    items,\n    setItems: onItemsChange,\n  });\n}",name:"setItems",required:!1,type:{name:"((items: Item[]) => void) | undefined"}},defaultActiveId:{defaultValue:null,description:'The composite item id that should be focused when the composite is\ninitialized.\n@example ```jsx\nconst composite = useCompositeState({ defaultActiveId: "item-2" });\n<Composite state={composite}>\n  <CompositeItem>Item 1</CompositeItem>\n  <CompositeItem id="item-2">Item 2</CompositeItem>\n  <CompositeItem>Item 3</CompositeItem>\n</Composite>\n```',name:"defaultActiveId",required:!1,type:{name:"string | null | undefined"}},setMoves:{defaultValue:null,description:"Function that will be called when setting the composite `moves` state.\n@example const [moves, setMoves] = useState(0);\nuseCompositeState({ moves, setMoves });",name:"setMoves",required:!1,type:{name:"((moves: number) => void) | undefined"}},setActiveId:{defaultValue:null,description:"Function that will be called when setting the composite `activeId`.\n@example function MyComposite({ activeId, onActiveIdChange }) {\n  const composite = useCompositeState({\n    activeId,\n    setActiveId: onActiveIdChange,\n  });\n}",name:"setActiveId",required:!1,type:{name:"((activeId: string | null | undefined) => void) | undefined"}},defaultVisible:{defaultValue:{value:"false"},description:"The default visibility state of the content.",name:"defaultVisible",required:!1,type:{name:"boolean | undefined"}},setVisible:{defaultValue:null,description:"Function that will be called when setting the disclosure `visible` state.\n@example // Uncontrolled example\nuseDisclosureState({ setVisible: (visible) => console.log(visible) });\n@example // Controlled example\nconst [visible, setVisible] = useState(false);\nuseDisclosureState({ visible, setVisible });\n@example // Externally controlled example\nfunction MyDisclosure({ visible, onVisibleChange }) {\n  const disclosure = useDisclosureState({\n    visible,\n    setVisible: onVisibleChange,\n  });\n}",name:"setVisible",required:!1,type:{name:"((visible: boolean) => void) | undefined"}},defaultValues:{defaultValue:null,description:"A default map of names and values that will be used by the\n`MenuItemCheckbox` and `MenuItemRadio` components.",name:"defaultValues",required:!1,type:{name:"Values | undefined"}},setValues:{defaultValue:null,description:"Function that will be called when setting the menu `values` state.\n@example const [values, setValues] = useState({});\n// Combining the values from two menus into a single state.\nconst menu = useMenuState({ values, setValues });\nconst submenu = useMenuState({ values, setValues });",name:"setValues",required:!1,type:{name:"((values: Values) => void) | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{SubMenu.displayName="SubMenu",SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n<MenuItem label="Edit profile" />\n<SubMenu>\n  <MenuButton>More options</MenuButton>\n  <MenuList>\n    <MenuItem label="Preferences" />\n    <MenuItem label="Sign out" />\n  </MenuList>\n</SubMenu>\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-state.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-anchor.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/components/tooltip/tooltip.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","content","position","gapSize","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function useDelayedTooltipState(initialState){var tooltipState=Object(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__.a)(initialState),delay=function useDelay(){var timeoutRef=react__WEBPACK_IMPORTED_MODULE_5__.useRef(),clearTimeouts=react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function clearTimeouts(){null!=timeoutRef.current&&clearTimeout(timeoutRef.current)}),[]);return react__WEBPACK_IMPORTED_MODULE_5__.useEffect((function(){return clearTimeouts}),[clearTimeouts]),react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function delay(fn,delay){return function(){clearTimeouts(),timeoutRef.current=setTimeout(fn,delay)}}),[clearTimeouts])}();return react__WEBPACK_IMPORTED_MODULE_5__.useMemo((function(){return Object.assign({},tooltipState,{show:delay((function(){return tooltipState.show()}),500),hide:delay((function(){return tooltipState.hide()}),100)})}),[delay,tooltipState])}function Tooltip(_ref){var children=_ref.children,content=_ref.content,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$gapSize=_ref.gapSize,gapSize=void 0===_ref$gapSize?3:_ref$gapSize,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded),state=useDelayedTooltipState({placement:position,gutter:gapSize}),child=react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);if(!content||!child)return child;if("string"==typeof child.ref)throw new Error("Tooltip: String refs cannot be used as they cannot be forwarded");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__.a,{state:state,ref:child.ref,onFocus:function handleFocus(event){var _child$props,_child$props$onFocus;event.currentTarget.addEventListener("keyup",(function handleKeyUp(e){var eventKey=e.key;"Escape"!==eventKey&&"Enter"!==eventKey&&"Space"!==eventKey&&state.show()}),{once:!0}),event.preventDefault(),null==child||null===(_child$props=child.props)||void 0===_child$props||null===(_child$props$onFocus=_child$props.onFocus)||void 0===_child$props$onFocus||_child$props$onFocus.call(_child$props,event)},children:function children(anchorProps){return react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(child,Object.assign({},anchorProps,child.props))}}),state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{state:state,className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("reactist_tooltip",className),children:"function"==typeof content?content():content})):null]})}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"div"'}]}},portalRef:{defaultValue:null,description:"`portalRef` is similar to `ref` but is scoped to the portal node. It's\nuseful when you need to be informed when the portal element is appended to\nthe DOM or removed from the DOM.\n@example const [portalElement, setPortalElement] = useState(null);\n<Portal portalRef={setPortalElement} />;",name:"portalRef",required:!1,type:{name:"((instance: HTMLElement | null) => void) | MutableRefObject<HTMLElement> | undefined"}},portal:{defaultValue:{value:"true"},description:"Determines whether the element should be rendered as a React Portal.",name:"portal",required:!1,type:{name:"boolean | undefined"}},portalElement:{defaultValue:{value:"HTMLDivElement"},description:'An HTML element or a memoized callback function that returns an HTML\nelement to be used as the portal element. By default, the portal element\nwill be a `div` element appended to the `document.body`.\n@example const [portal, setPortal] = useState(null);\n<Portal portalElement={portal} />;\n<div ref={setPortal} />;\n@example const getPortalElement = useCallback(() => {\n  const div = document.createElement("div");\n  const portalRoot = document.getElementById("portal-root");\n  portalRoot.appendChild(div);\n  return div;\n}, []);\n<Portal portalElement={getPortalElement} />;',name:"portalElement",required:!1,type:{name:"HTMLElement | ((element: HTMLElement) => HTMLElement | null) | null | undefined"}},hideOnEscape:{defaultValue:{value:"true"},description:"Determines whether the tooltip will be hidden when the user presses the\nEscape key.",name:"hideOnEscape",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},hideOnControl:{defaultValue:{value:"false"},description:"Determines whether the tooltip will be hidden when the user presses the\nControl key. This has been proposed as an alternative to the Escape key,\nwhich may introduce some issues, especially when tooltips are used within\ndialogs that also hide on Escape. See\nhttps://github.com/w3c/aria-practices/issues/1506",name:"hideOnControl",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},wrapperProps:{defaultValue:null,description:"Props that will be passed to the popover wrapper element. This element will\nbe used to position the popover.",name:"wrapperProps",required:!1,type:{name:"HTMLAttributes<HTMLDivElement> | undefined"}},wrapElement:{defaultValue:null,description:"",name:"wrapElement",required:!1,type:{name:"WrapElement | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode | (() => ReactNode)"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,closeLabel=_ref.closeLabel,text="long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"xxlarge",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_1__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_4__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp<AvatarSize> | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return badge_stories_mainDemo}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),variantClassName=badge_module_default.a["badge-"+variant];return Object(jsx_runtime.jsx)(box.a,Object.assign({},rest,{className:[badge_module_default.a.badge,variantClassName],children:children}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{variant:{defaultValue:{value:"neutral"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"color"'},{value:'"positive"'},{value:'"neutral"'}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function badge_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(columns.b,{space:"large",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"neutral",mdxType:"Badge"},"Neutral")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"positive",mdxType:"Badge"},"Positive")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"color",mdxType:"Badge"},"Color"))))),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available so that the badge's colors can be customized:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"--reactist-badge-neutral-background\n--reactist-badge-neutral-foreground\n\n--reactist-badge-positive-background\n--reactist-badge-positive-foreground\n\n--reactist-badge-color-background\n--reactist-badge-color-foreground\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var badge_stories_mainDemo=function mainDemo(){return Object(esm.b)(columns.b,{space:"large"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"neutral"},"Neutral")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"positive"},"Positive")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"color"},"Color")))};badge_stories_mainDemo.displayName="mainDemo",badge_stories_mainDemo.storyName="Main demo",badge_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Columns space="large">\n            <Column width="content">\n                <Badge variant="neutral">Neutral</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="positive">Positive</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="color">Color</Badge>\n            </Column>\n        </Columns>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo"]},mdxStoryNameToKey={"Main demo":"mainDemo"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"<BaseButton>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _components_tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_tooltip__WEBPACK_IMPORTED_MODULE_5__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_text__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_9__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},tone:{defaultValue:{value:"neutral"},description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},children:{defaultValue:null,description:"Used internally by components composed using `BaseField`. It is not exposed as part of\nthe public props of such components.",name:"children",required:!0,type:{name:"(props: ChildrenRenderProps) => ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#BaseField"]={docgenInfo:BaseField.__docgenInfo,name:"BaseField",path:"src/new-components/base-field/base-field.tsx#BaseField"})}catch(__react_docgen_typescript_loader_error){}try{FieldHint.displayName="FieldHint",FieldHint.__docgenInfo={description:"",displayName:"FieldHint",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldHint"]={docgenInfo:FieldHint.__docgenInfo,name:"FieldHint",path:"src/new-components/base-field/base-field.tsx#FieldHint"})}catch(__react_docgen_typescript_loader_error){}try{FieldMessage.displayName="FieldMessage",FieldMessage.__docgenInfo={description:"",displayName:"FieldMessage",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldMessage"]={docgenInfo:FieldMessage.__docgenInfo,name:"FieldMessage",path:"src/new-components/base-field/base-field.tsx#FieldMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/box.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Using the Box component",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Tips and tricks about the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Box")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"You don't need the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"classNames")," helper as often now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The new ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"className")," prop receives the same kind of values supported by this helper. So you can do things like this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Box className={classNames(styles.container, 'custom-class-name')} />\n\n// …can be written like this\n<Box className={[styles.container, 'custom-class-name']} />\n\n// Other examples:\n<Box\n  className={[\n    styles.container,\n    isReadOnly ? styles.readOnly : null,\n    { [styles.disabled]: isDisabled },\n  ]}\n/>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Granted, this is only supported in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box"),". This is because the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," is the only design system component that officially supports custom styles. Remember that for the other components you can use ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"exceptionallySetClassName"),", but this one is an escape hatch, that we should aim to not use as much as the design system matures. So this one does not support that feature."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingX")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingY")," shorthand props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component has props to set its padding in all four direction: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft"),". You have probably noticed that we can set them all at once with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"padding"),". But you might have missed the fact that we can set the padding in one of the two dimensions at once as well. This is achieved with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingX")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),") and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingY")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// A box with a large padding left and right, and a small padding top and bottom\n<Box paddingX="large" paddingY="small" />\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The same applies to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"margin*")," props."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Using the Box component",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/box/box.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"PaddingStory",(function(){return PaddingStory})),__webpack_require__.d(__webpack_exports__,"MarginStory",(function(){return MarginStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_box__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/heading/heading.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Box",component:_box__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:children})}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes=Object.assign({children:{control:{type:"text"},defaultValue:"The quick brown fox jumps over the lazy dog."},display:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["block","inlineBlock","inline","flex","none"],"block"),flexDirection:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["column","row"],"row"),flexWrap:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["wrap","nowrap"],"nowrap"),alignItems:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","baseline"],"none"),justifyContent:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","spaceBetween"],"none"),textAlign:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["start","center","end","justify"],"none"),background:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["default","aside","highlight","selected","toast"],"none"),borderRadius:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["standard","none","full"],"none")},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.e)());var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Stacks elements on mobile",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{display:"flex",flexDirection:{mobile:"column",tablet:"row"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:30})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches horizontal alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{backgroundColor:"lightgreen"},display:"flex",justifyContent:{mobile:"flexStart",tablet:"center",desktop:"flexEnd"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"One"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Two"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Three"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches vertical alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{height:"120px"},display:"flex",alignItems:{mobile:"flexEnd",tablet:"center",desktop:"flexStart"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:60}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:90})]})})]})]})};function PaddedBox(_ref2){var _paddingProp,prop=_ref2.prop,value=_ref2.value,paddingProp=((_paddingProp={})[prop]=value,_paddingProp);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",border:"primary"},paddingProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",padding:"medium",background:"selected",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})})}))}PaddedBox.displayName="PaddedBox";var PaddingStory=function PaddingStory(_ref3){var padding=_ref3.padding;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The transparent bordered box has padding"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"padding",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingX",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingY",value:padding})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingTop",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingRight",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingBottom",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingLeft",value:padding})]})]})};PaddingStory.displayName="PaddingStory",PaddingStory.argTypes={padding:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.h)("medium")};var marginToPadding={margin:"padding",marginX:"paddingX",marginY:"paddingY",marginTop:"paddingTop",marginRight:"paddingRight",marginBottom:"paddingBottom",marginLeft:"paddingLeft"},marginBoxStyle={opacity:.5,minHeight:100,minWidth:100};function MarginBox(_ref4){var _marginProp,_ref5,prop=_ref4.prop,value=_ref4.value,marginProp=((_marginProp={})[prop]=value,_marginProp),outerPaddingToCompensateNegativeMargin=value.startsWith("-")?((_ref5={})[marginToPadding[prop]]=value.slice(1),_ref5):void 0;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},outerPaddingToCompensateNegativeMargin,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",border:"primary",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",padding:"medium",background:"selected",display:"flex",alignItems:"center",justifyContent:"center",style:marginBoxStyle},marginProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})}))})}))})}MarginBox.displayName="MarginBox";var MarginStory=function MarginStory(_ref6){var margin=_ref6.margin;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The shaded box has margin"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:"When margin is negative, you will see the outer bordered box appear to be inside the shaded box."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"margin",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginX",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginY",value:margin})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginTop",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginRight",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginBottom",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginLeft",value:margin})]})})]})};MarginStory.displayName="MarginStory",MarginStory.argTypes={margin:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["xxlarge","xlarge","large","medium","small","xsmall","none","-xsmall","-small","-medium","-large","-xlarge","-xxlarge"],"medium")},InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({ children, ...props }: PartialProps<typeof Box>) {\n    return (\n        <Wrapper>\n            <Box {...props}>\n                <Text>{children}</Text>\n            </Box>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Stacks elements on mobile">\n                    <Box display="flex" flexDirection={{ mobile: \'column\', tablet: \'row\' }}>\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={30} />\n                        <Placeholder label="Three" height={30} />\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches horizontal alignment depending on viewport size">\n                    <Box\n                        style={{ backgroundColor: \'lightgreen\' }}\n                        display="flex"\n                        justifyContent={{\n                            mobile: \'flexStart\',\n                            tablet: \'center\',\n                            desktop: \'flexEnd\',\n                        }}\n                    >\n                        <div>One</div>\n                        <div>Two</div>\n                        <div>Three</div>\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches vertical alignment depending on viewport size">\n                    <Box\n                        style={{ height: \'120px\' }}\n                        display="flex"\n                        alignItems={{\n                            mobile: \'flexEnd\',\n                            tablet: \'center\',\n                            desktop: \'flexStart\',\n                        }}\n                    >\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={60} />\n                        <Placeholder label="Three" height={90} />\n                    </Box>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),PaddingStory.parameters=Object.assign({storySource:{source:'function PaddingStory({ padding }: { padding: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The transparent bordered box has padding</Heading>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="padding" value={padding} />\n                <PaddedBox prop="paddingX" value={padding} />\n                <PaddedBox prop="paddingY" value={padding} />\n            </Inline>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="paddingTop" value={padding} />\n                <PaddedBox prop="paddingRight" value={padding} />\n                <PaddedBox prop="paddingBottom" value={padding} />\n                <PaddedBox prop="paddingLeft" value={padding} />\n            </Inline>\n        </Stack>\n    )\n}'}},PaddingStory.parameters),MarginStory.parameters=Object.assign({storySource:{source:'function MarginStory({ margin }: { margin: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The shaded box has margin</Heading>\n            <Text>\n                When margin is negative, you will see the outer bordered box appear to be inside the\n                shaded box.\n            </Text>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="margin" value={margin} />\n                    <MarginBox prop="marginX" value={margin} />\n                    <MarginBox prop="marginY" value={margin} />\n                </Inline>\n            </Box>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="marginTop" value={margin} />\n                    <MarginBox prop="marginRight" value={margin} />\n                    <MarginBox prop="marginBottom" value={margin} />\n                    <MarginBox prop="marginLeft" value={margin} />\n                </Inline>\n            </Box>\n        </Stack>\n    )\n}'}},MarginStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveProp<BoxPosition> | undefined"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveProp<BoxDisplay> | undefined"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveProp<BoxFlexDirection> | undefined"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"nowrap"'},{value:'"wrap"'}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveProp<BoxAlignItems> | undefined"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveProp<BoxAlignSelf> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveProp<BoxJustifyContent> | undefined"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"hidden"'},{value:'"auto"'},{value:'"visible"'},{value:'"scroll"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"full"'}]}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{PaddingStory.displayName="PaddingStory",PaddingStory.__docgenInfo={description:"",displayName:"PaddingStory",props:{padding:{defaultValue:null,description:"",name:"padding",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#PaddingStory"]={docgenInfo:PaddingStory.__docgenInfo,name:"PaddingStory",path:"src/new-components/box/box.stories.tsx#PaddingStory"})}catch(__react_docgen_typescript_loader_error){}try{MarginStory.displayName="MarginStory",MarginStory.__docgenInfo={description:"",displayName:"MarginStory",props:{margin:{defaultValue:null,description:"",name:"margin",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#MarginStory"]={docgenInfo:MarginStory.__docgenInfo,name:"MarginStory",path:"src/new-components/box/box.stories.tsx#MarginStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/responsive-props.ts"),_box_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.module.css"),_box_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_box_module_css__WEBPACK_IMPORTED_MODULE_8__),_padding_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/padding.module.css"),_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_padding_module_css__WEBPACK_IMPORTED_MODULE_9__),_margin_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/margin.module.css"),_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_margin_module_css__WEBPACK_IMPORTED_MODULE_10__),_width_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/box/width.module.css"),_width_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_width_module_css__WEBPACK_IMPORTED_MODULE_11__),_excluded=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref$as=_ref.as,component=void 0===_ref$as?"div":_ref$as,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,display=_ref.display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,textAlign=_ref.textAlign,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,margin=_ref.margin,marginY=_ref.marginY,marginX=_ref.marginX,marginTop=_ref.marginTop,marginRight=_ref.marginRight,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,resolvedMarginTop=null!==(_ref6=null!=marginTop?marginTop:marginY)&&void 0!==_ref6?_ref6:margin,resolvedMarginRight=null!==(_ref7=null!=marginRight?marginRight:marginX)&&void 0!==_ref7?_ref7:margin,resolvedMarginBottom=null!==(_ref8=null!=marginBottom?marginBottom:marginY)&&void 0!==_ref8?_ref8:margin,resolvedMarginLeft=null!==(_ref9=null!=marginLeft?marginLeft:marginX)&&void 0!==_ref9?_ref9:margin,omitFlex=!display||"string"==typeof display&&"flex"!==display&&"inlineFlex"!==display;return react__WEBPACK_IMPORTED_MODULE_4__.createElement(component,Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.box,display?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"display",display):null,"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"textAlign",textAlign),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingLeft",resolvedPaddingLeft),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginTop",resolvedMarginTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginRight",resolvedMarginRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginBottom",resolvedMarginBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginLeft",resolvedMarginLeft),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexDirection",flexDirection),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexWrap",flexWrap),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignItems",alignItems),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"justifyContent",justifyContent),null!=alignSelf?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignSelf",alignSelf):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"overflow",overflow),null!=width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"width",String(width)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"border",border):null)||void 0,ref:ref}),children)}))},"./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/button-link/button-link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButtonLink",(function(){return LoadingButtonLink})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return button_link_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return button_link_stories_withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return button_link_stories_iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return button_link_stories_withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return button_link_stories_customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),base_button=__webpack_require__("./src/new-components/base-button/base-button.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","exceptionallySetClassName","openInNewTab"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_link_ButtonLink=Object(polymorphism.a)((function ButtonLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_button.a,Object.assign({},props,{as:as,ref:ref,variant:variant,tone:tone,size:size,exceptionallySetClassName:exceptionallySetClassName,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))}));try{button_link_ButtonLink.displayName="ButtonLink",button_link_ButtonLink.__docgenInfo={description:"A semantic link that looks like a button, exactly matching the `Button` component in all visual\naspects.",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link.tsx#ButtonLink"]={docgenInfo:button_link_ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}function ButtonLinkStoryWrapper(props){return Object(jsx_runtime.jsx)(button_link_ButtonLink,Object.assign({},props,{onClick:function onClick(event){var _props$onClick;event.preventDefault(),null===(_props$onClick=props.onClick)||void 0===_props$onClick||_props$onClick.call(props,event)},href:"https://doist.com"}))}ButtonLinkStoryWrapper.displayName="ButtonLinkStoryWrapper",ButtonLinkStoryWrapper.displayName="ButtonLink";try{ButtonLink.displayName="ButtonLink",ButtonLink.__docgenInfo={description:"",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"]={docgenInfo:ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}var button_link_stories_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function button_link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButtonLink(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(esm.b)(ButtonLinkStoryWrapper,_extends({},props,{loading:loading,onClick:function onClick(event){return setLoading(!0)},mdxType:"ButtonLink"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=button_link_stories_objectWithoutProperties(_ref,button_link_stories_excluded);"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),endIcon:Object(esm.b)(Icon,{mdxType:"Icon"})});return Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(esm.b)(text_text.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(esm.b)(box.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"start",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"center",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"end",mdxType:"LoadingButtonLink"}),label))))}function Template(_ref2){var label=_ref2.label,props=button_link_stories_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")),textLabel="Click me now"),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}))),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}))))))}function DarkModeTemplate(props){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(esm.b)(Template,_extends({},props,{mdxType:"Template"})))}Icon.displayName="Icon",LoadingButtonLink.displayName="LoadingButtonLink",FullWidthTemplate.displayName="FullWidthTemplate",Template.displayName="Template",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButtonLink:LoadingButtonLink,FullWidthTemplate:FullWidthTemplate,Template:Template,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=button_link_stories_objectWithoutProperties(_ref3,_excluded3);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/ButtonLink",component:button_link_ButtonLink,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"ButtonLink"),Object(esm.b)("p",null,"'A semantic link that looks like a button, exactly matching the ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink")," component in all visual\naspects.'"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ButtonLink>")),Object(esm.b)(dist_esm.d,{of:ButtonLinkStoryWrapper,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ButtonLinkStoryWrapper,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Style customization"),Object(esm.b)("p",null,"Check out ",Object(esm.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"With label and icon"),Object(esm.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(esm.b)("p",null,"Nothing prevents you from passing both a ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon before the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon after the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,"Icon-only buttons"),Object(esm.b)("p",null,"Alternatively, you can render an icon-only ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink"),". To do so use the ",Object(esm.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(esm.b)("p",null,"Icon-only buttons do not support receiving the ",Object(esm.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"}))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})))))),Object(esm.b)("h3",null,"With different size"),Object(esm.b)("p",null,"Buttons have a default ",Object(esm.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h3",null,"Customized colors"),Object(esm.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-jsx"},"<ButtonLink\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</ButtonLink>\n")),Object(esm.b)("p",null,"And here's how that look like:"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Enabled")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Disabled"))))),Object(esm.b)("h3",null,"Full-width"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(esm.b)("h3",null,"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var button_link_stories_mainDemo=function mainDemo(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};button_link_stories_mainDemo.displayName="mainDemo",button_link_stories_mainDemo.storyName="Main demo",button_link_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary">Primary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary">Secondary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary">Tertiary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary">Quaternary</ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withLabelAndIcon=function withLabelAndIcon(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon before the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,null)},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon after the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,null)},"Quaternary")))))};button_link_stories_withLabelAndIcon.displayName="withLabelAndIcon",button_link_stories_withLabelAndIcon.storyName="With label and icon",button_link_stories_withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_iconOnlyButtons=function iconOnlyButtons(){return Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)}))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0}))))};button_link_stories_iconOnlyButtons.displayName="iconOnlyButtons",button_link_stories_iconOnlyButtons.storyName="Icon-only buttons",button_link_stories_iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withDifferentSize=function withDifferentSize(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};button_link_stories_withDifferentSize.displayName="withDifferentSize",button_link_stories_withDifferentSize.storyName="With different size",button_link_stories_withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_customizedColors=function customizedColors(){return Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};button_link_stories_customizedColors.displayName="customizedColors",button_link_stories_customizedColors.storyName="Customized colors",button_link_stories_customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <ButtonLink variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </ButtonLink>\n            </Box>\n            <Box>\n                <ButtonLink variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </ButtonLink>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/ButtonLink",parameters:{badges:["accessible"]},component:button_link_ButtonLink,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/button/button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButton",(function(){return LoadingButton})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_box__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/heading/heading.tsx"),_button__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/button/button.tsx"),_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButton(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_16__.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,_extends({},props,{loading:loading,onClick:function onClick(){return setLoading(!0)},mdxType:"Button"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=_objectWithoutProperties(_ref,_excluded);"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"})});return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"start",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"center",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"end",mdxType:"LoadingButton"}),label))))}function PlaygroundTemplate(_ref2){var label=_ref2.label,props=_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")),textLabel="Click me now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"})))))))}function DarkModeTemplate(props){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(PlaygroundTemplate,_extends({},props,{mdxType:"PlaygroundTemplate"})))}Icon.displayName="Icon",LoadingButton.displayName="LoadingButton",FullWidthTemplate.displayName="FullWidthTemplate",PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButton:LoadingButton,FullWidthTemplate:FullWidthTemplate,PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded3);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{title:"Design system/Button",component:_button__WEBPACK_IMPORTED_MODULE_24__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",null,"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"A semantic button that provides all the necessary visual variants. It follows the\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-practices/#button"},"WAI-ARIA Button Pattern"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"h2"},"<Button>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.d,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Style customization"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Check out ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With label and icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Nothing prevents you from passing both a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Icon-only buttons"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Alternatively, you can render an icon-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"Button"),". To do so use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Icon-only buttons do not support receiving the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With different size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Buttons have a default ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Customized colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("code",{parentName:"pre",className:"language-jsx"},"<Button\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</Button>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"And here's how that look like:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Disabled"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Full-width"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Dark mode"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary">Primary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary">Secondary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary">Tertiary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary">Quaternary</Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withLabelAndIcon=function withLabelAndIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))))};withLabelAndIcon.displayName="withLabelAndIcon",withLabelAndIcon.storyName="With label and icon",withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var iconOnlyButtons=function iconOnlyButtons(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0}))))};iconOnlyButtons.displayName="iconOnlyButtons",iconOnlyButtons.storyName="Icon-only buttons",iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withDifferentSize=function withDifferentSize(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};withDifferentSize.displayName="withDifferentSize",withDifferentSize.storyName="With different size",withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var customizedColors=function customizedColors(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};customizedColors.displayName="customizedColors",customizedColors.storyName="Customized colors",customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <Button variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </Button>\n            </Box>\n            <Box>\n                <Button variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </Button>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=PlaygroundTemplate.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Button",parameters:{badges:["accessible"]},component:_button__WEBPACK_IMPORTED_MODULE_24__.a,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/button/button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","tone","size","type","disabled","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function Button(_ref,ref){var variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_base_button__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},props,{as:"button",ref:ref,variant:variant,tone:tone,size:size,type:type,disabled:disabled,exceptionallySetClassName:exceptionallySetClassName}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"A semantic button that also looks like a button, and provides all the necessary visual variants.\nIt follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).",displayName:"Button",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"normal"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"normal"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/checkbox-field/checkbox-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"basicExample",(function(){return basicExample})),__webpack_require__.d(__webpack_exports__,"reactNodeAsLabel",(function(){return reactNodeAsLabel})),__webpack_require__.d(__webpack_exports__,"indeterminateExample",(function(){return indeterminateExample})),__webpack_require__.d(__webpack_exports__,"accessibilityExamples",(function(){return accessibilityExamples}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js"),__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx")),_stack__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/text/text.tsx"),_inline__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/inline/inline.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}Icon.displayName="Icon";var Template=function Template(_ref){var disabled=_ref.disabled,indeterminate=_ref.indeterminate,label=_ref.label;_ref["aria-controls"],_ref["aria-describedby"],_ref["aria-label"],_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{disabled:disabled,indeterminate:indeterminate,label:label,mdxType:"CheckboxField"})};Template.displayName="Template";var layoutProps={Icon:Icon,Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{title:"Design system/CheckboxField",component:___WEBPACK_IMPORTED_MODULE_21__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",null,"CheckboxField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with a built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Basic Example",args:{label:"Default label"},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.d,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"ReactNode as Label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with an icon and a string for the built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"ReactNode as Label",args:{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,{mdxType:"Icon"})," Label with icon")},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"Indeterminate Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Indeterminate Example",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState2[0],setState=_useState2[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium",mdxType:"Inline"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))},mdxType:"CheckboxField"})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Examples",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the checkbox as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var basicExample=Template.bind({});basicExample.storyName="Basic Example",basicExample.args={label:"Default label"},basicExample.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var reactNodeAsLabel=Template.bind({});reactNodeAsLabel.storyName="ReactNode as Label",reactNodeAsLabel.args={label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,null)," Label with icon")},reactNodeAsLabel.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var indeterminateExample=function indeterminateExample(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState4[0],setState=_useState4[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))}})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))};indeterminateExample.displayName="indeterminateExample",indeterminateExample.storyName="Indeterminate Example",indeterminateExample.parameters=Object.assign({storySource:{source:'() => {\n  const [state, setState] = useState([false, true, false, false, false]);\n  const checkedCount = state.filter(Boolean).length;\n  const indeterminate = checkedCount > 0 && checkedCount < state.length;\n  return <Stack space="medium" dividers="primary">\n                    <CheckboxField checked={checkedCount === state.length} onChange={event => {\n      const {\n        checked\n      } = event.currentTarget;\n      setState(state => state.map(() => checked));\n    }} indeterminate={indeterminate} label={`Check/uncheck all (${checkedCount} / ${state.length})`} />\n                    <Inline space="medium">\n                        {state.map((checked, index) => <CheckboxField key={`${index}-${String(checked)}`} label={String(index + 1)} checked={checked} onChange={event => {\n        const {\n          checked\n        } = event.currentTarget;\n        setState(state => {\n          const newState = [...state];\n          newState[index] = checked;\n          return newState;\n        });\n      }} />)}\n                    </Inline>\n                    <Text tone="secondary">\n                        Mark some (but not all) numbered checkboxes to see the one at the top as\n                        indeterminate.\n                    </Text>\n                </Stack>;\n}'}},{docs:{source:{type:"dynamic"}}});var accessibilityExamples=function accessibilityExamples(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will describe the checkbox as "Husky".')))};accessibilityExamples.displayName="accessibilityExamples",accessibilityExamples.storyName="Accessibility Examples",accessibilityExamples.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <CheckboxField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the checkbox as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/CheckboxField",parameters:{badges:["accessible"]},component:___WEBPACK_IMPORTED_MODULE_21__.a,includeStories:["basicExample","reactNodeAsLabel","indeterminateExample","accessibilityExamples"]},mdxStoryNameToKey={"Basic Example":"basicExample","ReactNode as Label":"reactNodeAsLabel","Indeterminate Example":"indeterminateExample","Accessibility Examples":"accessibilityExamples"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/checkbox-field/checkbox-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkbox_field_CheckboxField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","indeterminate","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var svgPath={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};function CheckboxIcon(_ref2){var checked=_ref2.checked,indeterminate=_ref2.indeterminate,disabled=_ref2.disabled,props=_objectWithoutProperties(_ref2,_excluded),pathKey=function getPathKey(_ref){var checked=_ref.checked,indeterminate=_ref.indeterminate,disabled=_ref.disabled;return indeterminate?"mixed":checked?"checked":disabled?"filled":"unchecked"}({checked:checked,indeterminate:indeterminate,disabled:disabled});return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{minWidth:"24"}},props,{children:Object(jsx_runtime.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:svgPath[pathKey]})}))}CheckboxIcon.displayName="CheckboxIcon";try{CheckboxIcon.displayName="CheckboxIcon",CheckboxIcon.__docgenInfo={description:"",displayName:"CheckboxIcon",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean | undefined"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"]={docgenInfo:CheckboxIcon.__docgenInfo,name:"CheckboxIcon",path:"src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"})}catch(__react_docgen_typescript_loader_error){}var checkbox_field_module=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.module.css"),checkbox_field_module_default=__webpack_require__.n(checkbox_field_module),checkbox_field_excluded=["label","disabled","indeterminate","defaultChecked","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkbox_field_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function checkbox_field_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkbox_field_CheckboxField=react.forwardRef((function CheckboxField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,disabled=_ref.disabled,indeterminate=_ref.indeterminate,defaultChecked=_ref.defaultChecked,_onChange=_ref.onChange,props=checkbox_field_objectWithoutProperties(_ref,checkbox_field_excluded),isControlledComponent="boolean"==typeof props.checked;"boolean"!=typeof indeterminate||isControlledComponent||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),indeterminate=void 0),label||props["aria-label"]||props["aria-labelledby"]||console.warn("A Checkbox needs a label");var _React$useState2=_slicedToArray(react.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState,internalRef=react.useRef(null),combinedRef=Object(hooks.e)(internalRef,ref);return react.useEffect((function setIndeterminate(){internalRef.current&&"boolean"==typeof indeterminate&&(internalRef.current.indeterminate=indeterminate)}),[indeterminate]),Object(jsx_runtime.jsxs)(box.a,{as:"label",display:"flex",alignItems:"center",className:[checkbox_field_module_default.a.container,disabled?checkbox_field_module_default.a.disabled:null,isChecked?checkbox_field_module_default.a.checked:null,keyFocused?checkbox_field_module_default.a.keyFocused:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,{ref:combinedRef,type:"checkbox","aria-checked":indeterminate?"mixed":isChecked,checked:isChecked,disabled:disabled,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}})),Object(jsx_runtime.jsx)(CheckboxIcon,{checked:isChecked,disabled:disabled,indeterminate:indeterminate,"aria-hidden":!0}),label?Object(jsx_runtime.jsx)(text_text.a,{children:label}):null]})}));try{checkbox_field_CheckboxField.displayName="CheckboxField",checkbox_field_CheckboxField.__docgenInfo={description:"",displayName:"CheckboxField",props:{disabled:{defaultValue:null,description:"Defines whether or not the checkbox is disabled.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the checkbox for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current checkbox for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current checkbox for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label for the checkbox element.",name:"label",required:!1,type:{name:"ReactNode"}},indeterminate:{defaultValue:null,description:"Defines whether or not the checkbox can be of a `mixed` state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"]={docgenInfo:checkbox_field_CheckboxField.__docgenInfo,name:"CheckboxField",path:"src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/columns/columns.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_box__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/box/box.tsx"),_columns__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/columns/columns.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Columns",component:_columns__WEBPACK_IMPORTED_MODULE_6__.b,subcomponents:{Column:_columns__WEBPACK_IMPORTED_MODULE_6__.a},argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["left","center","right"]),alignY:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["top","center","bottom","baseline"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.e)()),parameters:{badges:["accessible"]}};var AlignmentStory=function AlignmentStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use alignY to control vertical alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:30*(i+1)})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use align to control horizontal alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})})]}))})]})};AlignmentStory.displayName="AlignmentStory";var WidthsStory=function WidthsStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})})]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"4/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"4/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]})]})})]})};WidthsStory.displayName="WidthsStory",WidthsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var ResponsiveStory=function ResponsiveStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Columns alignment changes as the viewport size changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"medium",align:{mobile:"left",tablet:"center",desktop:"right"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Space between columns reduces on smaller screen sizes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use collapseBelow to control if/when the columns become stacked depending on viewport width",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))})]})]})};ResponsiveStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),collapseBelow:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["tablet","desktop"],"tablet"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var FlexChildStory=function FlexChildStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"As a flex child",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Element outside of Columns"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))]})})};FlexChildStory.displayName="FlexChildStory",FlexChildStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var NestedColumnsStory=function NestedColumnsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Inner Columns retain their own spacing",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:0,height:50})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:6,height:50})})]})})};NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d),AlignmentStory.parameters=Object.assign({storySource:{source:'function AlignmentStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="xlarge">\n            <Wrapper title="Use alignY to control vertical alignment" border={true}>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={(i + 1) * 30} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Wrapper>\n            <Wrapper title="Use align to control horizontal alignment" border={true}>\n                <Columns {...args}>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                </Columns>\n            </Wrapper>\n        </Stack>\n    )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=Object.assign({storySource:{source:'function WidthsStory({ space }: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="large" dividers="primary">\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="medium">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/5">\n                            <Placeholder label="1/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/5">\n                            <Placeholder label="2/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/5">\n                            <Placeholder label="3/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="4/5">\n                            <Placeholder label="4/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n        </Stack>\n    )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory(args: PartialProps<typeof Columns>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Columns alignment changes as the viewport size changes">\n                    <Columns\n                        space="medium"\n                        align={{ mobile: \'left\', tablet: \'center\', desktop: \'right\' }}\n                    >\n                        {times(5).map((i) => (\n                            <Column width="content" key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Space between columns reduces on smaller screen sizes">\n                    <Columns space={{ mobile: \'xsmall\', tablet: \'medium\', desktop: \'xlarge\' }}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Use collapseBelow to control if/when the columns become stacked depending on viewport width">\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),FlexChildStory.parameters=Object.assign({storySource:{source:'function FlexChildStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="As a flex child">\n            <Box display="flex" alignItems="center">\n                <Box>\n                    <Placeholder label="Element outside of Columns" />\n                </Box>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={50} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Box>\n        </Wrapper>\n    )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=Object.assign({storySource:{source:'function NestedColumnsStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="Inner Columns retain their own spacing">\n            <Columns space="xlarge">\n                <Column>\n                    <Placeholder label={0} height={50} />\n                </Column>\n\n                <Column>\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Column>\n\n                <Column>\n                    <Placeholder label={6} height={50} />\n                </Column>\n            </Columns>\n        </Wrapper>\n    )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/columns/columns.module.css"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["width","children","exceptionallySetClassName"],_excluded2=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,height:"full",flexShrink:"content"===width?0:void 0,ref:ref,children:children}))})),Columns=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,_ref2$align=_ref2.align,align=void 0===_ref2$align?"left":_ref2$align,_ref2$alignY=_ref2.alignY,alignY=void 0===_ref2$alignY?"top":_ref2$alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space)],display:"flex",flexDirection:"desktop"===collapseBelow?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===collapseBelow?{mobile:"column",tablet:"row"}:"row",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":alignY})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":align})),ref:ref,children:children}))}))},"./src/new-components/common-helpers.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return generateElementId})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),uid=0;function generateElementId(prefix){return prefix+"-"+function uniqueId(){return uid++}()}function useId(providedId){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=providedId?providedId:null);return ref.current||(ref.current=generateElementId("element")),ref.current}},"./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/deprecated-modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),reach_dialog_esm=__webpack_require__("./node_modules/@reach/dialog/dist/reach-dialog.esm.js"),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),modal_module=__webpack_require__("./src/new-components/deprecated-modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function DeprecatedModal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]);return Object(jsx_runtime.jsx)(reach_dialog_esm.b,{isOpen:isOpen,onDismiss:onDismiss,dangerouslyBypassFocusLock:!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),"data-testid":"modal-overlay",children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(reach_dialog_esm.a,Object.assign({},props,{as:box.a,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}function DeprecatedModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function DeprecatedModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(DeprecatedModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function DeprecatedModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function DeprecatedModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function DeprecatedModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}DeprecatedModal.displayName="DeprecatedModal",DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalActions.displayName="DeprecatedModalActions";try{DeprecatedModal.displayName="DeprecatedModal",DeprecatedModal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"DeprecatedModal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"]={docgenInfo:DeprecatedModal.__docgenInfo,name:"DeprecatedModal",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"DeprecatedModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"]={docgenInfo:DeprecatedModalCloseButton.__docgenInfo,name:"DeprecatedModalCloseButton",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalHeader.displayName="DeprecatedModalHeader",DeprecatedModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"DeprecatedModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see DeprecatedModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"]={docgenInfo:DeprecatedModalHeader.__docgenInfo,name:"DeprecatedModalHeader",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"DeprecatedModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"]={docgenInfo:DeprecatedModalBody.__docgenInfo,name:"DeprecatedModalBody",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalFooter.displayName="DeprecatedModalFooter",DeprecatedModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"DeprecatedModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"]={docgenInfo:DeprecatedModalFooter.__docgenInfo,name:"DeprecatedModalFooter",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalActions.displayName="DeprecatedModalActions",DeprecatedModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"DeprecatedModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"]={docgenInfo:DeprecatedModalActions.__docgenInfo,name:"DeprecatedModalActions",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,toggle:function toggle(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var _ref2$initialState=_ref2.initialState,initialState=void 0===_ref2$initialState?defaultInitialState:_ref2$initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],toggle=react.useCallback((function(){return setOpen((function(v){return!v}))}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(initialState),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,toggle:toggle,onChange:onChange},props)}),[isOpen,toggle,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,toggle=react.useContext(ModalStoryContext).toggle;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:toggle,children:children})}function Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,toggle=_React$useContext3.toggle,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(DeprecatedModal,Object.assign({isOpen:isOpen,onDismiss:toggle,width:width,height:height},props))}function ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",Modal.displayName="Modal",ModalHeader.displayName="ModalHeader";var ModalBody=DeprecatedModalBody;function ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({withDivider:withScrollableContent},props))}function ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalActions,Object.assign({withDivider:withScrollableContent},props))}ModalFooter.displayName="ModalFooter",ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/deprecated-modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Components/Modal",component:DeprecatedModal,parameters:{badges:["accessible","deprecated"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://reach.tech/dialog/"},"Reach UI's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Components/Modal",parameters:{badges:["accessible","deprecated"]},component:DeprecatedModal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/divider/divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/divider/divider.module.css"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_divider_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["weight"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"tertiary":_ref$weight,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"hr",className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_5__.a)(_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"weight",weight)},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"tertiary"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/heading/heading.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveHeadingStory",(function(){return ResponsiveHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/heading/heading.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var HeadingStory=function HeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{dividers:"primary",space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",children:"Heading level 1, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"larger",children:"Heading level 1, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,children:"Heading level 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"smaller",children:"Heading level 1, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"largest",children:"Heading level 2, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"larger",children:"Heading level 2, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,children:"Heading level 2"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"smaller",children:"Heading level 2, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"largest",children:"Heading level 3, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"larger",children:"Heading level 3, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,children:"Heading level 3"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"smaller",children:"Heading level 3, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"largest",children:"Heading level 4 / 5 / 6, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"larger",children:"Heading level 4 / 5 / 6, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,children:"Heading level 4 / 5 / 6"})]})]})})};HeadingStory.displayName="HeadingStory";var TruncatedHeadingStory=function TruncatedHeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",lineClamp:1,children:"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,lineClamp:2,children:"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."})]})};TruncatedHeadingStory.displayName="TruncatedHeadingStory";var ResponsiveHeadingStory=function ResponsiveHeadingStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveHeadingStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}},HeadingStory.parameters=Object.assign({storySource:{source:'function HeadingStory() {\n    return (\n        <section className="story">\n            <Stack dividers="primary" space="medium">\n                <Stack space="small">\n                    <Heading level={1} size="largest">\n                        Heading level 1, largest\n                    </Heading>\n                    <Heading level={1} size="larger">\n                        Heading level 1, larger\n                    </Heading>\n                    <Heading level={1}>Heading level 1</Heading>\n                    <Heading level={1} size="smaller">\n                        Heading level 1, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={2} size="largest">\n                        Heading level 2, largest\n                    </Heading>\n                    <Heading level={2} size="larger">\n                        Heading level 2, larger\n                    </Heading>\n                    <Heading level={2}>Heading level 2</Heading>\n                    <Heading level={2} size="smaller">\n                        Heading level 2, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={3} size="largest">\n                        Heading level 3, largest\n                    </Heading>\n                    <Heading level={3} size="larger">\n                        Heading level 3, larger\n                    </Heading>\n                    <Heading level={3}>Heading level 3</Heading>\n                    <Heading level={3} size="smaller">\n                        Heading level 3, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={4} size="largest">\n                        Heading level 4 / 5 / 6, largest\n                    </Heading>\n                    <Heading level={4} size="larger">\n                        Heading level 4 / 5 / 6, larger\n                    </Heading>\n                    <Heading level={4}>Heading level 4 / 5 / 6</Heading>\n                </Stack>\n            </Stack>\n        </section>\n    )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=Object.assign({storySource:{source:'function TruncatedHeadingStory() {\n    return (\n        <section className="story">\n            <Heading level={1} size="largest" lineClamp={1}>\n                This is a long title which we will use demonstrate truncating content. When this\n                overflows and begins to drop to a new line, its overflowing content will be replaced\n                by ellipses.\n            </Heading>\n            <Heading level={2} lineClamp={2}>\n                Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n                Sometimes we need to provide more context yet still remain skimmable to users, and\n                subtitles are a good way to do this. As it&rsquo;s much longer now we can allow a\n                second line to be displayed before truncating it at two lines.\n            </Heading>\n        </section>\n    )\n}'}},TruncatedHeadingStory.parameters),ResponsiveHeadingStory.parameters=Object.assign({storySource:{source:"function ResponsiveHeadingStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Heading {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveHeadingStory.parameters),HeadingPlaygroundStory.parameters=Object.assign({storySource:{source:'function HeadingPlaygroundStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <section className="story playground">\n            <Heading {...props} />\n        </section>\n    )\n}'}},HeadingPlaygroundStory.parameters);try{ResponsiveHeadingStory.displayName="ResponsiveHeadingStory",ResponsiveHeadingStory.__docgenInfo={description:"",displayName:"ResponsiveHeadingStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"]={docgenInfo:ResponsiveHeadingStory.__docgenInfo,name:"ResponsiveHeadingStory",path:"src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"})}catch(__react_docgen_typescript_loader_error){}try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/heading/heading.module.css"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,align=_ref.align,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),headingElementName="h"+level,lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{className:[exceptionallySetClassName,_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,as:headingElementName,ref:ref,children:children}))}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"regular"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"normal"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden-visually/hidden-visually.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenVisually}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.module.css"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HiddenVisually=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__.a)((function HiddenVisually(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{ref:ref,position:"absolute",overflow:"hidden",className:_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.hiddenVisually}))}))},"./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden/hidden.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return hidden_stories_ResponsiveStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./src/new-components/box/box.tsx")),hidden_module=__webpack_require__("./src/new-components/hidden/hidden.module.css"),hidden_module_default=__webpack_require__.n(hidden_module),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["display","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var hidden_Hidden=Object(polymorphism.a)((function Hidden(_ref,ref){var _ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),hiddenOnPrint="print"in props&&props.print,hiddenOnDesktop="above"in props,hiddenOnMobile="below"in props,hiddenOnTablet="below"in props&&"desktop"===props.below||"above"in props&&"mobile"===props.above;return hiddenOnDesktop&&hiddenOnMobile&&console.warn('<Hidden /> should receive either above="…" or below="…" but not both'),hiddenOnDesktop||hiddenOnMobile||hiddenOnPrint||console.warn("<Hidden /> did not receive any criteria to hide itself"),"above"in props&&delete props.above,"below"in props&&delete props.below,"print"in props&&delete props.print,Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,className:[exceptionallySetClassName,hiddenOnPrint?hidden_module_default.a.hiddenOnPrint:null],display:hiddenOnDesktop&&hiddenOnMobile?"none":{mobile:hiddenOnMobile?"none":display,tablet:hiddenOnTablet?"none":display,desktop:hiddenOnDesktop?"none":display},children:children}))})),hidden_stories_ResponsiveStory=(__webpack_exports__.default={title:"Design system/Hidden",component:hidden_Hidden,parameters:{badges:["accessible"]}},function ResponsiveStory(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(storybook_helper.b,{}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Always visible 📱💻🖥"}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"mobile",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on mobile 📱",height:30})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"desktop",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on desktop 🖥",height:75})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in tablet and desktop 💻🖥",height:60})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in mobile and tablet 📱💻",height:45})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Does not make sense"})})]})]})});hidden_stories_ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="medium">\n                <Placeholder label="Always visible 📱💻🖥" />\n\n                <Hidden above="mobile">\n                    <Placeholder label="Visible only on mobile 📱" height={30} />\n                </Hidden>\n\n                <Hidden below="desktop">\n                    <Placeholder label="Visible only on desktop 🖥" height={75} />\n                </Hidden>\n\n                <Hidden below="tablet">\n                    <Placeholder label="Visible in tablet and desktop 💻🖥" height={60} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Visible in mobile and tablet 📱💻" height={45} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Does not make sense" />\n                </Hidden>\n            </Stack>\n        </>\n    )\n}'}},hidden_stories_ResponsiveStory.parameters)},"./src/new-components/icons/alert-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlertIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["tone"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var alertIconForTone={info:AlertInfoIcon,positive:AlertPositiveIcon,caution:AlertCautionIcon,critical:AlertCriticalIcon};function AlertIcon(_ref){var tone=_ref.tone,props=_objectWithoutProperties(_ref,_excluded),Icon=alertIconForTone[tone];return Icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Icon,Object.assign({},props)):null}function AlertInfoIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",fill:"currentColor"})}))}function AlertPositiveIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",fill:"currentColor"})}))}function AlertCautionIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",fill:"currentColor"})}))}function AlertCriticalIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",fill:"currentColor"})}))}AlertInfoIcon.displayName="AlertInfoIcon",AlertPositiveIcon.displayName="AlertPositiveIcon",AlertCautionIcon.displayName="AlertCautionIcon",AlertCriticalIcon.displayName="AlertCriticalIcon";try{AlertIcon.displayName="AlertIcon",AlertIcon.__docgenInfo={description:"",displayName:"AlertIcon",props:{tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/alert-icon.tsx#AlertIcon"]={docgenInfo:AlertIcon.__docgenInfo,name:"AlertIcon",path:"src/new-components/icons/alert-icon.tsx#AlertIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/close-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CloseIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{fill:"currentColor",d:"M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"})}))}CloseIcon.displayName="CloseIcon";try{CloseIcon.displayName="CloseIcon",CloseIcon.__docgenInfo={description:"",displayName:"CloseIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/close-icon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/new-components/icons/close-icon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/password-visible-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PasswordVisibleIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordVisibleIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"gray",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{d:"M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("circle",{cx:"12",cy:"12",r:"3.5"})]})}))}PasswordVisibleIcon.displayName="PasswordVisibleIcon";try{PasswordVisibleIcon.displayName="PasswordVisibleIcon",PasswordVisibleIcon.__docgenInfo={description:"",displayName:"PasswordVisibleIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"]={docgenInfo:PasswordVisibleIcon.__docgenInfo,name:"PasswordVisibleIcon",path:"src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/inline/inline.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return NestedStackStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/heading/heading.tsx"),_inline__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/inline/inline.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function renderInlineContent(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:20,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:80,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:150,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:180,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:100,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48})]})}__webpack_exports__.default={title:"Design system/Inline",component:_inline__WEBPACK_IMPORTED_MODULE_5__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("medium"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.i)(["left","center","right"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.e)()),parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how it wraps content",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{children:renderInlineContent()}))})};InteractivePropsStory.displayName="InteractivePropsStory";var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how spacing changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:renderInlineContent()})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how alignment changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",align:{mobile:"left",tablet:"center",desktop:"right"},children:renderInlineContent()})})]})]})};ResponsiveStory.argTypes=Object.assign({space:{control:!1},align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d);var NestedStackStory=function NestedStackStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_4__.a,{level:"1",children:["Parent stack with space=“",null!=space?space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()})]})})};NestedStackStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("xlarge"),align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory(args: PartialProps<typeof Inline>) {\n    return (\n        <Wrapper title="Change the viewport width to see how it wraps content" border={true}>\n            <Inline {...args}>{renderInlineContent()}</Inline>\n        </Wrapper>\n    )\n}'}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space=\"medium\">\n                <Wrapper title=\"Change the viewport width to see how spacing changes\" border={true}>\n                    <Inline space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}>\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n                <Wrapper\n                    title=\"Change the viewport width to see how alignment changes\"\n                    border={true}\n                >\n                    <Inline\n                        space=\"xsmall\"\n                        align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n                    >\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStackStory.parameters=Object.assign({storySource:{source:'function NestedStackStory({ space }: PartialProps<typeof Inline>) {\n    return (\n        <>\n            <Stack space={space}>\n                <Heading level="1">Parent stack with space=&ldquo;{space ?? \'none\'}&rdquo;</Heading>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n            </Stack>\n        </>\n    )\n}'}},NestedStackStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStackStory.displayName="NestedStackStory",NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/inline/inline.module.css"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_inline_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","alignY","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Inline=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function Inline(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,display:"flex",flexWrap:"wrap",className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.a)(_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"space",space)],ref:ref,alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),children:children}))}))},"./src/new-components/loading/loading.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Example",(function(){return Example})),__webpack_require__.d(__webpack_exports__,"allSizes",(function(){return loading_stories_allSizes})),__webpack_require__.d(__webpack_exports__,"customizeColor",(function(){return loading_stories_customizeColor})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return loading_stories_accessibilityAttributes})),__webpack_require__.d(__webpack_exports__,"accessibilityConsiderations",(function(){return loading_stories_accessibilityConsiderations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["size","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizeMapping={xsmall:16,small:24,medium:36,large:48};function Loading(_ref){var _sizeMapping$size,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),numericSize=null!==(_sizeMapping$size=sizeMapping[size])&&void 0!==_sizeMapping$size?_sizeMapping$size:sizeMapping.small,ariaLabel=props["aria-label"]?props["aria-label"]:props["aria-labelledby"]?void 0:"Loading…";return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{"aria-label":ariaLabel,className:exceptionallySetClassName,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar",children:Object(jsx_runtime.jsx)(spinner.a,{size:numericSize,"aria-hidden":!0})}))}Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{size:{defaultValue:{value:"small"},description:"The size of the loading spinner.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the loading component for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current loading component for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current loading component for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/new-components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var loading_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function loading_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function loading_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Example(_ref){var children=_ref.children,size=_ref.size;return Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},children),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},'size="',size,'"'))}Example.displayName="Example";var layoutProps={Example:Example};function MDXContent(_ref2){var components=_ref2.components,props=loading_stories_objectWithoutProperties(_ref2,loading_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Loading",component:Loading,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Loading"),Object(esm.b)("p",null,"A loading indicator that comes in three sizes."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"All Sizes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Loading,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Loading,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Customized color"),Object(esm.b)("p",null,"The loading indicator adopts the current brand background color defined in the ",Object(esm.b)("inlineCode",{parentName:"p"},"--reactist-spinner-tint"),"\nCSS variable."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Customize Color",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"},mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("h2",null,"Accessibility"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(Loading,{"aria-label":"Loading puppies",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary",mdxType:"Text"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-describedby"))))),Object(esm.b)("h4",null,"Usage Considerations"),Object(esm.b)("p",null,"If the ",Object(esm.b)("inlineCode",{parentName:"p"},"Loading")," component is describing the loading progress of a particular region of a page, you should use the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-describedby")," attribute to point to the status, and set the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-busy")," attribute to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," on the region until it is finished loading."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Considerations",mdxType:"Story"},Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"},mdxType:"Box"},Object(esm.b)(Loading,{"aria-describedby":"loading-progress",mdxType:"Loading"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var loading_stories_allSizes=function allSizes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_allSizes.displayName="allSizes",loading_stories_allSizes.storyName="All Sizes",loading_stories_allSizes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_customizeColor=function customizeColor(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"}},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_customizeColor.displayName="customizeColor",loading_stories_customizeColor.storyName="Customize Color",loading_stories_customizeColor.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd" style={{\n  \'--reactist-spinner-tint\': \'red\'\n}}>\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityAttributes=function accessibilityAttributes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(Loading,{"aria-label":"Loading puppies"}),Object(esm.b)(box.a,{as:"pre"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens"}),Object(esm.b)(box.a,{as:"pre"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress"}),Object(esm.b)(box.a,{as:"pre"},"aria-describedby")))};loading_stories_accessibilityAttributes.displayName="accessibilityAttributes",loading_stories_accessibilityAttributes.storyName="Accessibility Attributes",loading_stories_accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Stack space="xxlarge" align="center">\n                <Loading aria-label="Loading puppies" />\n                <Box as="pre">aria-label</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-kittens" tone="secondary">\n                    Loading kittens...\n                </Text>\n                <Loading aria-labelledby="loading-kittens" />\n                <Box as="pre">aria-labelledby</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-progress" tone="secondary">\n                    50% complete...\n                </Text>\n                <Loading aria-label="loading-progress" />\n                <Box as="pre">aria-describedby</Box>\n            </Stack>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityConsiderations=function accessibilityConsiderations(){return Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"}},Object(esm.b)(Loading,{"aria-describedby":"loading-progress"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete"))};loading_stories_accessibilityConsiderations.displayName="accessibilityConsiderations",loading_stories_accessibilityConsiderations.storyName="Accessibility Considerations",loading_stories_accessibilityConsiderations.parameters=Object.assign({storySource:{source:'<Box alignItems="center" aria-busy={true} display="flex" flexDirection="column" justifyContent="spaceEvenly" style={{\n  background: \'#f3f3f3\',\n  border: \'1px solid #333\',\n  width: \'200px\',\n  height: \'200px\'\n}}>\n            <Loading aria-describedby="loading-progress" />\n            <Text id="loading-progress" tone="secondary">\n                50% complete\n            </Text>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Loading",parameters:{badges:["accessible"]},component:Loading,includeStories:["allSizes","customizeColor","accessibilityAttributes","accessibilityConsiderations"]},mdxStoryNameToKey={"All Sizes":"allSizes","Customize Color":"customizeColor","Accessibility Attributes":"accessibilityAttributes","Accessibility Considerations":"accessibilityConsiderations"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal})),__webpack_require__.d(__webpack_exports__,"autofocus",(function(){return modal_stories_autofocus})),__webpack_require__.d(__webpack_exports__,"stackingModals",(function(){return modal_stories_stackingModals}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),menu=__webpack_require__("./src/components/menu/menu.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return Object(jsx_runtime.jsx)("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26",children:Object(jsx_runtime.jsxs)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:[Object(jsx_runtime.jsx)("circle",{fill:color,cx:"19",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"13",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"7",cy:"13",r:"2"})]})})};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),dist_es2015=__webpack_require__("./node_modules/aria-hidden/dist/es2015/index.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),modal_module=__webpack_require__("./src/new-components/modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function Modal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),setVisible=react.useCallback((function(visible){visible||null==onDismiss||onDismiss()}),[onDismiss]),state=Object(dialog_state.a)({visible:isOpen,setVisible:setVisible}),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]),portalRef=react.useRef(null),dialogRef=react.useRef(null),backdropRef=react.useRef(null),handleBackdropClick=react.useCallback((function(event){var _dialogRef$current,_backdropRef$current;null!==(_dialogRef$current=dialogRef.current)&&void 0!==_dialogRef$current&&_dialogRef$current.contains(event.target)||null===(_backdropRef$current=backdropRef.current)||void 0===_backdropRef$current||!_backdropRef$current.contains(event.target)||(event.stopPropagation(),null==onDismiss||onDismiss())}),[onDismiss]);return react.useLayoutEffect((function disableAccessibilityTreeOutside(){if(isOpen&&portalRef.current)return Object(dist_es2015.a)(portalRef.current)}),[isOpen]),isOpen?Object(jsx_runtime.jsx)(portal.a,{portalRef:portalRef,children:Object(jsx_runtime.jsx)(box.a,{"data-testid":"modal-overlay","data-overlay":!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),onClick:handleBackdropClick,ref:backdropRef,children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(dialog.a,Object.assign({},props,{ref:dialogRef,as:box.a,state:state,hideOnEscape:!0,preventBodyScroll:!0,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}):null}function ModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function ModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(ModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function ModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function ModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function ModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}Modal.displayName="Modal",ModalCloseButton.displayName="ModalCloseButton",ModalBody.displayName="ModalBody",ModalActions.displayName="ModalActions";try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"Modal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/new-components/modal/modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}try{ModalCloseButton.displayName="ModalCloseButton",ModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"ModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalCloseButton"]={docgenInfo:ModalCloseButton.__docgenInfo,name:"ModalCloseButton",path:"src/new-components/modal/modal.tsx#ModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{ModalHeader.displayName="ModalHeader",ModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"ModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see ModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalHeader"]={docgenInfo:ModalHeader.__docgenInfo,name:"ModalHeader",path:"src/new-components/modal/modal.tsx#ModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{ModalBody.displayName="ModalBody",ModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"ModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalBody"]={docgenInfo:ModalBody.__docgenInfo,name:"ModalBody",path:"src/new-components/modal/modal.tsx#ModalBody"})}catch(__react_docgen_typescript_loader_error){}try{ModalFooter.displayName="ModalFooter",ModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"ModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalFooter"]={docgenInfo:ModalFooter.__docgenInfo,name:"ModalFooter",path:"src/new-components/modal/modal.tsx#ModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{ModalActions.displayName="ModalActions",ModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"ModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalActions"]={docgenInfo:ModalActions.__docgenInfo,name:"ModalActions",path:"src/new-components/modal/modal.tsx#ModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,openModal:function openModal(){},closeModal:function closeModal(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var initialState=_ref2.initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],openModal=react.useCallback((function(){setOpen(!0)}),[]),closeModal=react.useCallback((function(){setOpen(!1)}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(Object.assign({},defaultInitialState,initialState)),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,openModal:openModal,closeModal:closeModal,onChange:onChange},props)}),[isOpen,openModal,closeModal,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,_ref5$action=_ref5.action,action=void 0===_ref5$action?"close":_ref5$action,_React$useContext2=react.useContext(ModalStoryContext),openModal=_React$useContext2.openModal,closeModal=_React$useContext2.closeModal;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:"open"===action?openModal:closeModal,children:children})}function modal_stories_components_Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,closeModal=_React$useContext3.closeModal,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(Modal,Object.assign({isOpen:isOpen,onDismiss:closeModal,width:width,height:height},props))}function modal_stories_components_ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(ModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",modal_stories_components_Modal.displayName="Modal",modal_stories_components_ModalHeader.displayName="ModalHeader";var modal_stories_components_ModalBody=ModalBody;function modal_stories_components_ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({withDivider:withScrollableContent},props))}function modal_stories_components_ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalActions,Object.assign({withDivider:withScrollableContent},props))}modal_stories_components_ModalFooter.displayName="ModalFooter",modal_stories_components_ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Modal",component:Modal,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://ariakit.org/components/dialog"},"Ariakit's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:Modal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Modal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:ModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:ModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:ModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:ModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:ModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,{mdxType:"Columns"},Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(menu.a,{mdxType:"Menu"},Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,{mdxType:"ThreeDotsIcon"}),mdxType:"MenuButton"}),Object(esm.b)(menu.e,{"aria-label":"Simple menu",mdxType:"MenuList"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit"),mdxType:"MenuItem"},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate"),mdxType:"MenuItem"},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove"),mdxType:"MenuItem"},"Remove")))),Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(ModalCloseButton,null))),mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Autofocus"),Object(esm.b)("p",null,"By default the ",Object(esm.b)("inlineCode",{parentName:"p"},"autoFocus")," prop is ",Object(esm.b)("inlineCode",{parentName:"p"},"true"),", which shifts the focus onto the first focusable element in the modal. You can further refine this\nby using the ",Object(esm.b)("inlineCode",{parentName:"p"},"data-autofocus")," attribute if you wish to focus on elements other than the first one. This is made possible using React Focus Lock, please see its ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/theKashey/react-focus-lock/tree/v2.9.1#autofocus"},"documentation")," for more details."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Autofocus",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){},mdxType:"TextField"}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0,mdxType:"TextField"}))),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Stacking modals"),Object(esm.b)("p",null,"Modals may be stacked on top of one another, with each of them having their independent states, e.g. ",Object(esm.b)("inlineCode",{parentName:"p"},"width")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"height"),"."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Stacking modals",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"},mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}))))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,null,Object(esm.b)(columns.a,null,Object(esm.b)(menu.a,null,Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,null)}),Object(esm.b)(menu.e,{"aria-label":"Simple menu"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit")},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate")},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove")},"Remove")))),Object(esm.b)(columns.a,null,Object(esm.b)(ModalCloseButton,null)))},Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader button={<Columns>\n                            <Column>\n                                <Menu>\n                                    <MenuButton as={ReactistButton} variant="tertiary" icon={<ThreeDotsIcon />} />\n                                    <MenuList aria-label="Simple menu">\n                                        <MenuItem onSelect={action(\'Edit\')}>Edit</MenuItem>\n                                        <MenuItem onSelect={action(\'Duplicate\')}>\n                                            Duplicate\n                                        </MenuItem>\n                                        <MenuItem onSelect={action(\'Remove\')}>Remove</MenuItem>\n                                    </MenuList>\n                                </Menu>\n                            </Column>\n                            <Column>\n                                <ModalComponents.ModalCloseButton />\n                            </Column>\n                        </Columns>}>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_autofocus=function autofocus(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){}}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0}))),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_autofocus.displayName="autofocus",modal_stories_autofocus.storyName="Autofocus",modal_stories_autofocus.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader>\n                    <Heading level={1}>Update your info</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="large">\n                        <TextField label="Name" value="Bob Odenkirk" onChange={() => undefined} />\n                        <TextField label="Address" data-autofocus />\n                    </Stack>\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Save\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_stackingModals=function stackingModals(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(text_text.a,null,"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,null),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"}},Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)))))))};modal_stories_stackingModals.displayName="stackingModals",modal_stories_stackingModals.storyName="Stacking modals",modal_stories_stackingModals.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal 1">\n                <ModalHeader>\n                    <Heading level={1}>Bottom modal</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Text>\n                        Use the form to customize this modal, or open an additional modal with the\n                        button below.\n                    </Text>\n                    <ModalOptionsForm />\n                    <ModalStoryStateProvider initialState={{\n        width: \'small\',\n        height: \'fitContent\'\n      }}>\n                        <Button variant="primary" action="open">\n                            Open second modal\n                        </Button>\n                        <Modal aria-label="Modal 2">\n                            <ModalHeader>\n                                <Heading level={1}>Top modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                        </Modal>\n                    </ModalStoryStateProvider>\n                </ModalBody>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Modal",parameters:{badges:["accessible"]},component:Modal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal","autofocus","stackingModals"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal",Autofocus:"autofocus","Stacking modals":"stackingModals"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/notice/notice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),box=__webpack_require__("./src/new-components/box/box.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),notice_module=__webpack_require__("./src/new-components/notice/notice.module.css"),notice_module_default=__webpack_require__.n(notice_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notice(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone;return Object(jsx_runtime.jsx)(box.a,{id:id,role:"alert","aria-live":"polite",className:[notice_module_default.a.container,Object(responsive_props.a)(notice_module_default.a,"tone",tone)],children:Object(jsx_runtime.jsxs)(columns.b,{space:"small",alignY:"top",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content",children:Object(jsx_runtime.jsx)(alert_icon.a,{tone:tone})}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsx)(box.a,{paddingY:"xsmall",children:children})})]})})}Notice.displayName="Notice";try{Notice.displayName="Notice",Notice.__docgenInfo={description:"",displayName:"Notice",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/notice/notice.tsx#Notice"]={docgenInfo:Notice.__docgenInfo,name:"Notice",path:"src/new-components/notice/notice.tsx#Notice"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,text=(_ref.closeLabel,"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(esm.b)(text_text.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu.")));return Object(esm.b)(Notice,{tone:tone,mdxType:"Notice"},text)}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Notice",component:Notice,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Notice"),Object(esm.b)("p",null,"A simple Notice component."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Notice,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Notice,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Notice",parameters:{badges:["accessible"]},component:Notice,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/password-field/password-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return password_field_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return password_field_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return password_field_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js")),tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordHiddenIcon(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(jsx_runtime.jsxs)("g",{fill:"gray",fillRule:"evenodd",transform:"translate(2 4)",children:[Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"}),Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"}),Object(jsx_runtime.jsx)("rect",{width:"21",height:"1",x:"-.722",y:"7.778",rx:".5",transform:"rotate(-45 9.778 8.278)"})]})}))}PasswordHiddenIcon.displayName="PasswordHiddenIcon";try{PasswordHiddenIcon.displayName="PasswordHiddenIcon",PasswordHiddenIcon.__docgenInfo={description:"",displayName:"PasswordHiddenIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"]={docgenInfo:PasswordHiddenIcon.__docgenInfo,name:"PasswordHiddenIcon",path:"src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"})}catch(__react_docgen_typescript_loader_error){}var password_field_module=__webpack_require__("./src/new-components/password-field/password-field.module.css"),password_field_module_default=__webpack_require__.n(password_field_module),text_field_module=__webpack_require__("./src/new-components/text-field/text-field.module.css"),text_field_module_default=__webpack_require__.n(text_field_module),_excluded=["variant","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","togglePasswordLabel","hidden","aria-describedby"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var password_field_PasswordField=react.forwardRef((function PasswordField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_ref$togglePasswordLa=_ref.togglePasswordLabel,togglePasswordLabel=void 0===_ref$togglePasswordLa?"Toggle password visibility":_ref$togglePasswordLa,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded),id=Object(common_helpers.b)(props.id),internalRef=react.useRef(null),inputRef=Object(hooks.e)(internalRef,ref),_React$useState2=_slicedToArray(react.useState(!1),2),isPasswordVisible=_React$useState2[0],setPasswordVisible=_React$useState2[1];function togglePasswordVisibility(){var _internalRef$current;setPasswordVisible((function(v){return!v})),null===(_internalRef$current=internalRef.current)||void 0===_internalRef$current||_internalRef$current.focus()}return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(jsx_runtime.jsxs)(box.a,{display:"flex",alignItems:"center",className:[password_field_module_default.a.inputWrapper,text_field_module_default.a.inputWrapper,"error"===tone?text_field_module_default.a.error:null,"bordered"===variant?text_field_module_default.a.bordered:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,extraProps,{ref:inputRef,type:isPasswordVisible?"text":"password"})),Object(jsx_runtime.jsx)(tooltip.a,{content:togglePasswordLabel,children:Object(jsx_runtime.jsx)("button",{type:"button",onClick:togglePasswordVisibility,"aria-label":togglePasswordLabel,tabIndex:-1,children:isPasswordVisible?Object(jsx_runtime.jsx)(password_visible_icon.a,{"aria-hidden":!0}):Object(jsx_runtime.jsx)(PasswordHiddenIcon,{"aria-hidden":!0})})})]})}})}));try{password_field_PasswordField.displayName="PasswordField",password_field_PasswordField.__docgenInfo={description:"",displayName:"PasswordField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:{value:"Toggle password visibility"},description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.tsx#PasswordField"]={docgenInfo:password_field_PasswordField.__docgenInfo,name:"PasswordField",path:"src/new-components/password-field/password-field.tsx#PasswordField"})}catch(__react_docgen_typescript_loader_error){}var password_field_stories_excluded=["label","auxiliaryLabel"];function password_field_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function password_field_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/PasswordField",component:password_field_PasswordField,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var password_field_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=password_field_stories_objectWithoutProperties(_ref,password_field_stories_excluded);return Object(jsx_runtime.jsx)(password_field_PasswordField,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Password"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Forgot your password?"},hint:{control:{type:"text"},defaultValue:"Must be at least 100 characters long, and it should include each letter of the alphabet"},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Type your password"},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge"],"small")};var password_field_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Comparing to original password…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"It does not match the original password",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Matches original password!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};password_field_stories_MessageToneStory.displayName="MessageToneStory";var password_field_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Password field without a built-in label"}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};password_field_stories_WithoutLabelStory.displayName="WithoutLabelStory",password_field_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof PasswordField>) {\n    return (\n        <PasswordField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},password_field_stories_InteractivePropsStory.parameters),password_field_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <PasswordField\n                label="Password confirmation"\n                message="Comparing to original password…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="It does not match the original password"\n                tone="error"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Matches original password!"\n                tone="success"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},password_field_stories_MessageToneStory.parameters),password_field_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <PasswordField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Password field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},password_field_stories_WithoutLabelStory.parameters);try{password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:null,description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"]={docgenInfo:password_field_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/responsive-props.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function getClassNames(styles,property,value){if(!value)return null;var classList=[];return"string"==typeof value?classList.push(styles[property+"-"+value]):(value.mobile&&classList.push(styles[property+"-"+value.mobile]),value.tablet&&classList.push(styles["tablet-"+property+"-"+value.tablet]),value.desktop&&classList.push(styles["desktop-"+property+"-"+value.desktop])),classList}function mapResponsiveProp(fromValue,mapper){if(fromValue)return"object"!=typeof fromValue?mapper(fromValue):{mobile:fromValue.mobile?mapper(fromValue.mobile):void 0,tablet:fromValue.tablet?mapper(fromValue.tablet):void 0,desktop:fromValue.desktop?mapper(fromValue.desktop):void 0}}},"./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/select-field/select-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/select-field/select-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/SelectField",component:___WEBPACK_IMPORTED_MODULE_6__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0,defaultValue:"-",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"-",disabled:!0,children:"Select theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Light themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"default",children:"Default theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"bright",children:"Extra bright"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Dark themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"contrast",children:"High contrast"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"dark",children:"Dark mode"})]})]}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Theme"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"The theme you select will be applied immediately. If you upgrade to premium you will have more themes to choose from."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saving…",tone:"loading",disabled:!0,maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Something went wrong. Please, try again.",tone:"error",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saved successfully!",tone:"success",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the select element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the select element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof SelectField>) {\n    return (\n        <SelectField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n            defaultValue="-"\n        >\n            <option value="-" disabled>\n                Select theme\n            </option>\n            <optgroup label="Light themes">\n                <option value="default">Default theme</option>\n                <option value="bright">Extra bright</option>\n            </optgroup>\n            <optgroup label="Dark themes">\n                <option value="contrast">High contrast</option>\n                <option value="dark">Dark mode</option>\n            </optgroup>\n        </SelectField>\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <SelectField\n                label="Country of residence"\n                message="Saving…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Something went wrong. Please, try again."\n                tone="error"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Saved successfully!"\n                tone="success"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the select element)</em>\n                </Text>\n            </Stack>\n            <SelectField label={null} id="custom-textarea" aria-describedby="custom-description">\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>\n                        (inspect the select element accessibility properties if you are curious)\n                    </em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/select-field/select-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/select-field/select-field.module.css"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","children","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SelectField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function SelectField(_ref,ref){var id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_children=_ref.children,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.selectWrapper,"error"===tone?_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null],children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({},props,extraProps,{ref:ref,children:_children})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(SelectChevron,{"aria-hidden":!0})]})}})}));function SelectChevron(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("svg",Object.assign({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"})}))}SelectChevron.displayName="SelectChevron";try{SelectField.displayName="SelectField",SelectField.__docgenInfo={description:"",displayName:"SelectField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.tsx#SelectField"]={docgenInfo:SelectField.__docgenInfo,name:"SelectField",path:"src/new-components/select-field/select-field.tsx#SelectField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/spinner/spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Spinner}));__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/react/index.js");var _spinner_module_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/spinner/spinner.module.css"),_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_spinner_module_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg",{"aria-hidden":!0,width:size,height:size,viewBox:"0 0 24 24",className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.svg,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g",{fill:"none",fillRule:"nonzero",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})]})})}Spinner.displayName="Spinner";try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/spinner/spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/new-components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/stack/stack.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_heading__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["itemCount"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Stack",component:_stack__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["start","center","end"]),dividers:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["primary","secondary","tertiary"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.e)()),parameters:{badges:["accessible"]}};var widths=[300,360,430,280,600,490,400],heights=[80,40,60,70,90,30,100];function size(index){return{width:widths[index%widths.length],height:heights[index%heights.length]}}var InteractivePropsStory=function InteractivePropsStory(_ref){var itemCount=_ref.itemCount,args=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count",5)};var ResponsiveStory=function ResponsiveStory(_ref2){var itemCount=_ref2.itemCount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,title:"Alignment and spacing changes as the viewport width changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},align:{mobile:"start",tablet:"center",desktop:"end"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))})})]})};ResponsiveStory.argTypes=Object.assign({itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count"),space:{control:!1},align:{control:!1},dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d);var NestedStacksStory=function NestedStacksStory(args){var _args$space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"1",children:["Parent stack with space=“",null!==(_args$space=args.space)&&void 0!==_args$space?_args$space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]})]}))};NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)("xlarge"),dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({\n    itemCount,\n    ...args\n}: PartialProps<typeof Stack> & { itemCount: number }) {\n    return (\n        <Wrapper border={true}>\n            <Stack {...args}>\n                {times(itemCount).map((i) => (\n                    <Placeholder key={i} label={i + 1} {...size(i)} />\n                ))}\n            </Stack>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Wrapper border title=\"Alignment and spacing changes as the viewport width changes\">\n                <Stack\n                    space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}\n                    align={{ mobile: 'start', tablet: 'center', desktop: 'end' }}\n                >\n                    {times(itemCount).map((i) => (\n                        <Placeholder key={i} label={i + 1} {...size(i)} />\n                    ))}\n                </Stack>\n            </Wrapper>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=Object.assign({storySource:{source:'function NestedStacksStory(args: PartialProps<typeof Stack>) {\n    return (\n        <Stack {...args}>\n            <Heading level="1">\n                Parent stack with space=&ldquo;{args.space ?? \'none\'}&rdquo;\n            </Heading>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n        </Stack>\n    )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Stack}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-keyed-flatten-children/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_divider__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/divider/divider.tsx"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/stack/stack.module.css"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_stack_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","dividers","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Stack=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Stack(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"start":_ref$align,_ref$dividers=_ref.dividers,dividers=void 0===_ref$dividers?"none":_ref$dividers,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),alignProps="start"===align?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"start"===align?"flexStart":"end"===align?"flexEnd":"center"}))};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,alignProps,{as:as,className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"space",space)],ref:ref,children:"none"!==dividers?react__WEBPACK_IMPORTED_MODULE_5__.Children.map(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default()(children),(function(child,index){return index>0?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_divider__WEBPACK_IMPORTED_MODULE_10__.a,{weight:dividers}),child]}):child})):children}))}))},"./src/new-components/storybook-helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/box/box.tsx"),_heading__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./src/new-components/default-styles.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function select(options,defaultValue){return{control:{type:"select"},options:options,defaultValue:defaultValue}}function selectWithNone(options){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge","full"]),width:selectWithNone(["auto","maxContent","minContent","fitContent","xsmall","small","medium","large","xlarge","full"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){var _Object$assign;return Object.assign({},accumulator,((_Object$assign={})[key]={control:!1},_Object$assign))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_19__.a,{space:"small",children:[title?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_18__.a,{level:"2",children:title}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{width:"full",style:border?{border:"1px dotted black"}:void 0,children:children})]})}function ResponsiveWidthRef(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{height:"36px"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("div",{style:{position:"fixed",top:0,left:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"},children:"desktop min width"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"},children:"tablet min width"})]})]})}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium",children:label})}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/switch-field/switch-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return accessibilityAttributes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_switch_field__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var label=_ref.label,hint=_ref.hint,disabled=_ref.disabled;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{label:label||"Default label",hint:hint,disabled:disabled,mdxType:"SwitchField"})}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/SwitchField",component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"SwitchField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A checkbox with a built-in label element that visually looks like a toggle switch."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},argTypes:{label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the switch as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"dynamic"}}});var accessibilityAttributes=function accessibilityAttributes(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will describe the switch as "Husky".')))};accessibilityAttributes.displayName="accessibilityAttributes",accessibilityAttributes.storyName="Accessibility Attributes",accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <SwitchField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the switch as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/SwitchField",parameters:{badges:["accessible"]},component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["playground","accessibilityAttributes"]},mdxStoryNameToKey={Playground:"playground","Accessibility Attributes":"accessibilityAttributes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/switch-field/switch-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitchField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_box__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/new-components/box/box.tsx"),_stack__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/text/text.tsx"),_hidden_visually__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),_base_field__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/common-helpers.ts"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/switch-field/switch-field.module.css"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","aria-label","aria-labelledby","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SwitchField=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SwitchField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,hint=_ref.hint,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,hidden=_ref.hidden,defaultChecked=_ref.defaultChecked,originalId=_ref.id,originalAriaDescribedBy=_ref["aria-describedby"],originalAriaLabel=_ref["aria-label"],originalAriaLabelledby=_ref["aria-labelledby"],_onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded),id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(),ariaDescribedBy=null!=originalAriaDescribedBy?originalAriaDescribedBy:hint?hintId:void 0,ariaLabel=null!=originalAriaLabel?originalAriaLabel:void 0,ariaLabelledBy=null!=originalAriaLabelledby?originalAriaLabelledby:void 0,_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_16__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{className:[_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.container,disabled?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.disabled:null,isChecked?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.checked:null,keyFocused?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.keyFocused:null],as:"label",display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.toggle,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_hidden_visually__WEBPACK_IMPORTED_MODULE_18__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("input",Object.assign({},props,{id:id,type:"checkbox",disabled:disabled,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,ref:ref,checked:isChecked,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span",{className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.handle})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_text__WEBPACK_IMPORTED_MODULE_17__.a,{exceptionallySetClassName:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.label,children:label})]}),hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_19__.b,{id:hintId,children:hint}):null]})}));try{SwitchField.displayName="SwitchField",SwitchField.__docgenInfo={description:"",displayName:"SwitchField",props:{"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the switch for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current switch for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current switch for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/switch-field/switch-field.tsx#SwitchField"]={docgenInfo:SwitchField.__docgenInfo,name:"SwitchField",path:"src/new-components/switch-field/switch-field.tsx#SwitchField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/tabs/tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"themedVariant",(function(){return themedVariant})),__webpack_require__.d(__webpack_exports__,"usingTheTabAwareSlotComponent",(function(){return usingTheTabAwareSlotComponent})),__webpack_require__.d(__webpack_exports__,"multipleTabListInstances",(function(){return multipleTabListInstances})),__webpack_require__.d(__webpack_exports__,"polymorphism",(function(){return polymorphism}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_tabs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/tabs/tabs.tsx"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/columns/columns.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(_ref){var variant=_ref.variant,space=_ref.space,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,render=_ref.render,onSelectedIdChange=_ref.onSelectedIdChange,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{variant:variant,selectedId:selectedId,defaultSelectedId:defaultSelectedId,onSelectedIdChange:onSelectedIdChange,mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,space:space,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))))};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Tabs",component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Tabs"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://ariakit.org/examples/tab"},"Ariakit's Tab component"),". For more details of its expected\nbehaviour, see ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role"},"ARIA: tab role"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}},controls:{exclude:["children"]}},args:{"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},argTypes:{selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},name:"Main demo",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tabs>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabList>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tab>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabPanel>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabAwareSlot>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"The following CSS custom properties are available so that the tabs' colors can be customized:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-neutral-background\n--reactist-tab-neutral-foreground\n--reactist-tab-neutral-unselected\n--reactist-tab-neutral-track\n--reactist-tab-neutral-border\n\n--reactist-tab-themed-background\n--reactist-tab-themed-foreground\n--reactist-tab-themed-unselected\n--reactist-tab-themed-track\n--reactist-tab-themed-border\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Their size can also be customized with:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-track-border-width\n--reactist-tab-border-radius\n--reactist-tab-border-width\n--reactist-tab-height\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Themed variant"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},args:{"aria-label":"Tabs with themed variant style",variant:"themed"},name:"Themed variant",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Using the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabAwareSlot>")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Using the TabAwareSlot component",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,{mdxType:"Columns"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content",mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,{mdxType:"TabAwareSlot"},(function(_ref3){var selectedId=_ref3.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3")))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabList>")," instances"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"As long as they exist within the same ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<Tabs>")," component tree, multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<TabList>")," instances can be rendered."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Multiple TabList instances",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"By default, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"TabPanel")," renders an unstyled div. When more control is needed, an element type or component\ncan be specified with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Note that when combined with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},'render="active"')," prop, the entire tabpanel will be affected, including the actual polymorphic component/element passed into ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Polymorphism",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 3"))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=Template.bind({});mainDemo.storyName="Main demo",mainDemo.argTypes={selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},mainDemo.args={"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},mainDemo.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}},controls:{exclude:["children"]}});var themedVariant=Template.bind({});themedVariant.storyName="Themed variant",themedVariant.args={"aria-label":"Tabs with themed variant style",variant:"themed"},themedVariant.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}}});var usingTheTabAwareSlotComponent=function usingTheTabAwareSlotComponent(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,null,(function(_ref4){var selectedId=_ref4.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))))};usingTheTabAwareSlotComponent.displayName="usingTheTabAwareSlotComponent",usingTheTabAwareSlotComponent.storyName="Using the TabAwareSlot component",usingTheTabAwareSlotComponent.parameters=Object.assign({storySource:{source:'<Tabs>\n            <Columns>\n                <Column width="content">\n                    <TabList aria-label="TabAwareSlot example tabs">\n                        <Tab id="tab1">Tab 1</Tab>\n                        <Tab id="tab2">Tab 2</Tab>\n                        <Tab id="tab3">Tab 3</Tab>\n                    </TabList>\n                </Column>\n                <Column>\n                    <TabAwareSlot>\n                        {({\n          selectedId\n        }) => <Box height="full" display="flex" alignItems="center" justifyContent="flexEnd">\n                                <Text>Currently showing the {selectedId} tab</Text>\n                            </Box>}\n                    </TabAwareSlot>\n                </Column>\n            </Columns>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var multipleTabListInstances=function multipleTabListInstances(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")))};multipleTabListInstances.displayName="multipleTabListInstances",multipleTabListInstances.storyName="Multiple TabList instances",multipleTabListInstances.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n            <TabList aria-hidden>\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var polymorphism=function polymorphism(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 3")))};polymorphism.displayName="polymorphism",polymorphism.storyName="Polymorphism",polymorphism.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1" as={Box} paddingX="small" paddingY="xlarge" render="active">\n                <Text>Content of tab 1</Text>\n            </TabPanel>\n            <TabPanel id="tab2" as="section" render="active">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3" as={Columns} paddingX="small" paddingY="xlarge" render="active">\n                <Column>Column 1</Column>\n                <Column>Column 2</Column>\n                <Column>Column 3</Column>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Tabs",parameters:{badges:["accessible"]},component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,includeStories:["mainDemo","themedVariant","usingTheTabAwareSlotComponent","multipleTabListInstances","polymorphism"]},mdxStoryNameToKey={"Main demo":"mainDemo","Themed variant":"themedVariant","Using the TabAwareSlot component":"usingTheTabAwareSlotComponent","Multiple TabList instances":"multipleTabListInstances",Polymorphism:"polymorphism"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/tabs/tabs.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return Tabs})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab})),__webpack_require__.d(__webpack_exports__,"c",(function(){return TabList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return TabPanel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return TabAwareSlot}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),ariakit_tab__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-state.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/ariakit/esm/tab/tab.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-list.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-panel.js"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/utils/polymorphism.ts"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/tabs/tabs.module.css"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__),_box__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","id","exceptionallySetClassName"],_excluded2=["children","space"],_excluded3=["children","id","as","render"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TabsContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext(null);function Tabs(_ref){var children=_ref.children,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,onSelectedIdChange=_ref.onSelectedIdChange,tabState=Object(ariakit_tab__WEBPACK_IMPORTED_MODULE_16__.a)({selectedId:selectedId,setSelectedId:onSelectedIdChange}),previousDefaultSelectedId=Object(_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__.a)(defaultSelectedId),actualSelectedId=tabState.selectedId,select=tabState.select;react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function selectDefaultTab(){selectedId||defaultSelectedId===previousDefaultSelectedId||defaultSelectedId===actualSelectedId||void 0===defaultSelectedId||select(defaultSelectedId)}),[selectedId,defaultSelectedId,actualSelectedId,select,previousDefaultSelectedId]);var memoizedTabState=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function memoizeTabState(){return{tabState:tabState,variant:variant}}),[variant,tabState]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TabsContext.Provider,{value:memoizedTabState,children:children})}Tabs.displayName="Tabs";var Tab=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function Tab(_ref2,ref){var as=_ref2.as,children=_ref2.children,id=_ref2.id,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var variant=tabContextValue.variant,tabState=tabContextValue.tabState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_17__.a,Object.assign({},props,{as:as,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(exceptionallySetClassName,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.tab,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["tab-"+variant]),id:id,state:tabState,ref:ref,children:children}))}));function TabList(_ref3){var children=_ref3.children,_ref3$space=_ref3.space,space=void 0===_ref3$space?"xsmall":_ref3$space,props=_objectWithoutProperties(_ref3,_excluded2),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var tabState=tabContextValue.tabState,variant=tabContextValue.variant;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_tab__WEBPACK_IMPORTED_MODULE_18__.a,Object.assign({state:tabState,as:_box__WEBPACK_IMPORTED_MODULE_24__.a,position:"relative",width:"maxContent"},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.track,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+space],_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+variant])}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:space,children:children})]}))})}TabList.displayName="TabList";var TabPanel=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function TabPanel(_ref4,ref){var children=_ref4.children,id=_ref4.id,as=_ref4.as,_ref4$render=_ref4.render,render=void 0===_ref4$render?"always":_ref4$render,props=_objectWithoutProperties(_ref4,_excluded3),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext),_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),tabRendered=_React$useState2[0],setTabRendered=_React$useState2[1],tabIsActive=(null==tabContextValue?void 0:tabContextValue.tabState.selectedId)===id;if(react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function trackTabRenderedState(){!tabRendered&&tabIsActive&&setTabRendered(!0)}),[tabRendered,tabIsActive]),!tabContextValue)return null;var tabState=tabContextValue.tabState;return"always"===render||"active"===render&&tabIsActive||"lazy"===render&&(tabIsActive||tabRendered)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({tabId:id},props,{state:tabState,as:as,ref:ref,children:children})):null}));function TabAwareSlot(_ref5){var children=_ref5.children,tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);return tabContextValue?children({selectedId:null==tabContextValue?void 0:tabContextValue.tabState.selectedId}):null}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>` components",name:"children",required:!0,type:{name:"ReactNode"}},variant:{defaultValue:{value:"neutral"},description:"Determines the look and feel of the tabs.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"themed"'}]}},selectedId:{defaultValue:null,description:"The id of the selected tab. Assigning a value makes this a\ncontrolled component",name:"selectedId",required:!1,type:{name:"string | null | undefined"}},defaultSelectedId:{defaultValue:null,description:"The tab to initially select. This can be used if the component should not\nbe a controlled component but needs to have a tab selected",name:"defaultSelectedId",required:!1,type:{name:"string | null | undefined"}},onSelectedIdChange:{defaultValue:null,description:"Called with the tab id when a tab is selected",name:"onSelectedIdChange",required:!1,type:{name:"((selectedId: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/new-components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{TabList.displayName="TabList",TabList.__docgenInfo={description:"A component used to group `<Tab>` elements together.",displayName:"TabList",props:{"aria-label":{defaultValue:null,description:"Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted.",name:"aria-label",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"A list of `<Tab>` elements",name:"children",required:!0,type:{name:"ReactNode"}},space:{defaultValue:{value:"xsmall"},description:"Controls the spacing between tabs",name:"space",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},"aria-labelledby":{defaultValue:null,description:"One or more element IDs used to label the tab list for assistive technologies. Required if\n`aria-label` is omitted.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-hidden":{defaultValue:null,description:"For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden",name:"aria-hidden",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/new-components/tabs/tabs.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}try{TabAwareSlot.displayName="TabAwareSlot",TabAwareSlot.__docgenInfo={description:"Allows content to be rendered based on the current tab being selected while outside of the TabPanel\ncomponent. Can be placed freely within the main `<Tabs>` component.",displayName:"TabAwareSlot",props:{children:{defaultValue:null,description:"Render prop used to provide the content to be rendered inside the slot. The render prop will be\ncalled with the current `selectedId`",name:"children",required:!0,type:{name:"(provided: { selectedId?: string | null | undefined; }) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabAwareSlot"]={docgenInfo:TabAwareSlot.__docgenInfo,name:"TabAwareSlot",path:"src/new-components/tabs/tabs.tsx#TabAwareSlot"})}catch(__react_docgen_typescript_loader_error){}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.",displayName:"Tab",props:{children:{defaultValue:null,description:"The content to render inside of the tab button",name:"children",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tab's identifier. This must match its corresponding `<TabPanel>`'s id",name:"id",required:!0,type:{name:"string"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/new-components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The content to be rendered inside the tab",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tabPanel's identifier. This must match its corresponding `<Tab>`'s id",name:"id",required:!0,type:{name:"string"}},render:{defaultValue:null,description:"By default, the tab panel's content is always rendered even when they are not active. This behaviour can be changed to\n'active', which renders only when the tab is active, and 'lazy', meaning while inactive tab panels will not be rendered\ninitially, they will remain mounted once they are active until the entire Tabs tree is unmounted.",name:"render",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"always"'},{value:'"active"'},{value:'"lazy"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/new-components/tabs/tabs.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-area/text-area.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return text_area_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return text_area_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return text_area_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_area_module=__webpack_require__("./src/new-components/text-area/text-area.module.css"),text_area_module_default=__webpack_require__.n(text_area_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function TextArea(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,hidden:hidden,"aria-describedby":ariaDescribedBy,className:[text_area_module_default.a.textAreaContainer,"error"===tone?text_area_module_default.a.error:null,"bordered"===variant?text_area_module_default.a.bordered:null],maxWidth:maxWidth,children:function children(extraProps){return Object(jsx_runtime.jsx)(box.a,{width:"full",display:"flex",children:Object(jsx_runtime.jsx)("textarea",Object.assign({},props,extraProps))})}})}TextArea.displayName="TextArea";try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/new-components/text-area/text-area.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var text_area_stories_excluded=["label","auxiliaryLabel"];function text_area_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function text_area_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/TextArea",component:TextArea,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var text_area_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=text_area_stories_objectWithoutProperties(_ref,text_area_stories_excluded);return Object(jsx_runtime.jsx)(TextArea,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"User bio"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"You’ll have a better experience in our community if others get to know a little bit about you."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Tell us something about yourself. Don’t be shy."},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge","full"],"small")};var text_area_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Saving changes…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Too short. Don't be shy, tell us a bit more.",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Changes saved successfully!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};text_area_stories_MessageToneStory.displayName="MessageToneStory";var text_area_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(TextArea,{label:null,id:"custom-textarea","aria-describedby":"custom-description",rows:8}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the textarea accessibility properties if you are curious)"})})]})]})};text_area_stories_WithoutLabelStory.displayName="WithoutLabelStory",text_area_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextArea>) {\n    return (\n        <TextArea\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},text_area_stories_InteractivePropsStory.parameters),text_area_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextArea\n                label="Profile bio"\n                message="Saving changes…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Too short. Don\'t be shy, tell us a bit more."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Changes saved successfully!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},text_area_stories_MessageToneStory.parameters),text_area_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <TextArea\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                rows={8}\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the textarea accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},text_area_stories_WithoutLabelStory.parameters);try{text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"]={docgenInfo:text_area_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-field/text-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text/text.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text-field/text-field.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/TextField",component:___WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Your name"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"We need your name for billing and shipping purposes. Make sure to enter it correctly."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Enter your name as it appears in your ID"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Verifying code…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Invalid code. Please, try again.",tone:"error",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Code verification successful!",tone:"success",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the input element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Text field without a built-in label"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextField>) {\n    return (\n        <TextField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextField\n                label="Verification code"\n                message="Verifying code…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Invalid code. Please, try again."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Code verification successful!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the input element)</em>\n                </Text>\n            </Stack>\n            <TextField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Text field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text-field/text-field.module.css"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","type","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TextField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function TextField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.inputWrapper,"error"===tone?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input",Object.assign({},props,extraProps,{type:type,ref:ref}))})}})}));try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"src/new-components/text-field/text-field.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text/text.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveTextStory",(function(){return ResponsiveTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return TextPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/text/text.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Text",component:_text__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var TextStory=function TextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"regular",children:"Subtitle Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"secondary",children:"Subtitle Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"danger",children:"Subtitle Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"positive",children:"Subtitle Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"semibold",children:"Subtitle Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"bold",children:"Subtitle Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"regular",children:"Body Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"secondary",children:"Body Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"danger",children:"Body Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"positive",children:"Body Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"semibold",children:"Body Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"bold",children:"Body Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"regular",children:"Copy Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"secondary",children:"Copy Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"danger",children:"Copy Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"positive",children:"Copy Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"semibold",children:"Copy Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"bold",children:"Copy Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"regular",children:"Caption Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"secondary",children:"Caption Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"danger",children:"Caption Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"positive",children:"Caption Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"semibold",children:"Caption Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"bold",children:"Caption Bold"})]})})};TextStory.displayName="TextStory";var TruncatedTextStory=function TruncatedTextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:1,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:4,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."})]})})};TruncatedTextStory.displayName="TruncatedTextStory";var ResponsiveTextStory=function ResponsiveTextStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveTextStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}};var TextPlaygroundStory=function TextPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}},TextStory.parameters=Object.assign({storySource:{source:'function TextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text size="subtitle" weight="regular">\n                    Subtitle Regular\n                </Text>\n                <Text size="subtitle" tone="secondary">\n                    Subtitle Secondary\n                </Text>\n                <Text size="subtitle" tone="danger">\n                    Subtitle Danger\n                </Text>\n                <Text size="subtitle" tone="positive">\n                    Subtitle Positive\n                </Text>\n                <Text size="subtitle" weight="semibold">\n                    Subtitle Semibold\n                </Text>\n                <Text size="subtitle" weight="bold">\n                    Subtitle Bold\n                </Text>\n\n                <Text size="body" weight="regular">\n                    Body Regular\n                </Text>\n                <Text size="body" tone="secondary">\n                    Body Secondary\n                </Text>\n                <Text size="body" tone="danger">\n                    Body Danger\n                </Text>\n                <Text size="body" tone="positive">\n                    Body Positive\n                </Text>\n                <Text size="body" weight="semibold">\n                    Body Semibold\n                </Text>\n                <Text size="body" weight="bold">\n                    Body Bold\n                </Text>\n\n                <Text size="copy" weight="regular">\n                    Copy Regular\n                </Text>\n                <Text size="copy" tone="secondary">\n                    Copy Secondary\n                </Text>\n                <Text size="copy" tone="danger">\n                    Copy Danger\n                </Text>\n                <Text size="copy" tone="positive">\n                    Copy Positive\n                </Text>\n                <Text size="copy" weight="semibold">\n                    Copy Semibold\n                </Text>\n                <Text size="copy" weight="bold">\n                    Copy Bold\n                </Text>\n\n                <Text size="caption" weight="regular">\n                    Caption Regular\n                </Text>\n                <Text size="caption" tone="secondary">\n                    Caption Secondary\n                </Text>\n                <Text size="caption" tone="danger">\n                    Caption Danger\n                </Text>\n                <Text size="caption" tone="positive">\n                    Caption Positive\n                </Text>\n                <Text size="caption" weight="semibold">\n                    Caption Semibold\n                </Text>\n                <Text size="caption" weight="bold">\n                    Caption Bold\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TextStory.parameters),TruncatedTextStory.parameters=Object.assign({storySource:{source:'function TruncatedTextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text lineClamp={1}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n\n                <Text lineClamp={4}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TruncatedTextStory.parameters),ResponsiveTextStory.parameters=Object.assign({storySource:{source:"function ResponsiveTextStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Text {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveTextStory.parameters),TextPlaygroundStory.parameters=Object.assign({storySource:{source:'function TextPlaygroundStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <section className="story playground">\n            <Text {...props} />\n        </section>\n    )\n}'}},TextPlaygroundStory.parameters);try{ResponsiveTextStory.displayName="ResponsiveTextStory",ResponsiveTextStory.__docgenInfo={description:"",displayName:"ResponsiveTextStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#ResponsiveTextStory"]={docgenInfo:ResponsiveTextStory.__docgenInfo,name:"ResponsiveTextStory",path:"src/new-components/text/text.stories.tsx#ResponsiveTextStory"})}catch(__react_docgen_typescript_loader_error){}try{TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Text}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utils/polymorphism.ts"),_text_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/text/text.module.css"),_text_module_css__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_text_module_css__WEBPACK_IMPORTED_MODULE_12__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__.a)((function Text(_ref,ref){var as=_ref.as,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,align=_ref.align,children=_ref.children,lineClamp=_ref.lineClamp,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),lineClampMultipleLines="string"==typeof lineClamp?Number(lineClamp)>1:(null!=lineClamp?lineClamp:1)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{as:as,className:[exceptionallySetClassName,_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.text,"body"!==size?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"size",size):null,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"tone",tone):null,lineClampMultipleLines?_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,ref:ref,children:children}))}))},"./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/toast/toast.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NotificationToastsStory",(function(){return toast_stories_NotificationToastsStory})),__webpack_require__.d(__webpack_exports__,"StaticToastStory",(function(){return toast_stories_StaticToastStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),checkbox_field=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),close_icon=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/new-components/icons/close-icon.tsx")),text_text=__webpack_require__("./src/new-components/text/text.tsx"),toast_module=__webpack_require__("./src/new-components/toast/toast.module.css"),toast_module_default=__webpack_require__.n(toast_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["message","description","icon","action","onDismiss","dismissLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StaticToast=react_default.a.forwardRef((function Toast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,onDismiss=_ref.onDismiss,_ref$dismissLabel=_ref.dismissLabel,dismissLabel=void 0===_ref$dismissLabel?"Close":_ref$dismissLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)(box.a,Object.assign({ref:ref,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:toast_module_default.a.toastContainer},props,{children:[icon?Object(jsx_runtime.jsx)(ToastContentSlot,{children:icon}):null,Object(jsx_runtime.jsx)(box.a,{flexGrow:1,maxWidth:"small",children:description?Object(jsx_runtime.jsxs)(stack.a,{space:"small",children:[Object(jsx_runtime.jsxs)(text_text.a,{weight:"bold",children:[message," "]}),Object(jsx_runtime.jsx)(text_text.a,{children:description})]}):Object(jsx_runtime.jsx)(text_text.a,{children:message})}),action?Object(jsx_runtime.jsx)(ToastContentSlot,{children:isActionObject(action)?Object(jsx_runtime.jsx)(button_button.a,{variant:"tertiary",size:"small",onClick:action.onClick,children:action.label}):action}):null,onDismiss?Object(jsx_runtime.jsx)(ToastContentSlot,{children:Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",size:"small",onClick:onDismiss,"aria-label":dismissLabel,icon:Object(jsx_runtime.jsx)(close_icon.a,{})})}):null]}))}));function isActionObject(action){return null!=action&&"object"==typeof action&&"label"in action&&"onClick"in action&&"string"==typeof action.label&&"function"==typeof action.onClick}function ToastContentSlot(_ref2){var children=_ref2.children;return Object(jsx_runtime.jsx)(box.a,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:toast_module_default.a.slot,children:children})}ToastContentSlot.displayName="ToastContentSlot";try{StaticToast.displayName="StaticToast",StaticToast.__docgenInfo={description:"A toast that shows a message, and an optional action associated with it.\n\nThis component is generally not meant to be used directly. Most of the time you'll want to use\ntoasts generated via `useToasts` instead. However, this component is available in case you need\nto take control of rendering a toast under different circumstances than that of notification-like\nfloating toasts.\n\nThis component makes no assumptions outwardly about how it is positioned on the screen. That is,\nit will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\nprovides the toast look and feel, but you are responsible for positioning it as you want.",displayName:"StaticToast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:{value:"Close"},description:"The label for the button that dismisses the toast.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/static-toast.tsx#StaticToast"]={docgenInfo:StaticToast.__docgenInfo,name:"StaticToast",path:"src/new-components/toast/static-toast.tsx#StaticToast"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts");__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function animate(_ref){var element=_ref.element,transforms=_ref.transforms,transition=_ref.transition,done=_ref.done,fallbackTimeout=setTimeout((function(){null==done||done()}),400);transforms.forEach((function(_ref2){var property=_ref2.property,_ref2$from=_ref2.from,from=void 0===_ref2$from?"":_ref2$from;element.style.setProperty(property,from)})),element.style.setProperty("transition",""),element.addEventListener("transitionend",(function transitionEndHandler(event){event.target===element&&(element.style.setProperty("transition",""),null==done||done(),element.removeEventListener("transitionend",transitionEndHandler),clearTimeout(fallbackTimeout))})),window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){element.style.setProperty("transition",transition),transforms.forEach((function(_ref3){var property=_ref3.property,_ref3$to=_ref3.to,to=void 0===_ref3$to?"":_ref3$to;element.style.setProperty(property,to)}))}))}))}var use_toasts_excluded=["toastId"];function use_toasts_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function use_toasts_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return use_toasts_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||use_toasts_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_slicedToArray(arr,i){return function use_toasts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function use_toasts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||use_toasts_unsupportedIterableToArray(arr,i)||function use_toasts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return use_toasts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?use_toasts_arrayLikeToArray(o,minLen):void 0}}function use_toasts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var use_toasts_InternalToast=react_default.a.forwardRef((function InternalToast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,autoDismissDelay=_ref.autoDismissDelay,dismissLabel=_ref.dismissLabel,_ref$showDismissButto=_ref.showDismissButton,showDismissButton=void 0===_ref$showDismissButto||_ref$showDismissButto,toastId=_ref.toastId,onDismiss=_ref.onDismiss,onRemoveToast=_ref.onRemoveToast,_React$useState2=use_toasts_slicedToArray(react_default.a.useState(Boolean(autoDismissDelay)),2),timeoutRunning=_React$useState2[0],setTimeoutRunning=_React$useState2[1],timeoutRef=react_default.a.useRef(),startTimeout=react_default.a.useCallback((function startTimeout(){setTimeoutRunning(!0)}),[]),stopTimeout=react_default.a.useCallback((function stopTimeout(){setTimeoutRunning(!1),clearTimeout(timeoutRef.current),timeoutRef.current=void 0}),[]);return react_default.a.useEffect((function setupAutoDismiss(){if(timeoutRunning&&autoDismissDelay)return timeoutRef.current=window.setTimeout((function(){onRemoveToast(toastId),null==onDismiss||onDismiss()}),1e3*autoDismissDelay),stopTimeout}),[autoDismissDelay,onDismiss,onRemoveToast,toastId,stopTimeout,timeoutRunning]),Object(jsx_runtime.jsx)(StaticToast,{ref:ref,message:message,description:description,icon:icon,action:action,onDismiss:showDismissButton?function(){null==onDismiss||onDismiss(),onRemoveToast(toastId)}:void 0,dismissLabel:dismissLabel,onMouseEnter:stopTimeout,onMouseLeave:startTimeout})})),ToastsContext=react_default.a.createContext((function(){return function(){}}));function ToastsProvider(_ref2){var children=_ref2.children,_ref2$padding=_ref2.padding,padding=void 0===_ref2$padding?"large":_ref2$padding,_ref2$defaultAutoDism=_ref2.defaultAutoDismissDelay,defaultAutoDismissDelay=void 0===_ref2$defaultAutoDism?10:_ref2$defaultAutoDism,_ref2$defaultDismissL=_ref2.defaultDismissLabel,defaultDismissLabel=void 0===_ref2$defaultDismissL?"Close":_ref2$defaultDismissL,_React$useState4=use_toasts_slicedToArray(react_default.a.useState([]),2),toasts=_React$useState4[0],setToasts=_React$useState4[1],_useToastsAnimation=function useToastsAnimation(){var refs=Object(react.useMemo)((function(){return new Map}),[]),positions=Object(react.useMemo)((function(){return new Map}),[]);Object(react.useLayoutEffect)((function(){var animations=[];Array.from(refs.entries()).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),id=_ref5[0],element=_ref5[1];if(element){var prevTop=positions.get(id),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height;"number"==typeof prevTop&&prevTop!==top?animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+(prevTop-top)+"px)"}]}):"number"!=typeof prevTop&&animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+height+"px)"},{property:"opacity",from:"0"}]}),positions.set(id,element.getBoundingClientRect().top)}else refs.delete(id)})),animations.forEach((function(_ref6){animate({element:_ref6.element,transforms:_ref6.transforms,transition:_ref6.transition})}))}));var animateRemove=Object(react.useCallback)((function animateRemove(id,onAnimationDone){var element=refs.get(id);element&&animate({element:element,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:onAnimationDone})}),[refs]);return{mappedRef:Object(react.useCallback)((function(id){return function(ref){refs.set(id,ref)}}),[refs]),animateRemove:animateRemove}}(),mappedRef=_useToastsAnimation.mappedRef,animateRemove=_useToastsAnimation.animateRemove,removeToast=react_default.a.useCallback((function onRemoveToast(toastId){animateRemove(toastId,(function(){setToasts((function(list){var index=list.findIndex((function(n){return n.toastId===toastId}));if(index<0)return list;var copy=_toConsumableArray(list);return copy.splice(index,1),copy}))}))}),[animateRemove]),showToast=react_default.a.useCallback((function showToast(props){var toastId=Object(common_helpers.a)("toast"),newToast=Object.assign({autoDismissDelay:defaultAutoDismissDelay,dismissLabel:defaultDismissLabel},props,{toastId:toastId});return setToasts((function(list){return[].concat(_toConsumableArray(list),[newToast])})),function(){return removeToast(toastId)}}),[defaultAutoDismissDelay,defaultDismissLabel,removeToast]);return Object(jsx_runtime.jsxs)(ToastsContext.Provider,{value:showToast,children:[children,Object(jsx_runtime.jsx)(portal.a,{children:0===toasts.length?null:Object(jsx_runtime.jsx)(box.a,{className:toast_module_default.a.stackedToastsView,position:"fixed",width:"full",paddingX:padding,paddingBottom:padding,children:Object(jsx_runtime.jsx)(stack.a,{space:"medium",children:toasts.map((function(_ref3){var toastId=_ref3.toastId,props=use_toasts_objectWithoutProperties(_ref3,use_toasts_excluded);return Object(jsx_runtime.jsx)(use_toasts_InternalToast,Object.assign({ref:mappedRef(toastId),toastId:toastId,onRemoveToast:removeToast},props),toastId)}))})})})]})}function useToasts(){return react_default.a.useContext(ToastsContext)}function use_toasts_Toast(props){var showToast=useToasts(),propsRef=react_default.a.useRef(props);return react_default.a.useEffect((function(){return showToast(propsRef.current)}),[showToast]),null}ToastsProvider.displayName="ToastsProvider";try{use_toasts_Toast.displayName="Toast",use_toasts_Toast.__docgenInfo={description:'Adds a toast to be rendered, stacked alongside any other currently active toasts.\n\nFor most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\nThis component is provided for convenience to render toasts in the markup, but it has some\npeculiarities, which are discussed below.\n\nInternally, this calls `showToast`. It is provided for two reasons:\n\n1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n   toasts rendered in this way will be removed from view when the context where it is rendered\n   is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n   by the user or after a delay. They\'ll still be animated on their way out, though.\n2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n   `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when\n   the component ceases to be rendered).\n\nThis is useful for cases when the consumer wants to control when a toast is visible, and to keep\nit visible based on an app-specific condition.\n\nSomething important to note about this component is that it triggers the toast based on the props\npassed when first rendered, and it does not update the toast if these props change on subsequent\nrenders. In this sense, this is an imperative component, more than a descriptive one. This is\ndone to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\ntoast imperatively, and you loose control over it. It remains rendered according to the props you\nfirst passed.',displayName:"Toast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:null,description:"The label for the button that dismisses the toast.\nThe label for the button that dismisses the toast.\n\nIt defaults to the value set in the ToastsProvider, but individual toasts can have a\ndifferent value if needed.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}},autoDismissDelay:{defaultValue:null,description:"The number of seconds the toast is expected to be shown before it is dismissed automatically,\nor false to disable auto-dismiss.\n\nIt defaults to whatever is the autoDismissDelay set in the ToastsProvider.",name:"autoDismissDelay",required:!1,type:{name:"number | false | undefined"}},showDismissButton:{defaultValue:{value:"true"},description:"Whether to show the dismiss button or not.\n\nUse this value with care. If combined with disabling `autoDismissDelay`, it may leave you\nwith toasts that the user won't be able to dismiss at will. It then is your responsibility to\ndismiss the toast by calling the function returned by `showToast`.",name:"showDismissButton",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#Toast"]={docgenInfo:use_toasts_Toast.__docgenInfo,name:"Toast",path:"src/new-components/toast/use-toasts.tsx#Toast"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProvider.displayName="ToastsProvider",ToastsProvider.__docgenInfo={description:"Provides the state management and rendering of the toasts currently active.\n\nYou need to render this near the top of your app components tree, in order to `useToasts`.",displayName:"ToastsProvider",props:{defaultDismissLabel:{defaultValue:{value:"Close"},description:"The default label to apply to toast dismiss buttons.\n\nThis is useful in environments that need locatization, so you do not need to pass the same\ntranslated label every time you trigger a toast.\n\nHowever, you can still apply a different label to a specific toast, by passing a different\nvalue when calling showToast.",name:"defaultDismissLabel",required:!1,type:{name:"string | undefined"}},defaultAutoDismissDelay:{defaultValue:{value:"10"},description:"The default number of seconds after which the toast will be dismissed automatically.\n\nYou can pass a different value to a specific toast when calling `showToast`. You can even\npass `false` if you want a certain toast to never be dismissed automatically.",name:"defaultAutoDismissDelay",required:!1,type:{name:"number | undefined"}},padding:{defaultValue:{value:"large"},description:"The padding used to separate the toasts from the viewport borders.",name:"padding",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},children:{defaultValue:null,description:"The app wrapped by the provider.",name:"children",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProvider"]={docgenInfo:ToastsProvider.__docgenInfo,name:"ToastsProvider",path:"src/new-components/toast/use-toasts.tsx#ToastsProvider"})}catch(__react_docgen_typescript_loader_error){}try{useToasts.displayName="useToasts",useToasts.__docgenInfo={description:"Provides a function `showToast` that shows a new toast every time you call it.\n\n```jsx\nconst showToast = useToasts()\n\n<button onClick={() => showToast({ message: 'Hello' })}>\n  Say hello\n</button>\n```\n\nAll toasts fired via this function are rendered in a global fixed location, and stacked one on\ntop of the other.\n\nWhen called, `showToast` returns a function that dismisses the toast when called.",displayName:"useToasts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#useToasts"]={docgenInfo:useToasts.__docgenInfo,name:"useToasts",path:"src/new-components/toast/use-toasts.tsx#useToasts"})}catch(__react_docgen_typescript_loader_error){}try{ToastProps.displayName="ToastProps",ToastProps.__docgenInfo={description:"The props needed to fire up a new notification toast.",displayName:"ToastProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastProps"]={docgenInfo:ToastProps.__docgenInfo,name:"ToastProps",path:"src/new-components/toast/use-toasts.tsx#ToastProps"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProviderProps.displayName="ToastsProviderProps",ToastsProviderProps.__docgenInfo={description:"The props needed by the ToastsProvider component.",displayName:"ToastsProviderProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProviderProps"]={docgenInfo:ToastsProviderProps.__docgenInfo,name:"ToastsProviderProps",path:"src/new-components/toast/use-toasts.tsx#ToastsProviderProps"})}catch(__react_docgen_typescript_loader_error){}function toast_stories_slicedToArray(arr,i){return function toast_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function toast_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function toast_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return toast_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return toast_stories_arrayLikeToArray(o,minLen)}(arr,i)||function toast_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function toast_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Design system/Toast",parameters:{badges:["accessible"],layout:"fullscreen"},decorators:[function(Story){return Object(jsx_runtime.jsx)(ToastsProvider,{children:Object(jsx_runtime.jsx)(Story,{})})}]};var toast_stories_message=["Task was successfully deleted","Message was sent","Someone invited you to collaborate on a project","The project could not be deleted because there are other members collaborating on it","Your invitation could not be sent. Please try again.","There was an error trying to delete the channel. Please, try again.","An unknown error happened. If the issue persist, contact our support team."],actions=["Undo","Retry","Details"];function getRandom(list){return list[Math.floor(Math.random()*list.length)]}var toast_stories_NotificationToastsStory=function NotificationToastsStory(){var showToast=useToasts(),count=react.useRef(0),_React$useState2=toast_stories_slicedToArray(react.useState(!1),2),showSticky=_React$useState2[0],setShowSticky=_React$useState2[1];return Object(jsx_runtime.jsxs)(box.a,{padding:"large",children:[Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"useToast"})," hook to fire notification-like toasts."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return showToast({message:count.current+++": "+getRandom(toast_stories_message)})},children:"Show toast"}),Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){var actionLabel=getRandom(actions);showToast({message:count.current+++": "+getRandom(toast_stories_message),action:{label:actionLabel,onClick:Object(esm.action)(actionLabel)}})},children:"Show toast with action"})]})}),Object(jsx_runtime.jsx)(switch_field.a,{label:"Show sticky toast?",checked:showSticky,onChange:function onChange(event){return setShowSticky(event.target.checked)},hint:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Using the ",Object(jsx_runtime.jsx)("code",{children:"<Toast/>"})," component, you can achieve having a toast that remains in view, and you control when it goes away."]})})]}),showSticky?Object(jsx_runtime.jsx)(use_toasts_Toast,{message:"This is a sticky toast",showDismissButton:!1,autoDismissDelay:!1}):null]})};toast_stories_NotificationToastsStory.displayName="NotificationToastsStory";var toast_stories_StaticToastStory=function StaticToastStory(){var _React$useState4=toast_stories_slicedToArray(react.useState(!1),2),showIcon=_React$useState4[0],setShowIcon=_React$useState4[1],_React$useState6=toast_stories_slicedToArray(react.useState(!1),2),showDismiss=_React$useState6[0],setShowDismiss=_React$useState6[1],_React$useState8=toast_stories_slicedToArray(react.useState("none"),2),actionVariant=_React$useState8[0],setActionVariant=_React$useState8[1],onClick=Object(esm.action)("Toast action"),action="default"===actionVariant?{label:"Accept invitation",onClick:onClick}:"loading"===actionVariant?Object(jsx_runtime.jsx)(spinner.a,{size:16}):"icon-button"===actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",icon:Object(jsx_runtime.jsx)(password_visible_icon.a,{}),"aria-label":"Done",size:"small",onClick:onClick}):"none"!==actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:actionVariant,onClick:onClick,children:"Accept invitation"}):void 0,commonProps={icon:showIcon?Object(jsx_runtime.jsx)(alert_icon.a,{tone:"info"}):void 0,onDismiss:showDismiss?function(){}:void 0,action:action};return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",padding:"large",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Statically-rendered toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"StaticToast"})," component to render a toast in custom positions."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show icon?",checked:showIcon,onChange:function onChange(event){return setShowIcon(event.target.checked)}}),Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show dismiss button?",checked:showDismiss,onChange:function onChange(event){return setShowDismiss(event.target.checked)}})]})}),Object(jsx_runtime.jsxs)(select_field.a,{label:"Action button variant",value:actionVariant,onChange:function onChange(event){setActionVariant(event.target.value)},maxWidth:"xsmall",children:[Object(jsx_runtime.jsx)("option",{value:"none",children:"none"}),Object(jsx_runtime.jsx)("option",{value:"default",children:"default"}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom button",children:[Object(jsx_runtime.jsx)("option",{value:"primary",children:"primary"}),Object(jsx_runtime.jsx)("option",{value:"secondary",children:"secondary"}),Object(jsx_runtime.jsx)("option",{value:"tertiary",children:"tertiary"}),Object(jsx_runtime.jsx)("option",{value:"quaternary",children:"quaternary"})]}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom element",children:[Object(jsx_runtime.jsx)("option",{value:"icon-button",children:"icon-button"}),Object(jsx_runtime.jsx)("option",{value:"loading",children:"loading"})]})]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message only"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project"},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message and description"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project",description:"You need to accept the invitation in order to collaborate."},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Very long content"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"The project you were invited to could not be loaded into your workspace at this time",description:"Please, try to access the project again in a few minutes. If the problem persists, contact our support team"},commonProps))]})]})};toast_stories_StaticToastStory.displayName="StaticToastStory",toast_stories_NotificationToastsStory.parameters=Object.assign({storySource:{source:'function NotificationToastsStory() {\n    const showToast = useToasts()\n    const count = React.useRef(0)\n    const [showSticky, setShowSticky] = React.useState(false)\n    return (\n        <Box padding="large">\n            <Stack space="xlarge">\n                <Heading level={1} size="larger">\n                    Toasts\n                </Heading>\n                <Text>\n                    Use the <code>useToast</code> hook to fire notification-like toasts.\n                </Text>\n                <Box>\n                    <Inline space="large">\n                        <Button\n                            variant="primary"\n                            onClick={() =>\n                                showToast({ message: `${count.current++}: ${getRandom(message)}` })\n                            }\n                        >\n                            Show toast\n                        </Button>\n                        <Button\n                            variant="primary"\n                            onClick={() => {\n                                const actionLabel = getRandom(actions)\n                                showToast({\n                                    message: `${count.current++}: ${getRandom(message)}`,\n                                    action: {\n                                        label: actionLabel,\n                                        onClick: storybookAction(actionLabel),\n                                    },\n                                })\n                            }}\n                        >\n                            Show toast with action\n                        </Button>\n                    </Inline>\n                </Box>\n                <SwitchField\n                    label="Show sticky toast?"\n                    checked={showSticky}\n                    onChange={(event) => setShowSticky(event.target.checked)}\n                    hint={\n                        <>\n                            Using the <code>&lt;Toast/&gt;</code> component, you can achieve having\n                            a toast that remains in view, and you control when it goes away.\n                        </>\n                    }\n                />\n            </Stack>\n            {showSticky ? (\n                <Toast\n                    message="This is a sticky toast"\n                    showDismissButton={false}\n                    autoDismissDelay={false}\n                />\n            ) : null}\n        </Box>\n    )\n}'}},toast_stories_NotificationToastsStory.parameters),toast_stories_StaticToastStory.parameters=Object.assign({storySource:{source:'function StaticToastStory() {\n    const [showIcon, setShowIcon] = React.useState(false)\n    const [showDismiss, setShowDismiss] = React.useState(false)\n    const [actionVariant, setActionVariant] = React.useState<\n        ButtonProps[\'variant\'] | \'default\' | \'loading\' | \'icon-button\' | \'none\'\n    >(\'none\')\n\n    const onClick = storybookAction(\'Toast action\')\n    const action: StaticToastProps[\'action\'] =\n        actionVariant === \'default\' ? (\n            { label: \'Accept invitation\', onClick }\n        ) : actionVariant === \'loading\' ? (\n            <Spinner size={16} />\n        ) : actionVariant === \'icon-button\' ? (\n            <Button\n                variant="quaternary"\n                icon={<PasswordVisibleIcon />}\n                aria-label="Done"\n                size="small"\n                onClick={onClick}\n            />\n        ) : actionVariant !== \'none\' ? (\n            <Button variant={actionVariant} onClick={onClick}>\n                Accept invitation\n            </Button>\n        ) : undefined\n\n    const commonProps = {\n        icon: showIcon ? <AlertIcon tone="info" /> : undefined,\n        onDismiss: showDismiss ? () => undefined : undefined,\n        action,\n    }\n\n    return (\n        <Stack space="xlarge" padding="large">\n            <Heading level={1} size="larger">\n                Statically-rendered toasts\n            </Heading>\n            <Text>\n                Use the <code>StaticToast</code> component to render a toast in custom positions.\n            </Text>\n            <Box>\n                <Inline space="large">\n                    <CheckboxField\n                        label="Show icon?"\n                        checked={showIcon}\n                        onChange={(event) => setShowIcon(event.target.checked)}\n                    />\n                    <CheckboxField\n                        label="Show dismiss button?"\n                        checked={showDismiss}\n                        onChange={(event) => setShowDismiss(event.target.checked)}\n                    />\n                </Inline>\n            </Box>\n            <SelectField\n                label="Action button variant"\n                value={actionVariant}\n                onChange={(event) => {\n                    // @ts-expect-error\n                    setActionVariant(event.target.value)\n                }}\n                maxWidth="xsmall"\n            >\n                <option value="none">none</option>\n                <option value="default">default</option>\n                <optgroup label="Custom button">\n                    <option value="primary">primary</option>\n                    <option value="secondary">secondary</option>\n                    <option value="tertiary">tertiary</option>\n                    <option value="quaternary">quaternary</option>\n                </optgroup>\n                <optgroup label="Custom element">\n                    <option value="icon-button">icon-button</option>\n                    <option value="loading">loading</option>\n                </optgroup>\n            </SelectField>\n\n            <Stack space="medium">\n                <Heading level="2">Message only</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Message and description</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    description="You need to accept the invitation in order to collaborate."\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Very long content</Heading>\n                <StaticToast\n                    message="The project you were invited to could not be loaded into your workspace at this time"\n                    description="Please, try to access the project again in a few minutes. If the problem persists, contact our support team"\n                    {...commonProps}\n                />\n            </Stack>\n        </Stack>\n    )\n}'}},toast_stories_StaticToastStory.parameters)},"./src/utils/polymorphism.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return polymorphicComponent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function polymorphicComponent(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}},"./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":"./stories/components/Avatar.stories.tsx","./components/ColorPicker.stories.tsx":"./stories/components/ColorPicker.stories.tsx","./components/Dropdown.stories.tsx":"./stories/components/Dropdown.stories.tsx","./components/Input.stories.tsx":"./stories/components/Input.stories.tsx","./components/KeyCapturer.stories.mdx":"./stories/components/KeyCapturer.stories.mdx","./components/KeyboardShortcut.stories.tsx":"./stories/components/KeyboardShortcut.stories.tsx","./components/Notification.stories.tsx":"./stories/components/Notification.stories.tsx","./components/ProgressBar.stories.tsx":"./stories/components/ProgressBar.stories.tsx","./components/Select.stories.tsx":"./stories/components/Select.stories.tsx","./components/Time.stories.tsx":"./stories/components/Time.stories.tsx","./components/Tooltip.stories.tsx":"./stories/components/Tooltip.stories.tsx","./components/color.stories.tsx":"./stories/components/color.stories.tsx","./reactist/Reactist.stories.mdx":"./stories/reactist/Reactist.stories.mdx","./reactist/nesting-vs-polymorphism.stories.mdx":"./stories/reactist/nesting-vs-polymorphism.stories.mdx","./reactist/simplified-nested-markup.stories.mdx":"./stories/reactist/simplified-nested-markup.stories.mdx","./reactist/single-child-stack-columns.stories.mdx":"./stories/reactist/single-child-stack-columns.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},"./stories/components/Avatar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/avatar_story.less"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/avatar/avatar.tsx"),_src__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/inline/inline.tsx"),_src__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Avatar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.withKnobs],component:_src__WEBPACK_IMPORTED_MODULE_5__.a};var exampleData=[{size:"xxs",user:{name:"Henning Mu",email:"henning@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xs",user:{name:"João Va",email:"joao@foo.com"},image:"https://loremflickr.com/320/320"},{size:"s",user:{name:"Amir Sa",email:"amir@foo.com"},image:"https://loremflickr.com/320/320"},{size:"m",user:{name:"Alex Mu",email:"alex@foo.com"},image:"https://loremflickr.com/320/320"},{size:"l",user:{name:"Julia",email:"julia@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xl",user:{name:"Janusz Gr",email:"janusz@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxl",user:{name:"Jaime Az",email:"jaime@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxxl",user:{name:"Igor Kh",email:"igor@foo.com"},image:"https://loremflickr.com/320/320"}],InitialsAvatarStory=function InitialsAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user},index)}))})};InitialsAvatarStory.displayName="InitialsAvatarStory";var CustomColorAvatarStory=function CustomColorAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{colorList:["palevioletred","palegoldenrod","palegreen","paleturquoise"],size:data.size,user:data.user},index)}))})};CustomColorAvatarStory.displayName="CustomColorAvatarStory";var PictureAvatarStory=function PictureAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user,avatarUrl:data.image},index)}))})};PictureAvatarStory.displayName="PictureAvatarStory";var AvatarPlaygroundStory=function AvatarPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_7__.a,{className:"story Avatar",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{user:{name:args.userName,email:args.email}}))})};AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.args={size:"l",avatarUrl:"https://loremflickr.com/320/320",userName:"",email:""},AvatarPlaygroundStory.argTypes={size:{type:"select",options:["xxs","xs","s","m","l","xl","xxl","xxxl"]},avatarUrl:{control:{type:"text"}},userName:{control:{type:"text"}},email:{control:{type:"text"}},className:{control:{type:null}},user:{control:{type:null}},colorList:{control:{type:null}}},InitialsAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} />\n        ))}\n    </Inline>\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=Object.assign({storySource:{source:"() => (\n    <Inline space=\"small\">\n        {exampleData.map((data, index) => (\n            <Avatar\n                colorList={['palevioletred', 'palegoldenrod', 'palegreen', 'paleturquoise']}\n                key={index}\n                size={data.size}\n                user={data.user}\n            />\n        ))}\n    </Inline>\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} avatarUrl={data.image} />\n        ))}\n    </Inline>\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <Box className="story Avatar">\n            <Avatar\n                {...args}\n                user={{\n                    name: args.userName,\n                    email: args.email,\n                }}\n            />\n        </Box>\n    )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ColorPicker.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),deprecated_dropdown=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/color-picker/color-picker.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),COLORS=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return Object(jsx_runtime.jsxs)(deprecated_dropdown.a.Box,{right:!0,className:"reactist_color_picker",children:[Object(jsx_runtime.jsx)(deprecated_dropdown.a.Trigger,{children:(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),Object(jsx_runtime.jsx)("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor},children:Object(jsx_runtime.jsx)("span",{className:"color_trigger--inner_ring"})}))}),Object(jsx_runtime.jsx)(deprecated_dropdown.a.Body,{children:Object(jsx_runtime.jsx)("div",{className:"color_options",children:colorList.reduce((function(items,currentColor,currentIndex){return items.push(Object(jsx_runtime.jsx)(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null},currentIndex)),items}),[])})})]})}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=Object(jsx_runtime.jsx)("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)},children:Object(jsx_runtime.jsx)("span",{className:"color_item--inner_ring"})});return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:item}):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:{value:"[\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]"},description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/ColorPicker",component:components_color_picker,parameters:{badges:["notAccessible"]}};var ColorPicker_stories_ColorPickersStory=function ColorPickersStory(){var _React$useState2=_slicedToArray(react.useState(0),2),color=_React$useState2[0],setColor=_React$useState2[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor})]})};ColorPicker_stories_ColorPickersStory.displayName="ColorPickersStory";var ColorPicker_stories_CustomColorPickersStory=function CustomColorPickersStory(){var _React$useState4=_slicedToArray(react.useState(0),2),color=_React$useState4[0],setColor=_React$useState4[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:["red","green","palegoldenrod","#FF00FF"]})]})};ColorPicker_stories_CustomColorPickersStory.displayName="CustomColorPickersStory";var ColorPicker_stories_NamedColorPickersStory=function NamedColorPickersStory(){var _React$useState6=_slicedToArray(react.useState(0),2),color=_React$useState6[0],setColor=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Named Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:[{color:"red",name:"Red"},{color:"green",name:"Green"},{color:"palegoldenrod",name:"Gold"},{color:"#FF00FF",name:"Pink"},{color:"#ABCDEF",name:"Blue-Gray-ish"}]})]})};ColorPicker_stories_NamedColorPickersStory.displayName="NamedColorPickersStory";var ColorPicker_stories_SmallColorPickerStory=function SmallColorPickerStory(){var _React$useState8=_slicedToArray(react.useState(0),2),color=_React$useState8[0],setColor=_React$useState8[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Small Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{small:!0,color:color,onChange:setColor})]})};ColorPicker_stories_SmallColorPickerStory.displayName="SmallColorPickerStory",ColorPicker_stories_ColorPickersStory.parameters=Object.assign({storySource:{source:'function ColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Color Picker</p>\n            <ColorPicker color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=Object.assign({storySource:{source:"function CustomColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Custom Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={['red', 'green', 'palegoldenrod', '#FF00FF']}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=Object.assign({storySource:{source:"function NamedColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Named Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={[\n                    { color: 'red', name: 'Red' },\n                    { color: 'green', name: 'Green' },\n                    { color: 'palegoldenrod', name: 'Gold' },\n                    { color: '#FF00FF', name: 'Pink' },\n                    { color: '#ABCDEF', name: 'Blue-Gray-ish' },\n                ]}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=Object.assign({storySource:{source:'function SmallColorPickerStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Small Color Picker</p>\n            <ColorPicker small color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},"./stories/components/Dropdown.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/deprecated-button/index.ts"),_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/alert/alert.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Dropdown",component:_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["notAccessible","deprecated"]}};var DropdownStory=function DropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__.a,{tone:"critical",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"Deprecated:"})," While not a 1:1 replacement, consider using"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"/?path=/docs/components-menu",children:"Menu"})," as an alternative"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show dropdown"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{children:"Dropdown Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"You can add anything"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"you want to a dropdown"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"(e.g. lists and headings)"})]})]})})]})]})})};DropdownStory.displayName="DropdownStory";var InteractiveDropdownStory=function InteractiveDropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{allowBodyInteractions:!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show interactive dropdown (will not close when clicking on it)"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{children:"Wow this is interactive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"Click outside"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"to close this"})]})]})})]})})};InteractiveDropdownStory.displayName="InteractiveDropdownStory",DropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{\' \'}\n                <a href="/?path=/docs/components-menu">Menu</a> as an alternative\n            </Alert>\n\n            <Dropdown.Box>\n                <Dropdown.Trigger>\n                    <Button variant="primary">Trigger: Click to show dropdown</Button>\n                </Dropdown.Trigger>\n                <Dropdown.Body>\n                    <div>\n                        <h2>Dropdown Content</h2>\n                        <ul>\n                            <li>You can add anything</li>\n                            <li>you want to a dropdown</li>\n                            <li>(e.g. lists and headings)</li>\n                        </ul>\n                    </div>\n                </Dropdown.Body>\n            </Dropdown.Box>\n        </Stack>\n    </section>\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Dropdown.Box allowBodyInteractions>\n            <Dropdown.Trigger>\n                <Button variant="primary">\n                    Trigger: Click to show interactive dropdown (will not close when clicking on it)\n                </Button>\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div>\n                    <h1>Wow this is interactive</h1>\n                    <ul>\n                        <li>Click outside</li>\n                        <li>to close this</li>\n                    </ul>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    </section>\n)'}},InteractiveDropdownStory.parameters)},"./stories/components/Input.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-input/input.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Input=react.forwardRef((function(props,ref){var className=classnames_default()("reactist_input",props.className);return Object(jsx_runtime.jsx)("input",Object.assign({},props,{className:className,ref:ref}))}));Input.displayName="Input";try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{className:{defaultValue:null,description:"Additional css class applied to the input.",name:"className",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/deprecated-input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var deprecated_input=Input,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),Input_stories_InputStory=(__webpack_require__("./stories/components/styles/input_story.less"),__webpack_exports__.default={title:"Components/Input",component:deprecated_input,parameters:{badges:["deprecated"]}},function InputStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsxs)("div",{className:"story-info",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-textfield",children:"TextField"})," instead"]}),Object(jsx_runtime.jsxs)("p",{children:["This component is a dumb wrapper around the",Object(jsx_runtime.jsx)("code",{children:" <input />"})," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",Object(jsx_runtime.jsx)("code",{children:"<input />"})," element."]})]}),Object(jsx_runtime.jsx)(deprecated_input,{placeholder:"Simple input wrapper"})]})});Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_input,Object.assign({},args))})};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <div className="story-info">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-textfield">TextField</a> instead\n            </Alert>\n            <p>\n                This component is a dumb wrapper around the\n                <code> &lt;input /&gt;</code> element which justs add a class name to give it is\n                unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n                directly applied onto the underlying <code>&lt;input /&gt;</code> element.\n            </p>\n        </div>\n        <Input placeholder="Simple input wrapper" />\n    </section>\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <Input {...args} />\n    </section>\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/KeyCapturer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"<input>"))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"<KeyCapturer\n    onEnter={ this._handleEnter }\n    onBackspace={ this._handleBackspace }\n    propagateBackspace\n>\n    <input value={ value } onChange={ this._handleChange } />\n</KeyCapturer>\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/components/KeyboardShortcut.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/components/keyboard-shortcut/keyboard-shortcut.less"),__webpack_require__("./src/components/keyboard-shortcut/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/KeyboardShortcut",parameters:{badges:["accessible"]}};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("pre",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("code",{children:["<KeyboardShortcut>",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"  ","string"==typeof shortcut?shortcut:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:["{",JSON.stringify(shortcut),"}"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"</KeyboardShortcut>"]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"On macOS:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!0,children:shortcut})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"Elsewhere:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!1,children:shortcut})]})]})};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.text)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=Object.assign({storySource:{source:"(args) => {\n    const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n    return (\n        <section className=\"story\">\n            <pre>\n                <code>\n                    &lt;KeyboardShortcut&gt;\n                    <br />\n                    &nbsp;&nbsp;\n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        </>\n                    )}\n                    <br />\n                    &lt;/KeyboardShortcut&gt;\n                </code>\n            </pre>\n            <p>\n                <strong>On macOS:</strong>\n                <KeyboardShortcut isMac={true}>{shortcut}</KeyboardShortcut>\n            </p>\n            <p>\n                <strong>Elsewhere:</strong>\n                <KeyboardShortcut isMac={false}>{shortcut}</KeyboardShortcut>\n            </p>\n        </section>\n    )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Notification.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory})),__webpack_require__.d(__webpack_exports__,"AccessibilityExample",(function(){return Notification_stories_AccessibilityExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),avatar=__webpack_require__("./src/new-components/avatar/avatar.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CloseIcon_svg_CloseIcon=function CloseIcon(){return Object(jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:Object(jsx_runtime.jsx)("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"})})};CloseIcon_svg_CloseIcon.displayName="CloseIcon";var CloseIcon_svg=CloseIcon_svg_CloseIcon,_excluded=(__webpack_require__("./src/components/deprecated-notification/deprecated-notification.less"),["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","aria-live"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DeprecatedNotification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,_ref$ariaLive=_ref["aria-live"],ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,rest=_objectWithoutProperties(_ref,_excluded),titleId=title?id+"-title":null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?id+"-subtitle":null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?id+"-content":null,contentIdAttribute=children?{id:id+"-content"}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=Object(jsx_runtime.jsx)("div",Object.assign({className:"reactist-notification__content"},contentIdAttribute,{children:null!=children?children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?Object(jsx_runtime.jsx)("h3",Object.assign({className:"reactist-notification__title"},titleIdAttribute,{children:title})):null,subtitle?Object(jsx_runtime.jsx)("p",Object.assign({className:"reactist-notification__subtitle"},subtitleIdAttribute,{children:subtitle})):null]})})),notificationBody=Object(jsx_runtime.jsxs)("div",{className:"reactist-notification__icon-content-group",children:[null!=icon?icon:null,notificationContent]});return Object(jsx_runtime.jsxs)("div",Object.assign({id:id,role:"alert",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)}),"aria-live":ariaLive},ariaLabelledBy,ariaDescribedBy,rest,{children:[onClick?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__button",onClick:onClick,children:notificationBody}):notificationBody,onClose?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText,children:null!=customCloseButton?customCloseButton:Object(jsx_runtime.jsx)(CloseIcon_svg,{})}):null]}))}DeprecatedNotification.displayName="DeprecatedNotification";try{DeprecatedNotification.displayName="DeprecatedNotification",DeprecatedNotification.__docgenInfo={description:"",displayName:"DeprecatedNotification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<HTMLDivElement>) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"]={docgenInfo:DeprecatedNotification.__docgenInfo,name:"DeprecatedNotification",path:"src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./stories/components/styles/notification_story.less");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/DeprecatedNotification",component:DeprecatedNotification,parameters:{badges:["accessible","deprecated"]}};var Notification_stories_StandardNotificationStory=function StandardNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Standard Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"standard-notification",icon:Object(jsx_runtime.jsx)("span",{className:"notification-story-notification-dot"}),title:"You have a new message!",subtitle:"Click here to view.",onClose:Object(esm.action)("onClose"),onClick:Object(esm.action)("onClick")})]})};Notification_stories_StandardNotificationStory.displayName="StandardNotificationStory";var Notification_stories_NonClickableNotificationStory=function NonClickableNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Non-clickable Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"non-clickable-notification",title:"Your task is due in 5 hours",subtitle:"Keep going!",onClose:Object(esm.action)("onClose")})]})};Notification_stories_NonClickableNotificationStory.displayName="NonClickableNotificationStory";var Notification_stories_CustomContentNotificationStory=function CustomContentNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Content Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"custom-content-notification",icon:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Brock Lesnar",email:"brock@twist.com"}}),onClose:Object(esm.action)("onClose"),className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("div",{className:"notification-story-content",children:[Object(jsx_runtime.jsx)("p",{className:"notification-story-text",children:"You received a message from Brock"}),Object(jsx_runtime.jsx)("h4",{className:"notification-story-heading",children:"Better not leave him hanging"})]})})]})};Notification_stories_CustomContentNotificationStory.displayName="CustomContentNotificationStory";var Notification_stories_NotificationPlaygroundStory=function NotificationPlaygroundStory(args){var onClose=args.onClose?Object(esm.action)("onClose"):void 0,onClick=args.onClick?Object(esm.action)("onClick"):void 0,icon=args.icon?Object(jsx_runtime.jsx)("div",{className:"notification-story-avatar-container",children:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Ada bot",email:"adabot@twist.com"}})}):null,children=args.children?Object(jsx_runtime.jsx)("div",{className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("p",{className:"notification-story-text",children:["If children is provided, then"," ",Object(jsx_runtime.jsx)("strong",{children:"it will be rendered instead of the title and subtitle"})]})}):null;return Object(jsx_runtime.jsx)("section",{className:"story playground",children:Object(jsx_runtime.jsx)(DeprecatedNotification,Object.assign({id:"playground-notification"},args,{onClose:onClose,onClick:onClick,icon:icon,children:children}))})};Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory";var Notification_stories_AccessibilityExample=function AccessibilityExample(){var _React$useState2=_slicedToArray(react.useState("Test message"),2),textContent=_React$useState2[0],setTextContent=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(textContent),2),notificationContent=_React$useState4[0],setNotificationContent=_React$useState4[1],_React$useState6=_slicedToArray(react.useState("assertive"),2),currentAriaLive=_React$useState6[0],setCurrentAriaLive=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"notification-off","aria-live":currentAriaLive,title:notificationContent,onClose:Object(esm.action)("onClose")}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceBetween",marginTop:"xlarge",children:[Object(jsx_runtime.jsxs)(box.a,{children:[Object(jsx_runtime.jsxs)(box.a,{marginTop:"medium",display:"flex",flexDirection:"row",alignItems:"center",onChange:function onChangeValue(event){setCurrentAriaLive(event.target.value)},children:[Object(jsx_runtime.jsx)("input",{type:"radio",id:"off",name:"aria-live",value:"off",checked:"off"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"off",children:'aria-live="off"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"polite",name:"aria-live",value:"polite",checked:"polite"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"polite",children:'aria-live="polite"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"assertive",name:"aria-live",value:"assertive",checked:"assertive"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"assertive",children:'aria-live="assertive"'})]}),Object(jsx_runtime.jsx)("br",{}),"off"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will not be announced by a screen reader."}):null,"polite"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader after the current content."}):null,"assertive"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader immediately."}):null]}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",alignItems:"flexEnd",children:[Object(jsx_runtime.jsx)(text_field.a,{label:"Content",value:textContent,onChange:function onChange(event){return setTextContent(event.currentTarget.value)}})," ",Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return setNotificationContent(textContent)},children:"Submit"})]})]})]})};Notification_stories_AccessibilityExample.displayName="AccessibilityExample",Notification_stories_NotificationPlaygroundStory.args={title:"You have a new notification",subtitle:"Click to open",closeAltText:"Close me!",icon:!0,children:!1,onClose:!0,onClick:!0},Notification_stories_NotificationPlaygroundStory.argTypes={icon:{control:{type:"boolean"}},onClose:{control:{type:"boolean"}},onClick:{control:{type:"boolean"}},className:{control:{type:null}},customCloseButton:{control:{type:null}},id:{control:{type:null}}},Notification_stories_StandardNotificationStory.parameters=Object.assign({storySource:{source:'function StandardNotificationStory() {\n    return (\n        <section className="story">\n            <p>Standard Notification</p>\n            <DeprecatedNotification\n                id="standard-notification"\n                icon={<span className="notification-story-notification-dot" />}\n                title="You have a new message!"\n                subtitle="Click here to view."\n                onClose={action(\'onClose\')}\n                onClick={action(\'onClick\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=Object.assign({storySource:{source:'function NonClickableNotificationStory() {\n    return (\n        <section className="story">\n            <p>Non-clickable Notification</p>\n            <DeprecatedNotification\n                id="non-clickable-notification"\n                title="Your task is due in 5 hours"\n                subtitle="Keep going!"\n                onClose={action(\'onClose\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=Object.assign({storySource:{source:'function CustomContentNotificationStory() {\n    return (\n        <section className="story">\n            <p>Custom Content Notification</p>\n            <DeprecatedNotification\n                id="custom-content-notification"\n                icon={<Avatar size="s" user={{ name: \'Brock Lesnar\', email: \'brock@twist.com\' }} />}\n                onClose={action(\'onClose\')}\n                className="notification-story-notification-container"\n            >\n                <div className="notification-story-content">\n                    <p className="notification-story-text">You received a message from Brock</p>\n                    <h4 className="notification-story-heading">Better not leave him hanging</h4>\n                </div>\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=Object.assign({storySource:{source:'function NotificationPlaygroundStory(args) {\n    const onClose = args.onClose ? action(\'onClose\') : undefined\n    const onClick = args.onClick ? action(\'onClick\') : undefined\n    const icon = args.icon ? (\n        <div className="notification-story-avatar-container">\n            <Avatar size="s" user={{ name: \'Ada bot\', email: \'adabot@twist.com\' }} />\n        </div>\n    ) : null\n    const children = args.children ? (\n        <div className="notification-story-notification-container">\n            <p className="notification-story-text">\n                If children is provided, then{\' \'}\n                <strong>it will be rendered instead of the title and subtitle</strong>\n            </p>\n        </div>\n    ) : null\n\n    return (\n        <section className="story playground">\n            <DeprecatedNotification\n                id="playground-notification"\n                {...args}\n                onClose={onClose}\n                onClick={onClick}\n                icon={icon}\n            >\n                {children}\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters),Notification_stories_AccessibilityExample.parameters=Object.assign({storySource:{source:'function AccessibilityExample() {\n    const [textContent, setTextContent] = React.useState(\'Test message\')\n    const [notificationContent, setNotificationContent] = React.useState(textContent)\n    const [currentAriaLive, setCurrentAriaLive] = React.useState<\'off\' | \'polite\' | \'assertive\'>(\n        \'assertive\',\n    )\n\n    function onChangeValue(event: React.FormEvent<HTMLInputElement>) {\n        setCurrentAriaLive(\n            (event.target as HTMLInputElement).value as \'off\' | \'polite\' | \'assertive\',\n        )\n    }\n\n    return (\n        <section className="story">\n            <DeprecatedNotification\n                id="notification-off"\n                aria-live={currentAriaLive}\n                title={notificationContent}\n                onClose={action(\'onClose\')}\n            />\n\n            <Box\n                display="flex"\n                flexDirection="row"\n                justifyContent="spaceBetween"\n                marginTop="xlarge"\n            >\n                <Box>\n                    <Box\n                        marginTop="medium"\n                        display="flex"\n                        flexDirection="row"\n                        alignItems="center"\n                        onChange={onChangeValue}\n                    >\n                        <input\n                            type="radio"\n                            id="off"\n                            name="aria-live"\n                            value="off"\n                            checked={currentAriaLive === \'off\'}\n                        />\n                        <label htmlFor="off">aria-live="off"</label>\n                        <input\n                            type="radio"\n                            id="polite"\n                            name="aria-live"\n                            value="polite"\n                            checked={currentAriaLive === \'polite\'}\n                        />\n                        <label htmlFor="polite">aria-live="polite"</label>\n                        <input\n                            type="radio"\n                            id="assertive"\n                            name="aria-live"\n                            value="assertive"\n                            checked={currentAriaLive === \'assertive\'}\n                        />\n                        <label htmlFor="assertive">aria-live="assertive"</label>\n                    </Box>\n\n                    <br />\n\n                    {currentAriaLive === \'off\' ? (\n                        <Text tone="secondary">\n                            Changes will not be announced by a screen reader.\n                        </Text>\n                    ) : null}\n                    {currentAriaLive === \'polite\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader after the current content.\n                        </Text>\n                    ) : null}\n\n                    {currentAriaLive === \'assertive\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader immediately.\n                        </Text>\n                    ) : null}\n                </Box>\n\n                <Box display="flex" flexDirection="row" alignItems="flexEnd">\n                    <TextField\n                        label="Content"\n                        value={textContent}\n                        onChange={(event) => setTextContent(event.currentTarget.value)}\n                    />\n                    &nbsp;\n                    <Button variant="primary" onClick={() => setNotificationContent(textContent)}>\n                        Submit\n                    </Button>\n                </Box>\n            </Box>\n        </section>\n    )\n}'}},Notification_stories_AccessibilityExample.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ProgressBar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/progressbar_story.less"),__webpack_require__("./node_modules/react/index.js");var hidden_visually=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/progress-bar/progress-bar.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,ariaValuetext=_ref["aria-valuetext"],finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return Object(jsx_runtime.jsxs)("div",{className:finalClassName,children:[Object(jsx_runtime.jsx)("div",{className:"inner",style:{width:width+"%"}}),Object(jsx_runtime.jsx)(hidden_visually.a,{children:Object(jsx_runtime.jsx)("progress",{value:width,max:100,"aria-valuetext":null!=ariaValuetext?ariaValuetext:void 0})})]})}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative for assitive technologies.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar,ProgressBar_stories_ProgressBarStory=(__webpack_exports__.default={title:"Components/ProgressBar",component:components_progress_bar,parameters:{badges:["accessible"]}},function ProgressBarStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Progress Bars"}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:0}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:25}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:50}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:75}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:100})]})});ProgressBar_stories_ProgressBarStory.displayName="ProgressBarStory";var ProgressBar_stories_ProgressBarPlaygroundStory=function ProgressBarPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(components_progress_bar,Object.assign({},args))})};ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.args={fillPercentage:50},ProgressBar_stories_ProgressBarPlaygroundStory.argTypes={fillPercentage:{control:{type:"number"}},className:{control:{type:null}}},ProgressBar_stories_ProgressBarStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <p>Progress Bars</p>\n        <ProgressBar fillPercentage={0} />\n        <ProgressBar fillPercentage={25} />\n        <ProgressBar fillPercentage={50} />\n        <ProgressBar fillPercentage={75} />\n        <ProgressBar fillPercentage={100} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <ProgressBar {...args} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Select.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-select/select.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["value","options","onChange","disabled","className","defaultValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,_excluded),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return Object(jsx_runtime.jsx)("select",Object.assign({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps,{children:null==options?void 0:options.map((function(option){return Object(jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.text},option.key||option.value)}))}))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/deprecated-select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var deprecated_select=Select,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Select_stories_options=[{value:"intro",text:"Select a fruit",disabled:!0},{value:"apple",text:"🍎 Apple"},{value:"pear",text:"🍐 Pear"},{value:"fish",text:"🐟 Fish",disabled:!0},{value:"banana",text:"🍌 Banana"},{value:"grapes",text:"🍇 Grapes"}],Select_stories_SelectStory=(__webpack_exports__.default={title:"Components/Select",component:deprecated_select,parameters:{badges:["deprecated"]}},function SelectStory(){var _React$useState2=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState2[0],setValue=_React$useState2[1];return Object(jsx_runtime.jsxs)(stack.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-selectfield",children:"SelectField"})," instead"]}),Object(jsx_runtime.jsx)(deprecated_select,{value:value,options:Select_stories_options,onChange:setValue})]})});Select_stories_SelectStory.displayName="SelectStory";var Select_stories_SelectPlaygroundStory=function SelectPlaygroundStory(args){var _React$useState4=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState4[0],setValue=_React$useState4[1];return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_select,Object.assign({},args,{value:value,options:Select_stories_options,onChange:setValue}))})};Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.args={disabled:!1},Select_stories_SelectPlaygroundStory.argTypes={disabled:{control:{type:"boolean"}},value:{control:{type:null}},defaultValue:{control:{type:null}},className:{control:{type:null}},options:{control:{type:null}}},Select_stories_SelectStory.parameters=Object.assign({storySource:{source:'function SelectStory() {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead\n            </Alert>\n\n            <Select value={value} options={options} onChange={setValue} />\n        </Stack>\n    )\n}'}},Select_stories_SelectStory.parameters),Select_stories_SelectPlaygroundStory.parameters=Object.assign({storySource:{source:'function SelectPlaygroundStory(args) {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <section className="story">\n            <Select {...args} value={value} options={options} onChange={setValue} />\n        </section>\n    )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Time.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/time_story.less");var react=__webpack_require__("./node_modules/react/index.js"),dayjs_min=__webpack_require__("./node_modules/dayjs/dayjs.min.js"),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./src/components/tooltip/tooltip.tsx")),localizedFormat=__webpack_require__("./node_modules/dayjs/plugin/localizedFormat.js"),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?""+diffDays+daysSuffix:diffHours>0&&diffHours<=23?""+diffHours+hoursSuffix:diffMinutes>0&&diffMinutes<=59?""+diffMinutes+minutesSuffix:momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}},jsx_runtime=(__webpack_require__("./src/components/time/time.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var time_Time=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Time,_React$Component);var _super=_createSuper(Time);function Time(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Time),(_this=_super.call(this,props)).refreshInterval=void 0,_this.refreshInterval=void 0,_this.state={hovered:!1,mouseX:void 0,mouseY:void 0},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Time,[{key:"componentDidMount",value:function componentDidMount(){this.props.refresh&&this._refresh()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){!prevProps.refresh&&this.props.refresh&&this._refresh(),prevProps.refresh&&!this.props.refresh&&this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"_setHovered",value:function _setHovered(hovered,event){var _this$state=this.state,mouseX=_this$state.mouseX,mouseY=_this$state.mouseY,clientX=event.clientX,clientY=event.clientY;clientX===mouseX&&clientY===mouseY||this.setState((function(){return{hovered:hovered,mouseX:clientX,mouseY:clientY}}))}},{key:"_renderTime",value:function _renderTime(config){if(this.props.time){if(this.state.hovered){if(this.props.expandFullyOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTimeLong(this.props.time,config);if(this.props.expandOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTime(this.props.time,config)}return TimeUtils.timeAgo(this.props.time,config)}}},{key:"_refresh",value:function _refresh(){var _this2=this;this.refreshInterval=setInterval((function(){_this2.forceUpdate()}),6e4)}},{key:"render",value:function render(){var _this3=this,className="reactist_time";this.props.className&&(className=this.props.className);var timeComponent=this._renderTime(this.props.config);return Object(jsx_runtime.jsx)("time",{className:className,onMouseEnter:function onMouseEnter(event){return _this3._setHovered(!0,event)},onMouseLeave:function onMouseLeave(event){return _this3._setHovered(!1,event)},children:this.props.tooltipOnHover?Object(jsx_runtime.jsx)(tooltip.a,{content:this.props.tooltip||this.props.time&&TimeUtils.formatTimeLong(this.props.time,this.props.config),children:Object(jsx_runtime.jsx)("span",{children:timeComponent})}):timeComponent})}}]),Time}(react.Component);time_Time.displayName=void 0,time_Time.defaultProps=void 0,time_Time.displayName="Time",time_Time.defaultProps={expandOnHover:!1,expandFullyOnHover:!1,tooltipOnHover:!1,refresh:!0,config:{locale:"en",daysSuffix:"d",hoursSuffix:"h",minutesSuffix:"m",momentsAgo:"moments ago"}};try{time_Time.displayName="Time",time_Time.__docgenInfo={description:"",displayName:"Time",props:{time:{defaultValue:null,description:"UNIX timestamp of the time to display.",name:"time",required:!1,type:{name:"number | undefined"}},config:{defaultValue:{value:"{\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    }"},description:"Configuration for localization.",name:"config",required:!1,type:{name:"TimeConfig | undefined"}},className:{defaultValue:null,description:"Additional css class applied to the time element.",name:"className",required:!1,type:{name:"string | undefined"}},tooltipOnHover:{defaultValue:{value:"false"},description:"",name:"tooltipOnHover",required:!1,type:{name:"boolean | undefined"}},refresh:{defaultValue:{value:"true"},description:"Refresh the component every DELAY seconds.",name:"refresh",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"If you don't want to use the default time format on the tooltip use this prop to supply a custom text",name:"tooltip",required:!1,type:{name:"ReactNode"}},expandOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to short absolute version.",name:"expandOnHover",required:!1,type:{name:"boolean | undefined"}},expandFullyOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to the full absolute version.",name:"expandFullyOnHover",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/time/time.tsx#Time"]={docgenInfo:time_Time.__docgenInfo,name:"Time",path:"src/components/time/time.tsx#Time"})}catch(__react_docgen_typescript_loader_error){}var components_time=time_Time,exampleTimes=(__webpack_exports__.default={title:"Components/Time",component:components_time,parameters:{badges:["accessible"]}},[{title:"Now",time:dayjs_min_default()().unix()},{title:"Now - 2 Minutes",time:dayjs_min_default()().subtract(2,"minutes").unix()},{title:"Now - 2 Hours",time:dayjs_min_default()().subtract(2,"hours").unix()},{title:"Now - 18 Hours",time:dayjs_min_default()().subtract(18,"hours").unix()},{title:"Now - 2 Days",time:dayjs_min_default()().subtract(2,"days").unix()},{title:"Now - 2 Weeks",time:dayjs_min_default()().subtract(2,"weeks").unix()},{title:"Now - 2 Years",time:dayjs_min_default()().subtract(2,"years").unix()}]),Time_stories_NoHoverEffectStory=function NoHoverEffectStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Normal Time (no hover effect)"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{time:time.time})]},index)}))]})};Time_stories_NoHoverEffectStory.displayName="NoHoverEffectStory";var Time_stories_ExpandTimeStory=function ExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandOnHover:!0,time:time.time})]},index)}))]})};Time_stories_ExpandTimeStory.displayName="ExpandTimeStory";var Time_stories_FullyExpandTimeStory=function FullyExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Fully expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,time:time.time})]},index)}))]})};Time_stories_FullyExpandTimeStory.displayName="FullyExpandTimeStory";var Time_stories_TooltipTimeStory=function TooltipTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Show full time in tooltip on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{tooltipOnHover:!0,time:time.time})]},index)}))]})};Time_stories_TooltipTimeStory.displayName="TooltipTimeStory";var Time_stories_TranslatedTimeStory=function TranslatedTimeStory(){var i18nConfig={locale:"de",hoursSuffix:"Std",minutesSuffix:"min",momentsAgo:"Gerade eben"};return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Translated times"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,config:i18nConfig,time:time.time})]},index)}))]})};Time_stories_TranslatedTimeStory.displayName="TranslatedTimeStory";var Time_stories_TimePlaygroundStory=function TimePlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story time",children:Object(jsx_runtime.jsx)(components_time,Object.assign({},args))})};Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.args={time:exampleTimes[0].time,expandOnHover:!1,expandFullyOnHover:!1,refresh:!0},Time_stories_TimePlaygroundStory.argTypes={expandOnHover:{control:{type:"boolean"}},expandFullyOnHover:{control:{type:"boolean"}},refresh:{control:{type:"boolean"}},config:{control:{type:null}},className:{control:{type:null}},tooltipOnHover:{control:{type:null}},tooltip:{control:{type:null}}},Time_stories_NoHoverEffectStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Normal Time (no hover effect)</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Fully expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandFullyOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Show full time in tooltip on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time tooltipOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=Object.assign({storySource:{source:"() => {\n    const i18nConfig = {\n        locale: 'de',\n        hoursSuffix: 'Std',\n        minutesSuffix: 'min',\n        momentsAgo: 'Gerade eben',\n    }\n\n    return (\n        <section className=\"story time\">\n            <p>Translated times</p>\n            {exampleTimes.map((time, index) => (\n                <div key={index}>\n                    <span>{time.title}</span>\n                    <Time expandFullyOnHover config={i18nConfig} time={time.time} />\n                </div>\n            ))}\n        </section>\n    )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story time">\n        <Time {...args} />\n    </section>\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Tooltip.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/tooltip_story.less");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/deprecated-button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Tooltip",parameters:{badges:["accessible"]}};var ExampleButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function ExampleButton(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({ref:ref},props,{children:["I am a button.",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),"Hover or focus me to see a tooltip."]}))})),TooltipPlaygroundStory=function TooltipPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story tooltip",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{autoFocus:!0,placeholder:"Focus here so you can press Tab to test focusing the button below"}),Object(react__WEBPACK_IMPORTED_MODULE_2__.createElement)(_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{key:String(args.position)+String(args.gapSize)}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ExampleButton,{}))]})};TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.args={content:"Very helpful content in this tooltip",gapSize:5},TooltipPlaygroundStory.argTypes={position:{control:{type:"select",options:["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],title:"test"}}},TooltipPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <section className="story tooltip">\n            <input\n                autoFocus\n                placeholder="Focus here so you can press Tab to test focusing the button below"\n            />\n            <Tooltip\n                // Tooltip does not react to dynamic changes of some props so we force a new\n                // component re-render every time these change.\n                {...args}\n                key={String(args.position) + String(args.gapSize)}\n            >\n                <ExampleButton />\n            </Tooltip>\n        </section>\n    )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/color.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/heading/heading.tsx"),_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./stories/components/styles/color-story.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-background","--reactist-framework-fill-crest","--reactist-framework-fill-selected","--reactist-framework-fill-summit"],frameworkBorderColors=["--reactist-divider-primary","--reactist-divider-secondary","--reactist-divider-tertiary"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-toast"];function Swatch(_ref){var color=_ref.color;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.b,{alignY:"center",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__.a,{style:{background:"var("+color+")"},className:"color_swatch"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("code",{className:"color_swatch__css_variable",children:color})})]},color)}Swatch.displayName="Swatch";var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",exceptionallySetClassName:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Framework"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Fill"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkFillColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Border"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkBorderColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:contentColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))})]})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:'function Colors() {\n    return (\n        <Stack space="xlarge" exceptionallySetClassName="story">\n            <Heading level={1} size="larger">\n                Framework\n            </Heading>\n\n            <Heading level={2}>Framework-Fill</Heading>\n            <Stack space="small">\n                {frameworkFillColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={2}>Framework-Border</Heading>\n            <Stack space="small">\n                {frameworkBorderColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={1} size="larger">\n                Content\n            </Heading>\n            <Stack space="small">\n                {contentColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n        </Stack>\n    )\n}'}},Colors.parameters)},"./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/reactist/Reactist.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),"\nIf you prefer to include static files, download the latest tarball from the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/packages/60435"},"package page")," and include the following files in your project:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/dist/reactist.cjs.production.min.js"),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/styles/reactist.css")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),"\nWe identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),"\nThis boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),"\nFirst run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),"\nthis will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json)\nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/nesting-vs-polymorphism.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Nesting vs combining via polymorphism",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Nesting vs. combining via polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The design system components have this ability where you can render one component as a certain HTML tag:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack as="ul">\n  {tasks.map((task) => (\n    <Box as="li" key={task.id}>{task.content}</Box>\n  )}\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The main purpose is to be able to take advantage of the new components while at the same time not dropping the ball on using semantic HTML."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, it can also be used to render as another React component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// Link below can be thought of as the Link component in react-router\n<ButtonLink as={Link}>Click me</ButtonLink>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is useful to be able to get the functionality of one component with the visuals and functionality of another component. In the example above, we render a link that has the visual look and feel of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," from our design system; but the link functionality is provided by react-router, allowing this link to perform ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("abbr",{title:"Single-Page Application"},"SPA"),"-like navigation on the client-side instead of a full server round trip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Caveats"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"With great power, comes great responsibility. You should not abuse this feature for markup optimization purposes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"What's markup optimization? Take the following example, for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column>\n        <Stack space="small">\n            <One />\n            <Two />\n        </Stack>\n    </Column>\n    <Column>\n        <Stack space="small">\n            <Three />\n            <Four />\n        </Stack>\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We could be tempted to say that each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," could also be the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", thus removing one extra container element and simplifying your markup."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column as={Stack} space="small">\n        <One />\n        <Two />\n    </Column>\n    <Column as={Stack} space="small">\n        <Three />\n        <Four />\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is not guaranteed to work 100% of the time because styles could clash."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In the example above, for instance, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," element will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="medium"')," effect. While the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="small"')," effect of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"At first, you might think there's no problem because the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," child elements is applied in the vertical direction (top and bottom) to keep a vertical space between them. While the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," elements is applied in the horizontal direction (left and right) to keep columns separated. So, in theory, these margins should not clash. However, columns add vertical spacing also, for when they show in collapsed form due to the viewport getting narrower (i.e. responsive design)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You may think: what if I have not instructed a particular ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element to collapse on responsive viewport sizes? The styles are there all the same, just in case. We could think of optimizing this and not applying the styles except to collapsible columns, but the main caveat warned about here remains: in general, combining two React components into one via polymorphism may break things, especially if both components have similar responsibilities regarding style and/or functionality."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Nesting vs combining via polymorphism",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/simplified-nested-markup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Simplified markup of the Stack and Inline components",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Simplified markup of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Inline")," components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It's no secret that our layout components are inspired by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://seek-oss.github.io/braid-design-system/foundations/layout"},"the ones in the Braid Design System"),". One key difference in some of these components is that we simplified them to privilege simpler markup by default."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, for instance, ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," elements automatically generate an extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," wrapping each of its child elements. This allows them to achieve a full level of separation of concerns. You see, part of the layout duties of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," component relies on applying certain styles to its child elements (e.g. to achieve the spacing they apply margin to the child elements). So they add this extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," around each child to make sure these styles are applied to these divs, and do not collide with the styles that the actual child element has."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is all better illustrated by an example. Take this ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Inline>\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</Inline>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, this component will render roughly the following markup:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <div class="css classes for the inline child wrapper">\n        <button type="button">Cancel</button>\n    </div>\n    <div class="css classes for the inline child wrapper">\n        <button type="submit">Save</button>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In our design system, however, this is the markup that we'll generate:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Originally, our components were like that of Braid, but this issue was brought up internally, and we decided to make it simpler, even if it adds a burden to the consumer of these components. A burden that we need to be aware of. You can find more information about this change in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/pull/497"},"the PR that introduced it"),". The concern is not ours alone, as it ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/seek-oss/braid-design-system/issues/386"},"was raised in Braid's own repo as well"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We explain below why this change made sense."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why we made the change"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A good deal of the time, what we nest inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is already a block element. Also, we favour having components without outward margin in the out-most container. So ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"there's no concern that the margin that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"Stack")," applies to its child elements will clash with the margin that the child elements themselves may have"),". So it seems a waste of resources to have a UI language that could potentially generate lots of useless extra containers around a relatively simple UI."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like with the extra container in place"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Take, for instance, this example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack space="xlarge">\n    <Stack space="small">\n        <label>Username</label>\n        <input name="username" />\n    </Stack>\n    <Stack space="small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </Stack>\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If we generated extra containers for each child, this would generate a markup similar to what's shown below:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Username</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="username" />\n            </div>\n        </div>\n    </div>\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Password</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="password" type="password" />\n            </div>\n        </div>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"And just imagine if inside the inner stack we rendered a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," element, which also did the same for its child elements."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like without the extra container element"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack space-small">\n        <label>Username</label>\n        <input name="username" />\n    </div>\n    <div class="stack space-small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why do you need to know all this"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This change comes with a caveat: depending on what child element you use, this way in which it all works may cause trouble."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The exact situations are not fully documented yet. But if you find yourself having trouble with some elements inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", consider wrapping them manually in a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<div>")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Box>")," yourself, and see if it fixes your issue. As we find concrete examples, we can add them to this documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For instance, this could happen if you pass to a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," a component that renders a fragment with more than one child in it. Depending on what you expect, you may not get what you want. For instance, given this component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"function List() {\n    return (\n        <>\n            <header>List</header>\n            <ul>…</ul>\n        </>\n    )\n}\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you pass this element into a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", it will consider each of the two child elements (the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"header")," and the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ul"),") to be individual items in the stack, and will apply spacing into it. This is arguably not what you want. Technically, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is reaching out into the internals of this component and possibly breaking its own layout."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"There are easy ways around this. Either do not return a fragment, or wrap this element in an extra container manually when put inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),". Or maybe this is what you wanted in a particular case, in which case you got what you wanted."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Simplified markup of the Stack and Inline components",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/single-child-stack-columns.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/About Stack or Columns with a single child",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Columns")," with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Avoid having single-child ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Columns")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Columns />")," with a single ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Column />")," inside makes no sense most of the time. The same applies to having ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Stack />")," elements with a single child. It can happen when we remove stuff from the UI. So be aware that if you remove something from inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element and a single child remains, then you might be able to remove them altogether and render that single child directly in place."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Stack>\n  <Something />\n</Stack>\n\n// …or this…\n<Columns>\n  <Column>\n    <Something />\n  </Column>\n</Columns>\n\n// …can probably be just this\n<Something />\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About conditionally-rendered child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, sometimes the second child element is rendered conditionally. Those cases are OK, of course:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// This is ok\n<Stack>\n  <Header />\n  {showBody ? <Body /> : null}\n</Stack>\n\n// And this too\n<Columns>\n  <Column width="content">\n    <Sidebar />\n  </Column>\n  {showContent ? (\n    <Column>\n      <Content />\n    </Column>\n  ) : null}\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Inline")," elements with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You might wonder why not say the same about ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),". We've found that ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," can be useful with a single child. It has the effect of making that child element not expand its full height, because it how behaves like an inline element rather than a block one. In reality, it still behaves like a block element, but a block element inside an inline context. So you might still want to leave it in place, but you should also check if you can remove it when removing other children of the inline element."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/About Stack or Columns with a single child",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"),__webpack_require__("./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bjUmGQ1{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small);min-height:calc(2*var(--reactist-spacing-small) + var(--reactist-button-small-height) + 2px)}.PyULHXUj{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}.PyULHXUj svg{color:var(--reactist-alert-tone-info-icon)}.hIW0DUrF{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.hIW0DUrF svg{color:var(--reactist-alert-tone-positive-icon)}._1Ho1jjqk{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1Ho1jjqk svg{color:var(--reactist-alert-tone-caution-icon)}._177zyoVP{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._177zyoVP svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_1bjUmGQ1","tone-info":"PyULHXUj","tone-positive":"hIW0DUrF","tone-caution":"_1Ho1jjqk","tone-critical":"_177zyoVP"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}.Sva128bQ{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}._1CEziM4w{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3fRfWCm3{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._1UdsEmnB{--reactist-avatar-size:var(--reactist-avatar-size-small)}.aOiZgBic{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.O_uq2aRB{--reactist-avatar-size:var(--reactist-avatar-size-large)}._3wlhGvdY{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2Qwl8hZI{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2A19sfWg{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._2oWcPdrM{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._1ptksGmT{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.w-jaOD8t{--reactist-avatar-size:var(--reactist-avatar-size-small)}._2VsKPPHN{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.Kps9rVTS{--reactist-avatar-size:var(--reactist-avatar-size-large)}._2f1ZsW6N{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._3iKrYPyj{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1DZ0T2GD{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._1LxYW80E{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3cB9NvrU{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.uLzmqAWK{--reactist-avatar-size:var(--reactist-avatar-size-small)}._22zzC83m{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.PRY49uSU{--reactist-avatar-size:var(--reactist-avatar-size-large)}.LGu4W2mc{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2hst-HQf{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1QLSb8gY{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}",""]),exports.locals={avatar:"Sva128bQ","size-xxs":"_1CEziM4w","size-xs":"_3fRfWCm3","size-s":"_1UdsEmnB","size-m":"aOiZgBic","size-l":"O_uq2aRB","size-xl":"_3wlhGvdY","size-xxl":"_2Qwl8hZI","size-xxxl":"_2A19sfWg","tablet-size-xxs":"_2oWcPdrM","tablet-size-xs":"_1ptksGmT","tablet-size-s":"w-jaOD8t","tablet-size-m":"_2VsKPPHN","tablet-size-l":"Kps9rVTS","tablet-size-xl":"_2f1ZsW6N","tablet-size-xxl":"_3iKrYPyj","tablet-size-xxxl":"_1DZ0T2GD","desktop-size-xxs":"_1LxYW80E","desktop-size-xs":"_3cB9NvrU","desktop-size-s":"uLzmqAWK","desktop-size-m":"_22zzC83m","desktop-size-l":"PRY49uSU","desktop-size-xl":"LGu4W2mc","desktop-size-xxl":"_2hst-HQf","desktop-size-xxxl":"_1QLSb8gY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-badge-neutral-background:#eee;--reactist-badge-neutral-foreground:#666;--reactist-badge-positive-background:rgba(5,133,39,0.1);--reactist-badge-positive-foreground:#058527;--reactist-badge-color-background:#faead1;--reactist-badge-color-foreground:#8f4700}._16rUqpuT{font-family:var(--reactist-font-family);font-size:10px;font-weight:var(--reactist-font-weight-medium);border-radius:3px;padding:3px var(--reactist-spacing-xsmall);text-transform:uppercase}.nBcZWKqg{color:var(--reactist-badge-neutral-foreground);background-color:var(--reactist-badge-neutral-background)}._1eIHGtGO{color:var(--reactist-badge-positive-foreground);background-color:var(--reactist-badge-positive-background)}._2F1bBd2z{color:var(--reactist-badge-color-foreground);background-color:var(--reactist-badge-color-background)}",""]),exports.locals={badge:"_16rUqpuT","badge-neutral":"nBcZWKqg","badge-positive":"_1eIHGtGO","badge-color":"_2F1bBd2z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1AOsTJG3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._2Ics8rP_{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._1AOsTJG3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._1AOsTJG3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._1AOsTJG3._2o-nyUTF{border-radius:1000px}._1AOsTJG3._3NSQNfFo{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._1AOsTJG3._1xS1YG4L{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._1AOsTJG3._1tvpnBHw{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._1AOsTJG3:not(._2PQcvkB9){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._1AOsTJG3:focus-visible:not([aria-disabled=true]),._1AOsTJG3:hover:not([aria-disabled=true]),._1AOsTJG3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._1AOsTJG3._2PQcvkB9{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._1AOsTJG3:not(._3AuL4yE4){min-width:68px}._1AOsTJG3._3AuL4yE4{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._1AOsTJG3 ._3wqLydX-{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._1AOsTJG3 ._2RzezWii{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);--reactist-content-primary:var(--reactist-content-toast);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}@keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}:root{--reach-dialog:1;--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._3jjo0wSd{isolation:isolate}[data-reach-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3v5DmtsH .2s;animation:_3v5DmtsH .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}[data-reach-dialog-overlay]>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled] ._5Eq_Wmv{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}[data-reach-dialog-content]{background:var(--reactist-bg-default);padding:0;outline:none;transition:box-shadow .5s}._5Eq_Wmv{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out;max-width:100%}._1jvHg-bL ._5Eq_Wmv{width:100%}._22sgLJIW ._5Eq_Wmv{width:768px}.gwIpBSNi ._5Eq_Wmv{width:580px}._1LaotiZv ._5Eq_Wmv{width:450px}@media (min-width:992px){.B2BwdSPs ._5Eq_Wmv{width:960px}}@media (min-width:1200px){.B2BwdSPs ._5Eq_Wmv{width:1060px}}@media (max-width:1000px){.B2BwdSPs ._5Eq_Wmv{width:768px}}@media (max-width:580px){.ynZOvPCT:not(._1LaotiZv) ._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv) ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}.tJiZ17qL{display:flex;align-items:center;height:32px}._1ZCXZZbD{min-height:32px}",""]),exports.locals={"reach-portal":"_3jjo0wSd",fadein:"_3v5DmtsH",fitContent:"_3dZ8SMqI",container:"_5Eq_Wmv",full:"_1jvHg-bL",large:"_22sgLJIW",medium:"gwIpBSNi",small:"_1LaotiZv",xlarge:"B2BwdSPs",overlay:"ynZOvPCT",expand:"_2MXWR1nx",buttonContainer:"tJiZ17qL",headerContent:"_1ZCXZZbD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw.cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw option{background-color:var(--reactist-bg-aside)}._37qME_zw select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));margin-top:var(--reactist-spacing-large);border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}._14o3mgku{margin-top:var(--reactist-spacing-xsmall)}._1-Qo1ZMw{margin-top:var(--reactist-spacing-small)}._2zCa-_AP{margin-top:var(--reactist-spacing-medium)}.fBRTKaCF{margin-top:var(--reactist-spacing-large)}._3xoTod4f{margin-top:var(--reactist-spacing-xlarge)}._1GEBxxCD{margin-top:var(--reactist-spacing-xxlarge)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81","track-xsmall":"_14o3mgku","track-small":"_1-Qo1ZMw","track-medium":"_2zCa-_AP","track-large":"fBRTKaCF","track-xlarge":"_3xoTod4f","track-xxlarge":"_1GEBxxCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font-family:var(--reactist-font-family);width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}",""]),exports.locals={textAreaContainer:"_22PFG8iD",bordered:"_29Be2aIS",error:"_2NQlDy3I"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO:not(._1UmGt5zL){border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL input{padding:0;height:24px}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast,400)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n  background-color: rgba(0, 0, 0, 0.1);\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n  height: 18px;\n  width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n  width: 12px;\n  height: 12px;\n}\n.reactist_color_picker .color_item {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 4px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n  background-color: transparent;\n  border: 2px solid white;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n  padding: 6px;\n  display: flex;\n  flex-wrap: wrap;\n  width: 164px;\n  position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n  visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n    .color_trigger {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 24px;\n\n        &--inner_ring {\n            background-color: rgba(0, 0, 0, 0.1);\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_trigger--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.small {\n            height: 18px;\n            width: 18px;\n\n            .color_trigger--inner_ring {\n                width: 12px;\n                height: 12px;\n            }\n        }\n    }\n\n    .color_item {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        &--inner_ring {\n            background-color: transparent;\n            border: 2px solid white;\n            height: 24px;\n            width: 24px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_item--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.active {\n            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .color_options {\n        padding: 6px;\n        display: flex;\n        flex-wrap: wrap;\n        width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n        position: relative;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        visibility: hidden;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n  cursor: pointer;\n  user-select: none;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.reactist_button--small {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  padding: 5px 15px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n  padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n  padding: 10px 15px;\n}\n.reactist_button--primary {\n  background-color: #3f82ef;\n  color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n  background-color: #3b7be2;\n}\n.reactist_button--danger {\n  background-color: #de4c4a;\n  color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n  background-color: #cf2826;\n}\n.reactist_button--secondary {\n  background-color: white;\n  color: #202020;\n  border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n  background-color: #f9f9f9;\n}\n.reactist_button--link {\n  color: #3f82ef;\n  text-decoration: none;\n}\n.reactist_button--link:disabled {\n  color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n  text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n  font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n  cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n  background-repeat: no-repeat;\n  background-size: 15px;\n  content: '';\n  display: inline-block;\n  height: 15px;\n  margin-left: 12px;\n  vertical-align: middle;\n  width: 15px;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: reactistRotateRight;\n  animation-timing-function: linear;\n  color: #ffffff;\n  background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n  border-color: #dcdcdc;\n  background-color: #dcdcdc;\n  color: #808080;\n}\n@keyframes reactistRotateRight {\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n    cursor: pointer;\n    user-select: none;\n    color: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n\n    &[aria-disabled='true'] {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &--small {\n        .smaller_text();\n    }\n\n    &--primary,\n    &--secondary,\n    &--danger {\n        .normal_text();\n        box-sizing: border-box;\n        padding: 5px 15px;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 3px;\n        &.reactist_button--small {\n            padding: 5px 10px;\n        }\n        &.reactist_button--large {\n            padding: 10px 15px;\n        }\n    }\n\n    &--primary {\n        background-color: @primary_color;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: @primary_color_darker;\n        }\n    }\n\n    &--danger {\n        background-color: @color_red;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: darken(@color_red, 10%);\n        }\n    }\n\n    &--secondary {\n        background-color: white;\n        color: @primary_font_color;\n        border-color: @color_border_grey;\n\n        &:not([disabled]):hover {\n            background-color: @color_grey_9;\n        }\n    }\n\n    &--link {\n        color: @primary_color;\n        text-decoration: none;\n\n        &:disabled {\n            color: @secondary_font_color;\n        }\n\n        &:not(:disabled):hover {\n            text-decoration: underline;\n        }\n\n        &:not(&--small):not(&--large) {\n            font-size: inherit;\n        }\n    }\n\n    // loading-like buttons are only supported for the primary, secondary and danger variants\n    &--primary,\n    &--secondary,\n    &--danger {\n        &.reactist_button--loading {\n            cursor: progress !important;\n            &:after {\n                background-repeat: no-repeat;\n                background-size: 15px;\n                content: '';\n                display: inline-block;\n                height: 15px;\n                margin-left: 12px;\n                vertical-align: middle;\n                width: 15px;\n                animation-duration: 1s;\n                animation-iteration-count: infinite;\n                animation-name: reactistRotateRight;\n                animation-timing-function: linear;\n                color: #ffffff;\n                background-image: url('../icons/spinner.svg');\n            }\n        }\n    }\n\n    // we treat secondary buttons differently because the loading indicator is white\n    // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n    &--secondary.reactist_button--loading {\n        border-color: @color_border_grey;\n        background-color: @color_border_grey;\n        color: @secondary_font_color;\n    }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n    from {\n        transform: rotate(0deg);\n        transform-origin: center center;\n    }\n\n    to {\n        transform: rotate(360deg);\n        transform-origin: center center;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n  cursor: pointer;\n  display: block;\n}\n.reactist_dropdown .body {\n  border-radius: 3px;\n  border: 1px solid #dcdcdc;\n  overflow: hidden;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n  z-index: 1;\n  background-color: #fff;\n}\n.reactist_dropdown hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n  z-index: 1;\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n  top: -11px;\n  border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n  top: -12px;\n  border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n  top: -1px;\n  border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n  top: -1px;\n  right: 13px;\n  border-width: 7px;\n  border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n    .trigger {\n        cursor: pointer;\n        display: block;\n    }\n\n    .body {\n        border-radius: 3px;\n        border: 1px solid @color_border_grey;\n        overflow: hidden;\n        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n        z-index: 1;\n        background-color: #fff;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 0 5px;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        z-index: 1;\n        content: '';\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px;\n        right: 14px;\n    }\n\n    .with_arrow:after {\n        top: -11px;\n        border-color: transparent transparent #fff transparent;\n    }\n\n    .with_arrow:before {\n        top: -12px;\n        border-color: transparent transparent @color_border_grey transparent;\n    }\n\n    .with_arrow.top:after {\n        top: -1px;\n        border-color: #fff transparent transparent transparent;\n    }\n\n    .with_arrow.top:before {\n        top: -1px;\n        right: 13px;\n        border-width: 7px;\n        border-color: @color_border_grey transparent transparent transparent;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  outline: none;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  padding: 5px 10px;\n  margin: 0;\n}\n.reactist_input:focus {\n  border-color: #3f82ef;\n}\n.reactist_input:disabled {\n  background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n    .normal_text();\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    outline: none;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    padding: 5px 10px;\n    margin: 0;\n\n    &:focus {\n        border-color: @primary_color;\n    }\n    &:disabled {\n        background-color: @color_grey_11;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n  display: flex;\n  position: relative;\n  font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition-property: background-color;\n  transition-duration: 300ms;\n  background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n  background: #ececec;\n}\n.reactist-notification__button {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n  display: flex;\n  flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n  background: #ececec;\n}\n.reactist-notification__close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n  display: block;\n}\n.reactist-notification__icon-content-group {\n  display: flex;\n  flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n  padding-right: 24px;\n}\n.reactist-notification__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.reactist-notification__title {\n  margin: 0 0 3px 0;\n  font-size: 0.875rem;\n  text-align: left;\n}\n.reactist-notification__subtitle {\n  font-size: 0.81rem;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 10px 14px;\n    border: 1px solid @color_border_grey;\n    border-radius: @default-radius;\n    box-shadow: @default-box-shadow;\n    background: #fff;\n}\n\n.reactist-notification {\n    display: flex;\n    position: relative;\n    font-size: @normal_font_size;\n\n    &:not(.reactist-notification--with-button) {\n        .container-style();\n    }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition-property: background-color;\n    transition-duration: @standard-timing;\n    background: #fff;\n\n    &:hover {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__button {\n    .container-style();\n    display: flex;\n    flex: 1;\n\n    &:hover + .reactist-notification__close-button {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__close-button {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: @default-radius;\n\n    > * {\n        display: block;\n    }\n}\n\n.reactist-notification__icon-content-group {\n    display: flex;\n    flex: 1;\n}\n\n.reactist-notification--with-close-button {\n    .reactist-notification__icon-content-group {\n        padding-right: 24px;\n    }\n}\n\n.reactist-notification__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.reactist-notification__title {\n    margin: 0 0 3px 0;\n    font-size: @normal_font_size;\n    text-align: left;\n}\n\n.reactist-notification__subtitle {\n    font-size: @smaller_font_size;\n    margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  background-color: white;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 5px 25px 5px 10px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n  background-position: calc(100% - 11px) center;\n  background-repeat: no-repeat;\n  background-size: 8px 11px;\n}\n.reactist_select.disabled {\n  background-color: #fafafa;\n}\n.reactist_select:focus {\n  outline: none;\n  border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n    .normal_text();\n    background-color: white;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n\n    // nuke the browser styles\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n    padding: 5px 25px 5px 10px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n    background-position: calc(~'100% - 11px') center;\n    background-repeat: no-repeat;\n    background-size: 8px 11px;\n\n    &.disabled {\n        background-color: @color_grey_11;\n    }\n    &:focus {\n        outline: none;\n        border: 1px solid @primary_color;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n  font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  margin: 0 2px;\n  line-height: normal;\n  line-height: 10px;\n  color: #202020;\n  vertical-align: middle;\n  background-color: #fafafa;\n  border: 1px solid #dcdcdc;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n    font: 11px Menlo, monospace;\n    > kbd > kbd {\n        display: inline-block;\n        padding: 3px 5px;\n        margin: 0 2px;\n        line-height: normal;\n        line-height: 10px;\n        color: @primary_font_color;\n        vertical-align: middle;\n        background-color: @color_grey_11;\n        border: 1px solid @color_border_grey;\n        border-radius: 6px;\n        box-shadow: inset 0 -1px 0 @color_border_grey;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n  min-height: 44px;\n  max-height: var(--popover-available-height);\n  overflow: auto;\n  display: block;\n  white-space: nowrap;\n  background: hsla(0, 0%, 100%, 0.99);\n  outline: none;\n  font-size: 0.81rem;\n  padding: 4px 0;\n  min-width: 180px;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  margin: -4px;\n  z-index: var(--reactist-stacking-order-menu, 1);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  user-select: none;\n  outline: none;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  color: #808080;\n  font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button,\n.reactist_menulist[role='menubar'] .reactist_submenu_button {\n  padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after,\n.reactist_menulist[role='menubar'] .reactist_submenu_button::after {\n  content: '';\n  position: absolute;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent #808080;\n  display: block;\n  width: 0;\n  right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'] {\n  width: 100%;\n  box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menubar'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menubar'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-expanded='true'] {\n  color: #202020;\n  background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled,\n.reactist_menulist[role='menubar'] [role='menuitem']:disabled {\n  color: #808080;\n  pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'],\n.reactist_menulist[role='menubar'] a[role='menuitem'] {\n  cursor: default;\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover,\n.reactist_menulist[role='menubar'] a[role='menuitem']:hover {\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'],\n.reactist_menulist[role='menubar'] [role='menu'],\n.reactist_menulist[role='menu'] [role='menubar'],\n.reactist_menulist[role='menubar'] [role='menubar'] {\n  margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr,\n.reactist_menulist[role='menubar'] hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAIA;;EAEI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,+CAAA;AAHJ;AAZA;;;;EAmBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AA1BA;;EA+BQ,cAAA;EACA,kBAAA;AADR;AA/BA;;EAoCQ,mBAAA;AADR;AAnCA;;EAwCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AADR;AA9CA;;EAmDQ,WAAA;EACA,sBAAA;AADR;AAEQ;;;;;;EAGI,cAAA;EACA,yBAAA;AAGZ;AADQ;;;;EAEI,cAAA;EACA,oBAAA;AAKZ;AAnEA;;EAmEQ,eAAA;EACA,qBAAA;AAIR;AAHQ;;EACI,qBAAA;AAMZ;AA5EA;;;;EA6EQ,gBAAA;AAKR;AAlFA;;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAKR",sourcesContent:["@import '../styles/constants.less';\n\n// Ariakit renders the menu as menubar on Safari\n// Ref: https://github.com/ariakit/ariakit/blob/454aef1237ada31e8292ee4966adca3ed0f6e299/packages/ariakit/src/menu/menu-list.ts#L150\n.reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n    min-height: 44px; // minimum accessible target area\n    max-height: var(--popover-available-height); // defined by ariakit\n    overflow: auto;\n    display: block;\n    white-space: nowrap;\n    background: hsla(0, 100%, 100%, 0.99);\n    outline: none;\n    font-size: @smaller_font_size;\n    padding: 4px 0;\n    min-width: 180px;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n    z-index: var(--reactist-stacking-order-menu, 1);\n\n    [role='menuitem'],\n    .reactist_menugroup__label {\n        user-select: none;\n        outline: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        padding: 5px 10px;\n        color: inherit;\n        border: none;\n        background-color: transparent;\n    }\n\n    .reactist_menugroup__label {\n        color: @secondary_font_color;\n        font-size: @tiny_font_size;\n    }\n\n    .reactist_submenu_button {\n        padding-right: 16px;\n    }\n\n    .reactist_submenu_button::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 4px 0 4px 6px;\n        border-color: transparent @secondary_font_color;\n        display: block;\n        width: 0;\n        right: 6px;\n    }\n\n    [role='menuitem'] {\n        width: 100%;\n        box-sizing: border-box;\n        &:hover,\n        &:focus,\n        &[aria-expanded='true'] {\n            color: @primary_font_color;\n            background-color: @color_grey_10;\n        }\n        &[aria-disabled='true'],\n        &:disabled {\n            color: @secondary_font_color;\n            pointer-events: none;\n        }\n    }\n\n    a[role='menuitem'] {\n        cursor: default;\n        text-decoration: none;\n        &:hover {\n            text-decoration: none;\n        }\n    }\n\n    // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n    [role='menu'],\n    [role='menubar'] {\n        margin-top: -5px;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 4px 0;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  height: 4px;\n  border-radius: 3px;\n  background-color: #ececec;\n  width: 100%;\n}\n.reactist_progress_bar .inner {\n  height: inherit;\n  border-radius: 4px;\n  background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n    height: 4px;\n    border-radius: 3px;\n    background-color: @color_grey_10;\n    width: 100%;\n\n    .inner {\n        height: inherit;\n        border-radius: 4px;\n        background-color: @color_green;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n  font-size: 0.75rem;\n  color: #808080;\n  font-weight: 400;\n  line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n  text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n    .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n    text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100%;\n  padding: 5px 10px;\n  background-color: #333333;\n  color: white;\n  border: none;\n  border-radius: 3px;\n  z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n    .smaller_text();\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n    padding: 5px 10px;\n    background-color: @tooltip_background;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n  /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n  --reactist-breakpoint-tablet: 768px;\n  --reactist-breakpoint-desktop: 992px;\n  /* spacing sizes */\n  --reactist-spacing-xsmall: 4px;\n  --reactist-spacing-small: 8px;\n  --reactist-spacing-medium: 12px;\n  --reactist-spacing-large: 16px;\n  --reactist-spacing-xlarge: 24px;\n  --reactist-spacing-xxlarge: 32px;\n  /* width */\n  --reactist-width-xsmall: 220px;\n  --reactist-width-small: 400px;\n  --reactist-width-medium: 660px;\n  --reactist-width-large: 940px;\n  --reactist-width-xlarge: 1280px;\n  /* font family */\n  --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n  /* font sizes */\n  --reactist-font-size-caption: 12px;\n  --reactist-font-size-copy: 13px;\n  --reactist-font-size-body: 14px;\n  --reactist-font-size-subtitle: 16px;\n  --reactist-font-size-header: 20px;\n  --reactist-font-size-header-large: 24px;\n  --reactist-font-size-header-xlarge: 32px;\n  /* font weight */\n  --reactist-font-weight-regular: 400;\n  --reactist-font-weight-medium: 600;\n  --reactist-font-weight-strong: 700;\n  /* standard divider colors */\n  --reactist-divider-primary: #c4c7c8;\n  --reactist-divider-secondary: #dde2e3;\n  --reactist-divider-tertiary: #edf2f3;\n  /* border-radius */\n  --reactist-border-radius-small: 5px;\n  --reactist-border-radius-large: 10px;\n  /* background color */\n  --reactist-bg-default: #ffffff;\n  --reactist-bg-brand: #246fe0;\n  --reactist-bg-aside: #fafafa;\n  --reactist-bg-highlight: #f2f2f2;\n  --reactist-bg-selected: #e6e6e6;\n  --reactist-bg-toast: #282828;\n  /* colors */\n  --reactist-framework-fill-background: #fafafa;\n  --reactist-framework-fill-crest: #e6e6e6;\n  --reactist-framework-fill-selected: #ececec;\n  --reactist-framework-fill-summit: #d6d6d6;\n  --reactist-content-primary: rgba(0, 0, 0, 0.88);\n  --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n  --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n  --reactist-content-toast: #ffffff;\n  --reactist-content-positive: #058527;\n  --reactist-content-danger: #d1453b;\n  /* component-specific */\n  --reactist-switch-checked: #058527;\n  /* alerts */\n  --reactist-alert-tone-info-icon: #1d438c;\n  --reactist-alert-tone-info-border: #246fe0;\n  --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n  --reactist-alert-tone-positive-icon: #035017;\n  --reactist-alert-tone-positive-border: #058527;\n  --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n  --reactist-alert-tone-caution-icon: #5e3704;\n  --reactist-alert-tone-caution-border: #eb8d13;\n  --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n  --reactist-alert-tone-critical-icon: #b03d32;\n  --reactist-alert-tone-critical-border: #d1453b;\n  --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n  /* toasts */\n  --reactist-toast-actionable-primary-tint: #39d1ef;\n  --reactist-toast-actionable-secondary-tint: #b6c1c3;\n  --reactist-toast-actionable-hover-fill: #506063;\n  --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,iCAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;AAfJ",sourcesContent:[":root {\n    /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n    --reactist-breakpoint-tablet: 768px;\n    --reactist-breakpoint-desktop: 992px;\n\n    /* spacing sizes */\n    --reactist-spacing-xsmall: 4px;\n    --reactist-spacing-small: 8px;\n    --reactist-spacing-medium: 12px;\n    --reactist-spacing-large: 16px;\n    --reactist-spacing-xlarge: 24px;\n    --reactist-spacing-xxlarge: 32px;\n\n    /* width */\n    --reactist-width-xsmall: 220px;\n    --reactist-width-small: 400px;\n    --reactist-width-medium: 660px;\n    --reactist-width-large: 940px;\n    --reactist-width-xlarge: 1280px;\n\n    /* font family */\n    --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n\n    /* font sizes */\n    --reactist-font-size-caption: 12px;\n    --reactist-font-size-copy: 13px;\n    --reactist-font-size-body: 14px;\n    --reactist-font-size-subtitle: 16px;\n    --reactist-font-size-header: 20px;\n    --reactist-font-size-header-large: 24px;\n    --reactist-font-size-header-xlarge: 32px;\n\n    /* font weight */\n    --reactist-font-weight-regular: 400;\n    --reactist-font-weight-medium: 600;\n    --reactist-font-weight-strong: 700;\n\n    /* standard divider colors */\n    --reactist-divider-primary: #c4c7c8;\n    --reactist-divider-secondary: #dde2e3;\n    --reactist-divider-tertiary: #edf2f3;\n\n    /* border-radius */\n    --reactist-border-radius-small: 5px;\n    --reactist-border-radius-large: 10px;\n\n    /* background color */\n    --reactist-bg-default: rgb(255, 255, 255);\n    --reactist-bg-brand: rgb(36, 111, 224);\n    --reactist-bg-aside: rgb(250, 250, 250);\n    --reactist-bg-highlight: rgb(242, 242, 242);\n    --reactist-bg-selected: rgb(230, 230, 230);\n    --reactist-bg-toast: rgb(40, 40, 40);\n\n    /* colors */\n    --reactist-framework-fill-background: rgb(250, 250, 250);\n    --reactist-framework-fill-crest: rgb(230, 230, 230);\n    --reactist-framework-fill-selected: rgb(236, 236, 236);\n    --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n    --reactist-content-primary: rgba(0, 0, 0, 0.88);\n    --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n    --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n    --reactist-content-toast: rgb(255, 255, 255);\n    --reactist-content-positive: rgb(5, 133, 39);\n    --reactist-content-danger: rgb(209, 69, 59);\n\n    /* component-specific */\n    --reactist-switch-checked: rgb(5, 133, 39);\n\n    /* alerts */\n    --reactist-alert-tone-info-icon: #1d438c;\n    --reactist-alert-tone-info-border: rgb(36, 111, 224);\n    --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n    --reactist-alert-tone-positive-icon: #035017;\n    --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n    --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n    --reactist-alert-tone-caution-icon: #5e3704;\n    --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n    --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n    --reactist-alert-tone-critical-icon: #b03d32;\n    --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n    --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n    /* toasts */\n    --reactist-toast-actionable-primary-tint: #39d1ef;\n    --reactist-toast-actionable-secondary-tint: #b6c1c3;\n    --reactist-toast-actionable-hover-fill: #506063;\n    --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n  display: inline-block;\n  margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n    display: inline-block;\n    margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--reactist-divider-secondary);\n  border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n  padding: 4px;\n  border-radius: var(--reactist-border-radius-small);\n  border: 1px solid var(--reactist-divider-secondary);\n  background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--reactist-divider-secondary);\n    border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n    padding: 4px;\n    border-radius: var(--reactist-border-radius-small);\n    border: 1px solid var(--reactist-divider-secondary);\n    background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n  color: #565d6b;\n  font-size: 14px;\n  line-height: 1.5;\n  margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n    color: rgb(86, 93, 107);\n    font-size: 14px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n  box-sizing: border-box;\n  display: flex;\n  width: 22px;\n  padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n  content: '';\n  display: block;\n  background-color: #70bc1c;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.notification-story-notification-container {\n  width: 360px;\n  max-width: none;\n}\n.notification-story-content {\n  margin-left: 10px;\n}\n.notification-story-text {\n  text-align: left;\n  margin: 0 0 4px 0;\n  color: #808080;\n}\n.notification-story-heading {\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  color: #de4c4a;\n}\n.notification-story-avatar-container {\n  margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n    box-sizing: border-box;\n    display: flex;\n    width: 22px;\n    padding-top: 4px;\n\n    &:before {\n        content: '';\n        display: block;\n        background-color: @color_green;\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n    }\n}\n\n.notification-story-notification-container {\n    width: 360px;\n    max-width: none;\n}\n\n.notification-story-content {\n    margin-left: 10px;\n}\n\n.notification-story-text {\n    text-align: left;\n    margin: 0 0 4px 0;\n    color: @secondary_font_color;\n}\n\n.notification-story-heading {\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    color: @color_red;\n}\n\n.notification-story-avatar-container {\n    margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n    margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n  font-family: var(--reactist-font-family);\n}\n.story {\n  margin: 0 40px 0 40px;\n  padding: 20px;\n  background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n    font-family: var(--reactist-font-family);\n}\n\n.story {\n    margin: 0 40px 0 40px;\n    padding: 20px;\n    background-color: white;\n\n    // checkered background\n    // @gray: whitesmoke;\n    // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n    // background-size: 20px 20px;\n    // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n  display: inline-block;\n  width: 160px;\n  text-align: right;\n  font-weight: 600;\n  margin-right: 16px;\n}\n.story.time div time {\n  text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n    span {\n        display: inline-block;\n        width: 160px;\n        text-align: right;\n        font-weight: 600;\n        margin-right: 16px;\n    }\n    time {\n        text-align: left;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n  display: block;\n  text-align: center;\n}\n.story.tooltip input {\n  margin: 0 auto;\n  width: 400px;\n}\n.story.tooltip button {\n  width: 250px;\n  margin: 100px auto;\n  padding: 100px 10px;\n  border: 1px solid black;\n  background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n  background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n    input,\n    button {\n        display: block;\n        text-align: center;\n    }\n    input {\n        margin: 0 auto;\n        width: 400px;\n    }\n    button {\n        width: 250px;\n        margin: 100px auto;\n        padding: 100px 10px;\n        border: 1px solid black;\n        background-color: palegreen;\n        &:hover,\n        &:focus {\n            background-color: lightblue;\n        }\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/menu/menu.stories.tsx":"./src/components/menu/menu.stories.tsx","./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/deprecated-modal/modal.stories.mdx":"./src/new-components/deprecated-modal/modal.stories.mdx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/modal/modal.stories.mdx":"./src/new-components/modal/modal.stories.mdx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var dropdown_Box=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Box,_React$Component);var _super=_createSuper(Box);function Box(props,context){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Box),(_this=_super.call(this,props,context))._timeout=void 0,_this._handleClickOutside=function(event){var dropdownDOMNode=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));dropdownDOMNode&&!dropdownDOMNode.contains(event.target)?_this._toggleShowBody():_this.props.allowBodyInteractions||(_this._timeout=setTimeout((function(){_this.state.showBody&&_this._toggleShowBody()}),100))},_this._toggleShowBody=function(){_this.state.showBody?(_this.props.onHideBody&&_this.props.onHideBody(),document.removeEventListener("click",_this._handleClickOutside,!0)):(_this.props.onShowBody&&_this.props.onShowBody(),document.addEventListener("click",_this._handleClickOutside,!0)),_this.setState({showBody:!_this.state.showBody})},_this._setPosition=function(body){if(body){var scrollingParent=document.getElementById(_this.props.scrolling_parent?_this.props.scrolling_parent:"");if(scrollingParent){var dropdown=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));if(!dropdown)return;var dropdownVerticalPosition=react_dom_default.a.findDOMNode(_assertThisInitialized(_this)).offsetTop,dropdownTrigger=dropdown.querySelector(".trigger");if(!dropdownTrigger)return;var dropdownTriggerHeight=dropdownTrigger.clientHeight,dropdownBodyHeight=body.clientHeight,top=scrollingParent.clientHeight+scrollingParent.scrollTop-dropdownVerticalPosition-dropdownTriggerHeight<dropdownBodyHeight;top!==_this.state.top&&_this.setState({top:top})}}},_this.state={showBody:!1,top:props.top||!1},_this._timeout=void 0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Box,[{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this._handleClickOutside,!0),this._timeout&&clearTimeout(this._timeout)}},{key:"_getTriggerComponent",value:function _getTriggerComponent(){var _this$props$children,_trigger=null===(_this$props$children=this.props.children)||void 0===_this$props$children?void 0:_this$props$children[0];return _trigger?react.cloneElement(_trigger,{onClick:this._toggleShowBody}):void 0}},{key:"_getBodyComponent",value:function _getBodyComponent(){if(!this.state.showBody)return null;var top=this.state.top,_this$props=this.props,_this$props$right=_this$props.right,right=void 0!==_this$props$right&&_this$props$right,children=_this$props.children,props={top:top,right:right,setPosition:this._setPosition},className=classnames_default()({body_wrapper:!0,with_arrow:!0,top:top,bottom:!top}),body=null==children?void 0:children[1],contentMarkup="function"==typeof body?body(props):body?react.cloneElement(body,props):void 0;return Object(jsx_runtime.jsx)("div",{className:className,style:{position:"relative"},children:contentMarkup})}},{key:"render",value:function render(){var className=classnames_default()("reactist_dropdown",this.props.className),top=this.state.top;return Object(jsx_runtime.jsxs)("div",{style:{display:"inline-block"},className:className,"data-testid":"reactist-dropdown-box",children:[top&&this._getBodyComponent(),this._getTriggerComponent(),!top&&this._getBodyComponent()]})}}]),Box}(react.Component);dropdown_Box.displayName=void 0,dropdown_Box.displayName="Dropdown.Box";var dropdown_Trigger=react.forwardRef((function Trigger(_ref,ref){var children=_ref.children,onClick=_ref.onClick,tooltip=_ref.tooltip,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(deprecated_button.a,Object.assign({},props,{className:classnames_default()("trigger",className),onClick:function handleClick(event){event.preventDefault(),event.stopPropagation(),onClick&&onClick(event)},tooltip:tooltip,ref:ref,children:children}))}));function Body(_ref2){var top=_ref2.top,right=_ref2.right,children=_ref2.children,setPosition=_ref2.setPosition,style={position:"absolute",right:0,top:0};return top&&(style.top="auto",style.bottom=0),right&&(style.right="auto",style.left=0),Object(jsx_runtime.jsx)("div",{ref:setPosition,style:style,className:"body",id:"reactist-dropdown-body","data-testid":"reactist-dropdown-body",children:children})}dropdown_Trigger.displayName="Dropdown.Trigger",Body.displayName="Body",Body.displayName="Dropdown.Body";var Dropdown={Box:dropdown_Box,Trigger:dropdown_Trigger,Body:Body};__webpack_exports__.a=Dropdown},"./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/icons/spinner.svg":function(module,exports){module.exports="data:image/svg+xml,module.exports = __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},"./src/components/keyboard-shortcut/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","translateKey","isMac"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return OverflowMenuExample}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/keyboard-shortcut/index.ts"),_new_components_button__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/button/button.tsx"),_new_components_inline__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/inline/inline.tsx"),_new_components_stack__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/stack/stack.tsx"),_new_components_columns__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/columns/columns.tsx"),___WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/menu/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MenuIndicator(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{fillRule:"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})})}function StructuredMenuItem(_ref){var icon=_ref.icon,label=_ref.label,shortcut=_ref.shortcut;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{space:"small",width:"full",flexGrow:1,children:[icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content","aria-hidden":!0,children:icon}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{children:label})}),shortcut?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__.a,{children:shortcut})}):null]})}MenuIndicator.displayName="MenuIndicator",__webpack_exports__.default={title:"Components/Menu",component:___WEBPACK_IMPORTED_MODULE_20__.a,parameters:{badges:["accessible"]}},StructuredMenuItem.displayName="StructuredMenuItem";var SimpleMenuExample=function SimpleMenuExample(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13__.useState(!1),2),flag=_React$useState2[0],setFlag=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"Some menu examples"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_inline__WEBPACK_IMPORTED_MODULE_17__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"primary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"Simple menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Simple menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:"Edit"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Copy"),children:"Copy"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Paste"),children:"Paste"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:"Duplicate"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove"),children:"Remove"})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"secondary",tooltip:"And a tooltip too",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With sub-menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"With sub-menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{as:"a",href:"https://github.com/Doist/reactist",target:"_blank",rel:"noreferrer noopener",children:"Reactist on Github"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("About Reactist…"),children:"About Reactist…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Check for updates…"),children:"Check for updates…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.f,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{children:"Preferences"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Settings"),children:"Settings"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Extensions"),children:"Extensions"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Notifications"),children:"Notifications"})]})]})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"tertiary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With extra features"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Menu with extra features",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"✏",label:"Edit"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"👯‍♀️️",label:"Duplicate",shortcut:"Cmd + D"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:function onSelect(){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(flag?"Toggle off":"Toggle on")(flag?"👎":"👍"),setFlag((function(f){return!f})),!1},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:flag?"👍":"👎",label:"Toggle thumbs up or down"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.c,{label:"Dangerous options",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove first"),children:"Remove first"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove completed"),children:"Remove completed"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{disabled:!0,onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove all"),children:"Remove all (disabled)"})]})]})]})]})]})};function OverflowIcon(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})})}function Item(_ref2){var value=_ref2.value,name=_ref2.name;function getLabel(actionName){return actionName+" '"+name+"'"}var ariaLabel=getLabel("Options menu for");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{as:"li",border:"primary",borderRadius:"standard",padding:"small",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:name}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{onItemSelect:function onItemSelect(itemValue){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(String(itemValue)+" '"+name+"'")(value)},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"quaternary",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(OverflowIcon,{}),"aria-label":ariaLabel}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":ariaLabel,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"edit",children:getLabel("Edit")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"duplicate",children:getLabel("Duplicate")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"remove",children:getLabel("Remove")})]})]})})]})}SimpleMenuExample.displayName="SimpleMenuExample",OverflowIcon.displayName="OverflowIcon",Item.displayName="Item";var items=[{value:"1",name:"First item"},{value:"2",name:"Second item"},{value:"3",name:"Third item"}],OverflowMenuExample=function OverflowMenuExample(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"A list of items with an overflow options menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"This example is meant to be expanded with future features we plan to support (such as allowing to control the visible state of the menu from outside, and allow it to be used as a context menu)."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_stack__WEBPACK_IMPORTED_MODULE_18__.a,{as:"ul",space:"small",children:items.map((function(item,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(Item,Object.assign({},item),index)}))})]})};OverflowMenuExample.displayName="OverflowMenuExample",SimpleMenuExample.parameters=Object.assign({storySource:{source:"function SimpleMenuExample() {\n    const [flag, setFlag] = React.useState(false)\n    return (\n        <section className=\"story\">\n            <p>Some menu examples</p>\n            <Inline space=\"large\">\n                <Menu>\n                    <MenuButton as={Button} variant=\"primary\" endIcon={<MenuIndicator />}>\n                        Simple menu\n                    </MenuButton>\n                    <MenuList aria-label=\"Simple menu\">\n                        <MenuItem onSelect={action('Edit')}>Edit</MenuItem>\n                        <MenuItem onSelect={action('Copy')}>Copy</MenuItem>\n                        <MenuItem onSelect={action('Paste')}>Paste</MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>Duplicate</MenuItem>\n                        <MenuItem onSelect={action('Remove')}>Remove</MenuItem>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton\n                        as={Button}\n                        variant=\"secondary\"\n                        tooltip=\"And a tooltip too\"\n                        endIcon={<MenuIndicator />}\n                    >\n                        With sub-menu\n                    </MenuButton>\n                    <MenuList aria-label=\"With sub-menu\">\n                        <MenuItem\n                            as=\"a\"\n                            href=\"https://github.com/Doist/reactist\"\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                        >\n                            Reactist on Github\n                        </MenuItem>\n                        <MenuItem onSelect={action('About Reactist…')}>About Reactist…</MenuItem>\n                        <MenuItem onSelect={action('Check for updates…')}>\n                            Check for updates…\n                        </MenuItem>\n                        <hr />\n                        <SubMenu>\n                            <MenuButton>Preferences</MenuButton>\n                            <MenuList>\n                                <MenuItem onSelect={action('Settings')}>Settings</MenuItem>\n                                <MenuItem onSelect={action('Extensions')}>Extensions</MenuItem>\n                                <hr />\n                                <MenuItem onSelect={action('Notifications')}>\n                                    Notifications\n                                </MenuItem>\n                            </MenuList>\n                        </SubMenu>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton as={Button} variant=\"tertiary\" endIcon={<MenuIndicator />}>\n                        With extra features\n                    </MenuButton>\n                    <MenuList aria-label=\"Menu with extra features\">\n                        <MenuItem onSelect={action('Edit')}>\n                            <StructuredMenuItem icon=\"✏\" label=\"Edit\" />\n                        </MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>\n                            <StructuredMenuItem icon=\"👯‍♀️️\" label=\"Duplicate\" shortcut=\"Cmd + D\" />\n                        </MenuItem>\n                        <MenuItem\n                            onSelect={() => {\n                                action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n                                setFlag((f) => !f)\n                                return false // This prevents the menu from closing\n                            }}\n                        >\n                            <StructuredMenuItem\n                                icon={flag ? '👍' : '👎'}\n                                label=\"Toggle thumbs up or down\"\n                            />\n                        </MenuItem>\n                        <hr />\n                        <MenuGroup label=\"Dangerous options\">\n                            <MenuItem onSelect={action('Remove first')}>Remove first</MenuItem>\n                            <MenuItem onSelect={action('Remove completed')}>\n                                Remove completed\n                            </MenuItem>\n                            <MenuItem disabled onSelect={action('Remove all')}>\n                                Remove all (disabled)\n                            </MenuItem>\n                        </MenuGroup>\n                    </MenuList>\n                </Menu>\n            </Inline>\n        </section>\n    )\n}"}},SimpleMenuExample.parameters),OverflowMenuExample.parameters=Object.assign({storySource:{source:'function OverflowMenuExample() {\n    return (\n        <section className="story">\n            <p>A list of items with an overflow options menu</p>\n            <p>\n                This example is meant to be expanded with future features we plan to support (such\n                as allowing to control the visible state of the menu from outside, and allow it to\n                be used as a context menu).\n            </p>\n            <Stack as="ul" space="small">\n                {items.map((item, index) => (\n                    <Item key={index} {...item} />\n                ))}\n            </Stack>\n        </section>\n    )\n}'}},OverflowMenuExample.parameters)},"./src/components/menu/menu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuButton})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MenuList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SubMenu})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MenuGroup}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),react_focus_lock__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/utils/polymorphism.ts"),ariakit_menu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-state.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-button.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ariakit/esm/menu/menu.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-item.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-group.js"),ariakit_portal__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=(__webpack_require__("./src/components/menu/menu.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onItemSelect"],_excluded2=["exceptionallySetClassName"],_excluded3=["exceptionallySetClassName"],_excluded4=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName","as"],_excluded5=["label","children","exceptionallySetClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext({});function Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,_excluded),state=ariakit_menu__WEBPACK_IMPORTED_MODULE_18__.a(Object.assign({focusLoop:!0,gutter:8,shift:4},props)),handleItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function(){return{state:state,handleItemSelect:handleItemSelect}}),[state,handleItemSelect]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(MenuContext.Provider,{value:value,children:children})}Menu.displayName="Menu";var MenuButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuButton(_ref2,ref){var exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menubutton",exceptionallySetClassName)}))})),MenuList=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuList(_ref3,ref){var exceptionallySetClassName=_ref3.exceptionallySetClassName,props=_objectWithoutProperties(_ref3,_excluded3),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_portal__WEBPACK_IMPORTED_MODULE_23__.a,{preserveTabOrder:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_focus_lock__WEBPACK_IMPORTED_MODULE_16__.a,{returnFocus:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menulist",exceptionallySetClassName)}))})}):null})),MenuItem=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuItem(_ref4,ref){var value=_ref4.value,children=_ref4.children,onSelect=_ref4.onSelect,_ref4$hideOnSelect=_ref4.hideOnSelect,hideOnSelect=void 0===_ref4$hideOnSelect||_ref4$hideOnSelect,onClick=_ref4.onClick,exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$as=_ref4.as,as=void 0===_ref4$as?"button":_ref4$as,props=_objectWithoutProperties(_ref4,_excluded4),_React$useContext3=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_React$useContext3.state,hide=state.hide,handleClick=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},props,{as:as,state:state,ref:ref,onClick:handleClick,className:exceptionallySetClassName,hideOnClick:!1,children:children}))})),SubMenu=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SubMenu(_ref5,ref){var children=_ref5.children,onItemSelect=_ref5.onItemSelect,_React$useContext4=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_React$useContext4.state,parentMenuHide=state.hide,handleSubItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1],menuProps=Object(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.b)({state:state});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Menu,{onItemSelect:handleSubItemSelect,children:[react__WEBPACK_IMPORTED_MODULE_14__.cloneElement(button,Object.assign({},menuProps,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(menuProps.className,"reactist_submenu_button"),ref:ref})),list]})})),MenuGroup=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuGroup(_ref6,ref){var label=_ref6.label,children=_ref6.children,exceptionallySetClassName=_ref6.exceptionallySetClassName,props=_objectWithoutProperties(_ref6,_excluded5),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_menu__WEBPACK_IMPORTED_MODULE_22__.a,Object.assign({},props,{ref:ref,state:state,className:exceptionallySetClassName,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div",{role:"presentation",className:"reactist_menugroup__label",children:label}):null,children]}))}));try{Menu.displayName="Menu",Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it. Note that if you are relying on the `[role='menu']`\nattribute to style the menu list, it is applied a `menubar` role instead in Safari.",displayName:"Menu",props:{placement:{defaultValue:{value:'"bottom"'},description:"The placement of the popover.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},fixed:{defaultValue:{value:"false"},description:"Whether the popover has `position: fixed` or not.",name:"fixed",required:!1,type:{name:"boolean | undefined"}},shift:{defaultValue:{value:"0"},description:"The skidding of the popover along the anchor element.",name:"shift",required:!1,type:{name:"number | undefined"}},items:{defaultValue:null,description:"Lists all the items with their `ref`s. This state is automatically updated\nwhen an item is registered or unregistered with the `registerItem`\nfunction. The order of the items is automatically defined by the order of\nthe elements in the DOM.\n@example const { items } = useCollectionState();\nitems.forEach((item) => {\n  const { ref } = item;\n  ...\n});",name:"items",required:!1,type:{name:"Item[] | undefined"}},virtualFocus:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of [roving\ntabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual\nfocus.",name:"virtualFocus",required:!1,type:{name:"boolean | undefined"}},orientation:{defaultValue:{value:'"both"'},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n  - `both`: all arrow keys work.\n  - `horizontal`: only left and right arrow keys work.\n  - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},rtl:{defaultValue:{value:"false"},description:'Determines how the `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},focusLoop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n  - `true` loops from the last item to the first item and vice-versa.\n  - `horizontal` loops only if `orientation` is `horizontal` or not set.\n  - `vertical` loops only if `orientation` is `vertical` or not set.\n  - If `activeId` is initially set to `null`, the composite element will be\n    focused in between the last and first items.\n\nOn two-dimensional composites:\n  - `true` loops from the last row/column item to the first item in the\n    same row/column and vice-versa. If it's the last item in the last row,\n    it moves to the first item in the first row and vice-versa.\n  - `horizontal` loops only from the last row item to the first item in the\n    same row.\n  - `vertical` loops only from the last column item to the first item in\n    the column row.\n  - If `activeId` is initially set to `null`, vertical loop will have no\n    effect as moving down from the last row or up from the first row will\n    focus the composite element.\n  - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the\n    last item in the last row or column and the first item in the first row\n    or column and vice-versa.",name:"focusLoop",required:!1,type:{name:"boolean | Orientation | undefined"}},focusWrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n  - `true` wraps between rows and columns.\n  - `horizontal` wraps only between rows.\n  - `vertical` wraps only between columns.\n  - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"focusWrap",required:!1,type:{name:"boolean | Orientation | undefined"}},focusShift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"focusShift",required:!1,type:{name:"boolean | undefined"}},moves:{defaultValue:{value:"0"},description:"The number of times the `move` function has been called.\n@example const composite = useCompositeState();\ncomposite.moves; // 0\ncomposite.move(null);\n// On the next render\ncomposite.moves; // 1",name:"moves",required:!1,type:{name:"number | undefined"}},includesBaseElement:{defaultValue:{value:"false"},description:"Indicates whether the `Composite` element should be included in the focus\norder.",name:"includesBaseElement",required:!1,type:{name:"boolean | undefined"}},activeId:{defaultValue:null,description:"The current focused item `id`.\n  - `undefined` will automatically focus the first enabled composite item.\n  - `null` will focus the base composite element and users will be able to\n    navigate out of it using arrow keys.\n  - If `activeId` is initially set to `null`, the base composite element\n    itself will have focus and users will be able to navigate to it using\n    arrow keys.",name:"activeId",required:!1,type:{name:"string | null | undefined"}},animated:{defaultValue:{value:"false"},description:"Determines whether the content should animate when it is shown or hidden.\n  - If `true`, the `animating` state will be `true` when the content is\n    shown or hidden and it will wait for `stopAnimation` to be called or a\n    CSS animation/transition to end before becoming `false`.\n  - If it's set to a number, the `animating` state will be `true` when the\n    content is shown or hidden and it will wait for the number of\n    milliseconds to pass before becoming `false`.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},getAnchorRect:{defaultValue:null,description:"Function that returns the anchor element's DOMRect. If this is explicitly\npassed, it will override the anchor `getBoundingClientRect` method.",name:"getAnchorRect",required:!1,type:{name:"((anchor: HTMLElement | null) => AnchorRect | null) | undefined"}},gutter:{defaultValue:{value:"0"},description:"The distance between the popover and the anchor element. By default, it's 0\nplus half of the arrow offset, if it exists.",name:"gutter",required:!1,type:{name:"number | undefined"}},flip:{defaultValue:{value:"true"},description:'Controls the behavior of the popover when it overflows the viewport.\n\nIf a boolean, specifies whether the popover should flip to the opposite side\nwhen it overflows.\n\nIf a string, indicates the preferred fallback placements when it overflows.\nThe placements must be spaced-delimited, e.g. "top left".\n@example  ```jsx\n const popover = usePopoverState({\n     placement: "right",\n     // In case the `right` placement overflows the viewport,\n     // the placement will fallback to the `bottom` or `top`,\n     // in that order, depending on where it fits.\n     flip: "bottom top",\n });\n```',name:"flip",required:!1,type:{name:"string | boolean | undefined"}},slide:{defaultValue:{value:"true"},description:"Whether the popover should slide when it overflows.",name:"slide",required:!1,type:{name:"boolean | undefined"}},overlap:{defaultValue:{value:"false"},description:"Whether the popover can overlap the anchor element when it overflows.",name:"overlap",required:!1,type:{name:"boolean | undefined"}},sameWidth:{defaultValue:{value:"false"},description:"Whether the popover should have the same width as the anchor element. This\nwill be exposed to CSS as `--popover-anchor-width`.",name:"sameWidth",required:!1,type:{name:"boolean | undefined"}},fitViewport:{defaultValue:{value:"false"},description:"Whether the popover should fit the viewport. If this is set to true, the\npopover wrapper will have `maxWidth` and `maxHeight` set to the viewport\nsize. This will be exposed to CSS as `--popover-available-width` and\n`--popover-available-height`.",name:"fitViewport",required:!1,type:{name:"boolean | undefined"}},arrowPadding:{defaultValue:{value:"4"},description:"The minimum padding between the arrow and the popover corner.",name:"arrowPadding",required:!1,type:{name:"number | undefined"}},overflowPadding:{defaultValue:{value:"8"},description:"The minimum padding between the popover and the viewport edge. This will be\nexposed to CSS as `--popover-overflow-padding`.",name:"overflowPadding",required:!1,type:{name:"number | undefined"}},renderCallback:{defaultValue:null,description:"A function that will be called when the popover needs to calculate its\nstyles. It will override the internal behavior.",name:"renderCallback",required:!1,type:{name:"((props: PopoverStateRenderCallbackProps) => void | (() => void)) | undefined"}},timeout:{defaultValue:{value:"500"},description:"The amount of time in milliseconds to wait before showing or hiding the\npopover.",name:"timeout",required:!1,type:{name:"number | undefined"}},showTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **showing** the popover.\nIt defaults to the value passed to `timeout`.",name:"showTimeout",required:!1,type:{name:"number | undefined"}},hideTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **hiding** the popover.\nIt defaults to the value passed to `timeout`.",name:"hideTimeout",required:!1,type:{name:"number | undefined"}},values:{defaultValue:null,description:"A map of names and values that will be used by the `MenuItemCheckbox` and\n`MenuItemRadio` components.",name:"values",required:!1,type:{name:"Values | undefined"}},setItems:{defaultValue:null,description:"Function that will be called when setting the collection `items` state.\n@example // Uncontrolled example\nuseCollectionState({ setItems: (items) => console.log(items) });\n@example // Controlled example\nconst [items, setItems] = useState([]);\nuseCollectionState({ items, setItems });\n@example // Externally controlled example\nfunction Items({ items, onItemsChange }) {\n  const collection = useCollectionState({\n    items,\n    setItems: onItemsChange,\n  });\n}",name:"setItems",required:!1,type:{name:"((items: Item[]) => void) | undefined"}},defaultActiveId:{defaultValue:null,description:'The composite item id that should be focused when the composite is\ninitialized.\n@example ```jsx\nconst composite = useCompositeState({ defaultActiveId: "item-2" });\n<Composite state={composite}>\n  <CompositeItem>Item 1</CompositeItem>\n  <CompositeItem id="item-2">Item 2</CompositeItem>\n  <CompositeItem>Item 3</CompositeItem>\n</Composite>\n```',name:"defaultActiveId",required:!1,type:{name:"string | null | undefined"}},setMoves:{defaultValue:null,description:"Function that will be called when setting the composite `moves` state.\n@example const [moves, setMoves] = useState(0);\nuseCompositeState({ moves, setMoves });",name:"setMoves",required:!1,type:{name:"((moves: number) => void) | undefined"}},setActiveId:{defaultValue:null,description:"Function that will be called when setting the composite `activeId`.\n@example function MyComposite({ activeId, onActiveIdChange }) {\n  const composite = useCompositeState({\n    activeId,\n    setActiveId: onActiveIdChange,\n  });\n}",name:"setActiveId",required:!1,type:{name:"((activeId: string | null | undefined) => void) | undefined"}},defaultVisible:{defaultValue:{value:"false"},description:"The default visibility state of the content.",name:"defaultVisible",required:!1,type:{name:"boolean | undefined"}},setVisible:{defaultValue:null,description:"Function that will be called when setting the disclosure `visible` state.\n@example // Uncontrolled example\nuseDisclosureState({ setVisible: (visible) => console.log(visible) });\n@example // Controlled example\nconst [visible, setVisible] = useState(false);\nuseDisclosureState({ visible, setVisible });\n@example // Externally controlled example\nfunction MyDisclosure({ visible, onVisibleChange }) {\n  const disclosure = useDisclosureState({\n    visible,\n    setVisible: onVisibleChange,\n  });\n}",name:"setVisible",required:!1,type:{name:"((visible: boolean) => void) | undefined"}},defaultValues:{defaultValue:null,description:"A default map of names and values that will be used by the\n`MenuItemCheckbox` and `MenuItemRadio` components.",name:"defaultValues",required:!1,type:{name:"Values | undefined"}},setValues:{defaultValue:null,description:"Function that will be called when setting the menu `values` state.\n@example const [values, setValues] = useState({});\n// Combining the values from two menus into a single state.\nconst menu = useMenuState({ values, setValues });\nconst submenu = useMenuState({ values, setValues });",name:"setValues",required:!1,type:{name:"((values: Values) => void) | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{SubMenu.displayName="SubMenu",SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n<MenuItem label="Edit profile" />\n<SubMenu>\n  <MenuButton>More options</MenuButton>\n  <MenuList>\n    <MenuItem label="Preferences" />\n    <MenuItem label="Sign out" />\n  </MenuList>\n</SubMenu>\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-state.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-anchor.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/components/tooltip/tooltip.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","content","position","gapSize","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function useDelayedTooltipState(initialState){var tooltipState=Object(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__.a)(initialState),delay=function useDelay(){var timeoutRef=react__WEBPACK_IMPORTED_MODULE_5__.useRef(),clearTimeouts=react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function clearTimeouts(){null!=timeoutRef.current&&clearTimeout(timeoutRef.current)}),[]);return react__WEBPACK_IMPORTED_MODULE_5__.useEffect((function(){return clearTimeouts}),[clearTimeouts]),react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function delay(fn,delay){return function(){clearTimeouts(),timeoutRef.current=setTimeout(fn,delay)}}),[clearTimeouts])}();return react__WEBPACK_IMPORTED_MODULE_5__.useMemo((function(){return Object.assign({},tooltipState,{show:delay((function(){return tooltipState.show()}),500),hide:delay((function(){return tooltipState.hide()}),100)})}),[delay,tooltipState])}function Tooltip(_ref){var children=_ref.children,content=_ref.content,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$gapSize=_ref.gapSize,gapSize=void 0===_ref$gapSize?3:_ref$gapSize,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded),state=useDelayedTooltipState({placement:position,gutter:gapSize}),child=react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);if(!content||!child)return child;if("string"==typeof child.ref)throw new Error("Tooltip: String refs cannot be used as they cannot be forwarded");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__.a,{state:state,ref:child.ref,onFocus:function handleFocus(event){var _child$props,_child$props$onFocus;event.currentTarget.addEventListener("keyup",(function handleKeyUp(e){var eventKey=e.key;"Escape"!==eventKey&&"Enter"!==eventKey&&"Space"!==eventKey&&state.show()}),{once:!0}),event.preventDefault(),null==child||null===(_child$props=child.props)||void 0===_child$props||null===(_child$props$onFocus=_child$props.onFocus)||void 0===_child$props$onFocus||_child$props$onFocus.call(_child$props,event)},children:function children(anchorProps){return react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(child,Object.assign({},anchorProps,child.props))}}),state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{state:state,className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("reactist_tooltip",className),children:"function"==typeof content?content():content})):null]})}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"div"'}]}},portalRef:{defaultValue:null,description:"`portalRef` is similar to `ref` but is scoped to the portal node. It's\nuseful when you need to be informed when the portal element is appended to\nthe DOM or removed from the DOM.\n@example const [portalElement, setPortalElement] = useState(null);\n<Portal portalRef={setPortalElement} />;",name:"portalRef",required:!1,type:{name:"((instance: HTMLElement | null) => void) | MutableRefObject<HTMLElement> | undefined"}},portal:{defaultValue:{value:"true"},description:"Determines whether the element should be rendered as a React Portal.",name:"portal",required:!1,type:{name:"boolean | undefined"}},portalElement:{defaultValue:{value:"HTMLDivElement"},description:'An HTML element or a memoized callback function that returns an HTML\nelement to be used as the portal element. By default, the portal element\nwill be a `div` element appended to the `document.body`.\n@example const [portal, setPortal] = useState(null);\n<Portal portalElement={portal} />;\n<div ref={setPortal} />;\n@example const getPortalElement = useCallback(() => {\n  const div = document.createElement("div");\n  const portalRoot = document.getElementById("portal-root");\n  portalRoot.appendChild(div);\n  return div;\n}, []);\n<Portal portalElement={getPortalElement} />;',name:"portalElement",required:!1,type:{name:"HTMLElement | ((element: HTMLElement) => HTMLElement | null) | null | undefined"}},hideOnEscape:{defaultValue:{value:"true"},description:"Determines whether the tooltip will be hidden when the user presses the\nEscape key.",name:"hideOnEscape",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},hideOnControl:{defaultValue:{value:"false"},description:"Determines whether the tooltip will be hidden when the user presses the\nControl key. This has been proposed as an alternative to the Escape key,\nwhich may introduce some issues, especially when tooltips are used within\ndialogs that also hide on Escape. See\nhttps://github.com/w3c/aria-practices/issues/1506",name:"hideOnControl",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},wrapperProps:{defaultValue:null,description:"Props that will be passed to the popover wrapper element. This element will\nbe used to position the popover.",name:"wrapperProps",required:!1,type:{name:"HTMLAttributes<HTMLDivElement> | undefined"}},wrapElement:{defaultValue:null,description:"",name:"wrapElement",required:!1,type:{name:"WrapElement | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode | (() => ReactNode)"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,closeLabel=_ref.closeLabel,text="long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"xxlarge",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_1__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_4__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp<AvatarSize> | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return badge_stories_mainDemo}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),variantClassName=badge_module_default.a["badge-"+variant];return Object(jsx_runtime.jsx)(box.a,Object.assign({},rest,{className:[badge_module_default.a.badge,variantClassName],children:children}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{variant:{defaultValue:{value:"neutral"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"color"'},{value:'"positive"'},{value:'"neutral"'}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function badge_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(columns.b,{space:"large",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"neutral",mdxType:"Badge"},"Neutral")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"positive",mdxType:"Badge"},"Positive")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"color",mdxType:"Badge"},"Color"))))),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available so that the badge's colors can be customized:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"--reactist-badge-neutral-background\n--reactist-badge-neutral-foreground\n\n--reactist-badge-positive-background\n--reactist-badge-positive-foreground\n\n--reactist-badge-color-background\n--reactist-badge-color-foreground\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var badge_stories_mainDemo=function mainDemo(){return Object(esm.b)(columns.b,{space:"large"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"neutral"},"Neutral")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"positive"},"Positive")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"color"},"Color")))};badge_stories_mainDemo.displayName="mainDemo",badge_stories_mainDemo.storyName="Main demo",badge_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Columns space="large">\n            <Column width="content">\n                <Badge variant="neutral">Neutral</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="positive">Positive</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="color">Color</Badge>\n            </Column>\n        </Columns>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo"]},mdxStoryNameToKey={"Main demo":"mainDemo"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"<BaseButton>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _components_tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_tooltip__WEBPACK_IMPORTED_MODULE_5__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_text__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_9__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},tone:{defaultValue:{value:"neutral"},description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},children:{defaultValue:null,description:"Used internally by components composed using `BaseField`. It is not exposed as part of\nthe public props of such components.",name:"children",required:!0,type:{name:"(props: ChildrenRenderProps) => ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#BaseField"]={docgenInfo:BaseField.__docgenInfo,name:"BaseField",path:"src/new-components/base-field/base-field.tsx#BaseField"})}catch(__react_docgen_typescript_loader_error){}try{FieldHint.displayName="FieldHint",FieldHint.__docgenInfo={description:"",displayName:"FieldHint",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldHint"]={docgenInfo:FieldHint.__docgenInfo,name:"FieldHint",path:"src/new-components/base-field/base-field.tsx#FieldHint"})}catch(__react_docgen_typescript_loader_error){}try{FieldMessage.displayName="FieldMessage",FieldMessage.__docgenInfo={description:"",displayName:"FieldMessage",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldMessage"]={docgenInfo:FieldMessage.__docgenInfo,name:"FieldMessage",path:"src/new-components/base-field/base-field.tsx#FieldMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/box.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Using the Box component",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Tips and tricks about the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Box")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"You don't need the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"classNames")," helper as often now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The new ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"className")," prop receives the same kind of values supported by this helper. So you can do things like this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Box className={classNames(styles.container, 'custom-class-name')} />\n\n// …can be written like this\n<Box className={[styles.container, 'custom-class-name']} />\n\n// Other examples:\n<Box\n  className={[\n    styles.container,\n    isReadOnly ? styles.readOnly : null,\n    { [styles.disabled]: isDisabled },\n  ]}\n/>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Granted, this is only supported in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box"),". This is because the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," is the only design system component that officially supports custom styles. Remember that for the other components you can use ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"exceptionallySetClassName"),", but this one is an escape hatch, that we should aim to not use as much as the design system matures. So this one does not support that feature."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingX")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingY")," shorthand props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component has props to set its padding in all four direction: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft"),". You have probably noticed that we can set them all at once with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"padding"),". But you might have missed the fact that we can set the padding in one of the two dimensions at once as well. This is achieved with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingX")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),") and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingY")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// A box with a large padding left and right, and a small padding top and bottom\n<Box paddingX="large" paddingY="small" />\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The same applies to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"margin*")," props."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Using the Box component",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/box/box.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"PaddingStory",(function(){return PaddingStory})),__webpack_require__.d(__webpack_exports__,"MarginStory",(function(){return MarginStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_box__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/heading/heading.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Box",component:_box__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:children})}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes=Object.assign({children:{control:{type:"text"},defaultValue:"The quick brown fox jumps over the lazy dog."},display:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["block","inlineBlock","inline","flex","none"],"block"),flexDirection:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["column","row"],"row"),flexWrap:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["wrap","nowrap"],"nowrap"),alignItems:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","baseline"],"none"),justifyContent:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","spaceBetween"],"none"),textAlign:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["start","center","end","justify"],"none"),background:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["default","aside","highlight","selected","toast"],"none"),borderRadius:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["standard","none","full"],"none")},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.e)());var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Stacks elements on mobile",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{display:"flex",flexDirection:{mobile:"column",tablet:"row"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:30})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches horizontal alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{backgroundColor:"lightgreen"},display:"flex",justifyContent:{mobile:"flexStart",tablet:"center",desktop:"flexEnd"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"One"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Two"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Three"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches vertical alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{height:"120px"},display:"flex",alignItems:{mobile:"flexEnd",tablet:"center",desktop:"flexStart"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:60}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:90})]})})]})]})};function PaddedBox(_ref2){var _paddingProp,prop=_ref2.prop,value=_ref2.value,paddingProp=((_paddingProp={})[prop]=value,_paddingProp);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",border:"primary"},paddingProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",padding:"medium",background:"selected",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})})}))}PaddedBox.displayName="PaddedBox";var PaddingStory=function PaddingStory(_ref3){var padding=_ref3.padding;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The transparent bordered box has padding"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"padding",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingX",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingY",value:padding})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingTop",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingRight",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingBottom",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingLeft",value:padding})]})]})};PaddingStory.displayName="PaddingStory",PaddingStory.argTypes={padding:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.h)("medium")};var marginToPadding={margin:"padding",marginX:"paddingX",marginY:"paddingY",marginTop:"paddingTop",marginRight:"paddingRight",marginBottom:"paddingBottom",marginLeft:"paddingLeft"},marginBoxStyle={opacity:.5,minHeight:100,minWidth:100};function MarginBox(_ref4){var _marginProp,_ref5,prop=_ref4.prop,value=_ref4.value,marginProp=((_marginProp={})[prop]=value,_marginProp),outerPaddingToCompensateNegativeMargin=value.startsWith("-")?((_ref5={})[marginToPadding[prop]]=value.slice(1),_ref5):void 0;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},outerPaddingToCompensateNegativeMargin,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",border:"primary",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",padding:"medium",background:"selected",display:"flex",alignItems:"center",justifyContent:"center",style:marginBoxStyle},marginProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})}))})}))})}MarginBox.displayName="MarginBox";var MarginStory=function MarginStory(_ref6){var margin=_ref6.margin;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The shaded box has margin"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:"When margin is negative, you will see the outer bordered box appear to be inside the shaded box."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"margin",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginX",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginY",value:margin})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginTop",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginRight",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginBottom",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginLeft",value:margin})]})})]})};MarginStory.displayName="MarginStory",MarginStory.argTypes={margin:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["xxlarge","xlarge","large","medium","small","xsmall","none","-xsmall","-small","-medium","-large","-xlarge","-xxlarge"],"medium")},InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({ children, ...props }: PartialProps<typeof Box>) {\n    return (\n        <Wrapper>\n            <Box {...props}>\n                <Text>{children}</Text>\n            </Box>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Stacks elements on mobile">\n                    <Box display="flex" flexDirection={{ mobile: \'column\', tablet: \'row\' }}>\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={30} />\n                        <Placeholder label="Three" height={30} />\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches horizontal alignment depending on viewport size">\n                    <Box\n                        style={{ backgroundColor: \'lightgreen\' }}\n                        display="flex"\n                        justifyContent={{\n                            mobile: \'flexStart\',\n                            tablet: \'center\',\n                            desktop: \'flexEnd\',\n                        }}\n                    >\n                        <div>One</div>\n                        <div>Two</div>\n                        <div>Three</div>\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches vertical alignment depending on viewport size">\n                    <Box\n                        style={{ height: \'120px\' }}\n                        display="flex"\n                        alignItems={{\n                            mobile: \'flexEnd\',\n                            tablet: \'center\',\n                            desktop: \'flexStart\',\n                        }}\n                    >\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={60} />\n                        <Placeholder label="Three" height={90} />\n                    </Box>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),PaddingStory.parameters=Object.assign({storySource:{source:'function PaddingStory({ padding }: { padding: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The transparent bordered box has padding</Heading>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="padding" value={padding} />\n                <PaddedBox prop="paddingX" value={padding} />\n                <PaddedBox prop="paddingY" value={padding} />\n            </Inline>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="paddingTop" value={padding} />\n                <PaddedBox prop="paddingRight" value={padding} />\n                <PaddedBox prop="paddingBottom" value={padding} />\n                <PaddedBox prop="paddingLeft" value={padding} />\n            </Inline>\n        </Stack>\n    )\n}'}},PaddingStory.parameters),MarginStory.parameters=Object.assign({storySource:{source:'function MarginStory({ margin }: { margin: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The shaded box has margin</Heading>\n            <Text>\n                When margin is negative, you will see the outer bordered box appear to be inside the\n                shaded box.\n            </Text>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="margin" value={margin} />\n                    <MarginBox prop="marginX" value={margin} />\n                    <MarginBox prop="marginY" value={margin} />\n                </Inline>\n            </Box>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="marginTop" value={margin} />\n                    <MarginBox prop="marginRight" value={margin} />\n                    <MarginBox prop="marginBottom" value={margin} />\n                    <MarginBox prop="marginLeft" value={margin} />\n                </Inline>\n            </Box>\n        </Stack>\n    )\n}'}},MarginStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveProp<BoxPosition> | undefined"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveProp<BoxDisplay> | undefined"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveProp<BoxFlexDirection> | undefined"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"nowrap"'},{value:'"wrap"'}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveProp<BoxAlignItems> | undefined"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveProp<BoxAlignSelf> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveProp<BoxJustifyContent> | undefined"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"hidden"'},{value:'"auto"'},{value:'"visible"'},{value:'"scroll"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"full"'}]}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{PaddingStory.displayName="PaddingStory",PaddingStory.__docgenInfo={description:"",displayName:"PaddingStory",props:{padding:{defaultValue:null,description:"",name:"padding",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#PaddingStory"]={docgenInfo:PaddingStory.__docgenInfo,name:"PaddingStory",path:"src/new-components/box/box.stories.tsx#PaddingStory"})}catch(__react_docgen_typescript_loader_error){}try{MarginStory.displayName="MarginStory",MarginStory.__docgenInfo={description:"",displayName:"MarginStory",props:{margin:{defaultValue:null,description:"",name:"margin",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#MarginStory"]={docgenInfo:MarginStory.__docgenInfo,name:"MarginStory",path:"src/new-components/box/box.stories.tsx#MarginStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/responsive-props.ts"),_box_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.module.css"),_box_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_box_module_css__WEBPACK_IMPORTED_MODULE_8__),_padding_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/padding.module.css"),_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_padding_module_css__WEBPACK_IMPORTED_MODULE_9__),_margin_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/margin.module.css"),_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_margin_module_css__WEBPACK_IMPORTED_MODULE_10__),_width_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/box/width.module.css"),_width_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_width_module_css__WEBPACK_IMPORTED_MODULE_11__),_excluded=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref$as=_ref.as,component=void 0===_ref$as?"div":_ref$as,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,display=_ref.display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,textAlign=_ref.textAlign,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,margin=_ref.margin,marginY=_ref.marginY,marginX=_ref.marginX,marginTop=_ref.marginTop,marginRight=_ref.marginRight,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,resolvedMarginTop=null!==(_ref6=null!=marginTop?marginTop:marginY)&&void 0!==_ref6?_ref6:margin,resolvedMarginRight=null!==(_ref7=null!=marginRight?marginRight:marginX)&&void 0!==_ref7?_ref7:margin,resolvedMarginBottom=null!==(_ref8=null!=marginBottom?marginBottom:marginY)&&void 0!==_ref8?_ref8:margin,resolvedMarginLeft=null!==(_ref9=null!=marginLeft?marginLeft:marginX)&&void 0!==_ref9?_ref9:margin,omitFlex=!display||"string"==typeof display&&"flex"!==display&&"inlineFlex"!==display;return react__WEBPACK_IMPORTED_MODULE_4__.createElement(component,Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.box,display?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"display",display):null,"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"textAlign",textAlign),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingLeft",resolvedPaddingLeft),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginTop",resolvedMarginTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginRight",resolvedMarginRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginBottom",resolvedMarginBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginLeft",resolvedMarginLeft),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexDirection",flexDirection),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexWrap",flexWrap),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignItems",alignItems),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"justifyContent",justifyContent),null!=alignSelf?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignSelf",alignSelf):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"overflow",overflow),null!=width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"width",String(width)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"border",border):null)||void 0,ref:ref}),children)}))},"./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/button-link/button-link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButtonLink",(function(){return LoadingButtonLink})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return button_link_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return button_link_stories_withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return button_link_stories_iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return button_link_stories_withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return button_link_stories_customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),base_button=__webpack_require__("./src/new-components/base-button/base-button.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","exceptionallySetClassName","openInNewTab"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_link_ButtonLink=Object(polymorphism.a)((function ButtonLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_button.a,Object.assign({},props,{as:as,ref:ref,variant:variant,tone:tone,size:size,exceptionallySetClassName:exceptionallySetClassName,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))}));try{button_link_ButtonLink.displayName="ButtonLink",button_link_ButtonLink.__docgenInfo={description:"A semantic link that looks like a button, exactly matching the `Button` component in all visual\naspects.",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link.tsx#ButtonLink"]={docgenInfo:button_link_ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}function ButtonLinkStoryWrapper(props){return Object(jsx_runtime.jsx)(button_link_ButtonLink,Object.assign({},props,{onClick:function onClick(event){var _props$onClick;event.preventDefault(),null===(_props$onClick=props.onClick)||void 0===_props$onClick||_props$onClick.call(props,event)},href:"https://doist.com"}))}ButtonLinkStoryWrapper.displayName="ButtonLinkStoryWrapper",ButtonLinkStoryWrapper.displayName="ButtonLink";try{ButtonLink.displayName="ButtonLink",ButtonLink.__docgenInfo={description:"",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"]={docgenInfo:ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}var button_link_stories_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function button_link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButtonLink(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(esm.b)(ButtonLinkStoryWrapper,_extends({},props,{loading:loading,onClick:function onClick(event){return setLoading(!0)},mdxType:"ButtonLink"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=button_link_stories_objectWithoutProperties(_ref,button_link_stories_excluded);"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),endIcon:Object(esm.b)(Icon,{mdxType:"Icon"})});return Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(esm.b)(text_text.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(esm.b)(box.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"start",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"center",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"end",mdxType:"LoadingButtonLink"}),label))))}function Template(_ref2){var label=_ref2.label,props=button_link_stories_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")),textLabel="Click me now"),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}))),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}))))))}function DarkModeTemplate(props){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(esm.b)(Template,_extends({},props,{mdxType:"Template"})))}Icon.displayName="Icon",LoadingButtonLink.displayName="LoadingButtonLink",FullWidthTemplate.displayName="FullWidthTemplate",Template.displayName="Template",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButtonLink:LoadingButtonLink,FullWidthTemplate:FullWidthTemplate,Template:Template,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=button_link_stories_objectWithoutProperties(_ref3,_excluded3);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/ButtonLink",component:button_link_ButtonLink,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"ButtonLink"),Object(esm.b)("p",null,"'A semantic link that looks like a button, exactly matching the ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink")," component in all visual\naspects.'"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ButtonLink>")),Object(esm.b)(dist_esm.d,{of:ButtonLinkStoryWrapper,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ButtonLinkStoryWrapper,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Style customization"),Object(esm.b)("p",null,"Check out ",Object(esm.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"With label and icon"),Object(esm.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(esm.b)("p",null,"Nothing prevents you from passing both a ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon before the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon after the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,"Icon-only buttons"),Object(esm.b)("p",null,"Alternatively, you can render an icon-only ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink"),". To do so use the ",Object(esm.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(esm.b)("p",null,"Icon-only buttons do not support receiving the ",Object(esm.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"}))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})))))),Object(esm.b)("h3",null,"With different size"),Object(esm.b)("p",null,"Buttons have a default ",Object(esm.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h3",null,"Customized colors"),Object(esm.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-jsx"},"<ButtonLink\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</ButtonLink>\n")),Object(esm.b)("p",null,"And here's how that look like:"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Enabled")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Disabled"))))),Object(esm.b)("h3",null,"Full-width"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(esm.b)("h3",null,"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var button_link_stories_mainDemo=function mainDemo(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};button_link_stories_mainDemo.displayName="mainDemo",button_link_stories_mainDemo.storyName="Main demo",button_link_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary">Primary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary">Secondary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary">Tertiary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary">Quaternary</ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withLabelAndIcon=function withLabelAndIcon(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon before the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,null)},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon after the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,null)},"Quaternary")))))};button_link_stories_withLabelAndIcon.displayName="withLabelAndIcon",button_link_stories_withLabelAndIcon.storyName="With label and icon",button_link_stories_withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_iconOnlyButtons=function iconOnlyButtons(){return Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)}))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0}))))};button_link_stories_iconOnlyButtons.displayName="iconOnlyButtons",button_link_stories_iconOnlyButtons.storyName="Icon-only buttons",button_link_stories_iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withDifferentSize=function withDifferentSize(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};button_link_stories_withDifferentSize.displayName="withDifferentSize",button_link_stories_withDifferentSize.storyName="With different size",button_link_stories_withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_customizedColors=function customizedColors(){return Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};button_link_stories_customizedColors.displayName="customizedColors",button_link_stories_customizedColors.storyName="Customized colors",button_link_stories_customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <ButtonLink variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </ButtonLink>\n            </Box>\n            <Box>\n                <ButtonLink variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </ButtonLink>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/ButtonLink",parameters:{badges:["accessible"]},component:button_link_ButtonLink,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/button/button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButton",(function(){return LoadingButton})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_box__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/heading/heading.tsx"),_button__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/button/button.tsx"),_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButton(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_16__.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,_extends({},props,{loading:loading,onClick:function onClick(){return setLoading(!0)},mdxType:"Button"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=_objectWithoutProperties(_ref,_excluded);"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"})});return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"start",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"center",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"end",mdxType:"LoadingButton"}),label))))}function PlaygroundTemplate(_ref2){var label=_ref2.label,props=_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")),textLabel="Click me now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"})))))))}function DarkModeTemplate(props){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(PlaygroundTemplate,_extends({},props,{mdxType:"PlaygroundTemplate"})))}Icon.displayName="Icon",LoadingButton.displayName="LoadingButton",FullWidthTemplate.displayName="FullWidthTemplate",PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButton:LoadingButton,FullWidthTemplate:FullWidthTemplate,PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded3);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{title:"Design system/Button",component:_button__WEBPACK_IMPORTED_MODULE_24__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",null,"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"A semantic button that provides all the necessary visual variants. It follows the\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-practices/#button"},"WAI-ARIA Button Pattern"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"h2"},"<Button>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.d,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Style customization"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Check out ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With label and icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Nothing prevents you from passing both a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Icon-only buttons"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Alternatively, you can render an icon-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"Button"),". To do so use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Icon-only buttons do not support receiving the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With different size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Buttons have a default ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Customized colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("code",{parentName:"pre",className:"language-jsx"},"<Button\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</Button>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"And here's how that look like:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Disabled"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Full-width"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Dark mode"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary">Primary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary">Secondary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary">Tertiary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary">Quaternary</Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withLabelAndIcon=function withLabelAndIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))))};withLabelAndIcon.displayName="withLabelAndIcon",withLabelAndIcon.storyName="With label and icon",withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var iconOnlyButtons=function iconOnlyButtons(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0}))))};iconOnlyButtons.displayName="iconOnlyButtons",iconOnlyButtons.storyName="Icon-only buttons",iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withDifferentSize=function withDifferentSize(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};withDifferentSize.displayName="withDifferentSize",withDifferentSize.storyName="With different size",withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var customizedColors=function customizedColors(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};customizedColors.displayName="customizedColors",customizedColors.storyName="Customized colors",customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <Button variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </Button>\n            </Box>\n            <Box>\n                <Button variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </Button>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=PlaygroundTemplate.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Button",parameters:{badges:["accessible"]},component:_button__WEBPACK_IMPORTED_MODULE_24__.a,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/button/button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","tone","size","type","disabled","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function Button(_ref,ref){var variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_base_button__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},props,{as:"button",ref:ref,variant:variant,tone:tone,size:size,type:type,disabled:disabled,exceptionallySetClassName:exceptionallySetClassName}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"A semantic button that also looks like a button, and provides all the necessary visual variants.\nIt follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).",displayName:"Button",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"normal"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"normal"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/checkbox-field/checkbox-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"basicExample",(function(){return basicExample})),__webpack_require__.d(__webpack_exports__,"reactNodeAsLabel",(function(){return reactNodeAsLabel})),__webpack_require__.d(__webpack_exports__,"indeterminateExample",(function(){return indeterminateExample})),__webpack_require__.d(__webpack_exports__,"accessibilityExamples",(function(){return accessibilityExamples}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js"),__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx")),_stack__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/text/text.tsx"),_inline__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/inline/inline.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}Icon.displayName="Icon";var Template=function Template(_ref){var disabled=_ref.disabled,indeterminate=_ref.indeterminate,label=_ref.label;_ref["aria-controls"],_ref["aria-describedby"],_ref["aria-label"],_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{disabled:disabled,indeterminate:indeterminate,label:label,mdxType:"CheckboxField"})};Template.displayName="Template";var layoutProps={Icon:Icon,Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{title:"Design system/CheckboxField",component:___WEBPACK_IMPORTED_MODULE_21__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",null,"CheckboxField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with a built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Basic Example",args:{label:"Default label"},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.d,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"ReactNode as Label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with an icon and a string for the built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"ReactNode as Label",args:{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,{mdxType:"Icon"})," Label with icon")},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"Indeterminate Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Indeterminate Example",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState2[0],setState=_useState2[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium",mdxType:"Inline"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))},mdxType:"CheckboxField"})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Examples",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the checkbox as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var basicExample=Template.bind({});basicExample.storyName="Basic Example",basicExample.args={label:"Default label"},basicExample.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var reactNodeAsLabel=Template.bind({});reactNodeAsLabel.storyName="ReactNode as Label",reactNodeAsLabel.args={label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,null)," Label with icon")},reactNodeAsLabel.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var indeterminateExample=function indeterminateExample(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState4[0],setState=_useState4[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))}})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))};indeterminateExample.displayName="indeterminateExample",indeterminateExample.storyName="Indeterminate Example",indeterminateExample.parameters=Object.assign({storySource:{source:'() => {\n  const [state, setState] = useState([false, true, false, false, false]);\n  const checkedCount = state.filter(Boolean).length;\n  const indeterminate = checkedCount > 0 && checkedCount < state.length;\n  return <Stack space="medium" dividers="primary">\n                    <CheckboxField checked={checkedCount === state.length} onChange={event => {\n      const {\n        checked\n      } = event.currentTarget;\n      setState(state => state.map(() => checked));\n    }} indeterminate={indeterminate} label={`Check/uncheck all (${checkedCount} / ${state.length})`} />\n                    <Inline space="medium">\n                        {state.map((checked, index) => <CheckboxField key={`${index}-${String(checked)}`} label={String(index + 1)} checked={checked} onChange={event => {\n        const {\n          checked\n        } = event.currentTarget;\n        setState(state => {\n          const newState = [...state];\n          newState[index] = checked;\n          return newState;\n        });\n      }} />)}\n                    </Inline>\n                    <Text tone="secondary">\n                        Mark some (but not all) numbered checkboxes to see the one at the top as\n                        indeterminate.\n                    </Text>\n                </Stack>;\n}'}},{docs:{source:{type:"dynamic"}}});var accessibilityExamples=function accessibilityExamples(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will describe the checkbox as "Husky".')))};accessibilityExamples.displayName="accessibilityExamples",accessibilityExamples.storyName="Accessibility Examples",accessibilityExamples.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <CheckboxField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the checkbox as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/CheckboxField",parameters:{badges:["accessible"]},component:___WEBPACK_IMPORTED_MODULE_21__.a,includeStories:["basicExample","reactNodeAsLabel","indeterminateExample","accessibilityExamples"]},mdxStoryNameToKey={"Basic Example":"basicExample","ReactNode as Label":"reactNodeAsLabel","Indeterminate Example":"indeterminateExample","Accessibility Examples":"accessibilityExamples"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/checkbox-field/checkbox-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkbox_field_CheckboxField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","indeterminate","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var svgPath={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};function CheckboxIcon(_ref2){var checked=_ref2.checked,indeterminate=_ref2.indeterminate,disabled=_ref2.disabled,props=_objectWithoutProperties(_ref2,_excluded),pathKey=function getPathKey(_ref){var checked=_ref.checked,indeterminate=_ref.indeterminate,disabled=_ref.disabled;return indeterminate?"mixed":checked?"checked":disabled?"filled":"unchecked"}({checked:checked,indeterminate:indeterminate,disabled:disabled});return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{minWidth:"24"}},props,{children:Object(jsx_runtime.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:svgPath[pathKey]})}))}CheckboxIcon.displayName="CheckboxIcon";try{CheckboxIcon.displayName="CheckboxIcon",CheckboxIcon.__docgenInfo={description:"",displayName:"CheckboxIcon",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean | undefined"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"]={docgenInfo:CheckboxIcon.__docgenInfo,name:"CheckboxIcon",path:"src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"})}catch(__react_docgen_typescript_loader_error){}var checkbox_field_module=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.module.css"),checkbox_field_module_default=__webpack_require__.n(checkbox_field_module),checkbox_field_excluded=["label","disabled","indeterminate","defaultChecked","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkbox_field_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function checkbox_field_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkbox_field_CheckboxField=react.forwardRef((function CheckboxField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,disabled=_ref.disabled,indeterminate=_ref.indeterminate,defaultChecked=_ref.defaultChecked,_onChange=_ref.onChange,props=checkbox_field_objectWithoutProperties(_ref,checkbox_field_excluded),isControlledComponent="boolean"==typeof props.checked;"boolean"!=typeof indeterminate||isControlledComponent||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),indeterminate=void 0),label||props["aria-label"]||props["aria-labelledby"]||console.warn("A Checkbox needs a label");var _React$useState2=_slicedToArray(react.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState,internalRef=react.useRef(null),combinedRef=Object(hooks.e)(internalRef,ref);return react.useEffect((function setIndeterminate(){internalRef.current&&"boolean"==typeof indeterminate&&(internalRef.current.indeterminate=indeterminate)}),[indeterminate]),Object(jsx_runtime.jsxs)(box.a,{as:"label",display:"flex",alignItems:"center",className:[checkbox_field_module_default.a.container,disabled?checkbox_field_module_default.a.disabled:null,isChecked?checkbox_field_module_default.a.checked:null,keyFocused?checkbox_field_module_default.a.keyFocused:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,{ref:combinedRef,type:"checkbox","aria-checked":indeterminate?"mixed":isChecked,checked:isChecked,disabled:disabled,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}})),Object(jsx_runtime.jsx)(CheckboxIcon,{checked:isChecked,disabled:disabled,indeterminate:indeterminate,"aria-hidden":!0}),label?Object(jsx_runtime.jsx)(text_text.a,{children:label}):null]})}));try{checkbox_field_CheckboxField.displayName="CheckboxField",checkbox_field_CheckboxField.__docgenInfo={description:"",displayName:"CheckboxField",props:{disabled:{defaultValue:null,description:"Defines whether or not the checkbox is disabled.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the checkbox for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current checkbox for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current checkbox for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label for the checkbox element.",name:"label",required:!1,type:{name:"ReactNode"}},indeterminate:{defaultValue:null,description:"Defines whether or not the checkbox can be of a `mixed` state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"]={docgenInfo:checkbox_field_CheckboxField.__docgenInfo,name:"CheckboxField",path:"src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/columns/columns.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_box__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/box/box.tsx"),_columns__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/columns/columns.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Columns",component:_columns__WEBPACK_IMPORTED_MODULE_6__.b,subcomponents:{Column:_columns__WEBPACK_IMPORTED_MODULE_6__.a},argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["left","center","right"]),alignY:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["top","center","bottom","baseline"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.e)()),parameters:{badges:["accessible"]}};var AlignmentStory=function AlignmentStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use alignY to control vertical alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:30*(i+1)})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use align to control horizontal alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})})]}))})]})};AlignmentStory.displayName="AlignmentStory";var WidthsStory=function WidthsStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})})]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"4/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"4/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]})]})})]})};WidthsStory.displayName="WidthsStory",WidthsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var ResponsiveStory=function ResponsiveStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Columns alignment changes as the viewport size changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"medium",align:{mobile:"left",tablet:"center",desktop:"right"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Space between columns reduces on smaller screen sizes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use collapseBelow to control if/when the columns become stacked depending on viewport width",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))})]})]})};ResponsiveStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),collapseBelow:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["tablet","desktop"],"tablet"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var FlexChildStory=function FlexChildStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"As a flex child",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Element outside of Columns"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))]})})};FlexChildStory.displayName="FlexChildStory",FlexChildStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var NestedColumnsStory=function NestedColumnsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Inner Columns retain their own spacing",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:0,height:50})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:6,height:50})})]})})};NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d),AlignmentStory.parameters=Object.assign({storySource:{source:'function AlignmentStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="xlarge">\n            <Wrapper title="Use alignY to control vertical alignment" border={true}>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={(i + 1) * 30} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Wrapper>\n            <Wrapper title="Use align to control horizontal alignment" border={true}>\n                <Columns {...args}>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                </Columns>\n            </Wrapper>\n        </Stack>\n    )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=Object.assign({storySource:{source:'function WidthsStory({ space }: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="large" dividers="primary">\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="medium">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/5">\n                            <Placeholder label="1/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/5">\n                            <Placeholder label="2/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/5">\n                            <Placeholder label="3/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="4/5">\n                            <Placeholder label="4/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n        </Stack>\n    )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory(args: PartialProps<typeof Columns>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Columns alignment changes as the viewport size changes">\n                    <Columns\n                        space="medium"\n                        align={{ mobile: \'left\', tablet: \'center\', desktop: \'right\' }}\n                    >\n                        {times(5).map((i) => (\n                            <Column width="content" key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Space between columns reduces on smaller screen sizes">\n                    <Columns space={{ mobile: \'xsmall\', tablet: \'medium\', desktop: \'xlarge\' }}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Use collapseBelow to control if/when the columns become stacked depending on viewport width">\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),FlexChildStory.parameters=Object.assign({storySource:{source:'function FlexChildStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="As a flex child">\n            <Box display="flex" alignItems="center">\n                <Box>\n                    <Placeholder label="Element outside of Columns" />\n                </Box>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={50} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Box>\n        </Wrapper>\n    )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=Object.assign({storySource:{source:'function NestedColumnsStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="Inner Columns retain their own spacing">\n            <Columns space="xlarge">\n                <Column>\n                    <Placeholder label={0} height={50} />\n                </Column>\n\n                <Column>\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Column>\n\n                <Column>\n                    <Placeholder label={6} height={50} />\n                </Column>\n            </Columns>\n        </Wrapper>\n    )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/columns/columns.module.css"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["width","children","exceptionallySetClassName"],_excluded2=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,height:"full",flexShrink:"content"===width?0:void 0,ref:ref,children:children}))})),Columns=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,_ref2$align=_ref2.align,align=void 0===_ref2$align?"left":_ref2$align,_ref2$alignY=_ref2.alignY,alignY=void 0===_ref2$alignY?"top":_ref2$alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space)],display:"flex",flexDirection:"desktop"===collapseBelow?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===collapseBelow?{mobile:"column",tablet:"row"}:"row",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":alignY})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":align})),ref:ref,children:children}))}))},"./src/new-components/common-helpers.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return generateElementId})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),uid=0;function generateElementId(prefix){return prefix+"-"+function uniqueId(){return uid++}()}function useId(providedId){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=providedId?providedId:null);return ref.current||(ref.current=generateElementId("element")),ref.current}},"./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/deprecated-modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),reach_dialog_esm=__webpack_require__("./node_modules/@reach/dialog/dist/reach-dialog.esm.js"),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),modal_module=__webpack_require__("./src/new-components/deprecated-modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function DeprecatedModal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]);return Object(jsx_runtime.jsx)(reach_dialog_esm.b,{isOpen:isOpen,onDismiss:onDismiss,dangerouslyBypassFocusLock:!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),"data-testid":"modal-overlay",children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(reach_dialog_esm.a,Object.assign({},props,{as:box.a,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}function DeprecatedModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function DeprecatedModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(DeprecatedModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function DeprecatedModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function DeprecatedModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function DeprecatedModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}DeprecatedModal.displayName="DeprecatedModal",DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalActions.displayName="DeprecatedModalActions";try{DeprecatedModal.displayName="DeprecatedModal",DeprecatedModal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"DeprecatedModal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"]={docgenInfo:DeprecatedModal.__docgenInfo,name:"DeprecatedModal",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"DeprecatedModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"]={docgenInfo:DeprecatedModalCloseButton.__docgenInfo,name:"DeprecatedModalCloseButton",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalHeader.displayName="DeprecatedModalHeader",DeprecatedModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"DeprecatedModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see DeprecatedModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"]={docgenInfo:DeprecatedModalHeader.__docgenInfo,name:"DeprecatedModalHeader",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"DeprecatedModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"]={docgenInfo:DeprecatedModalBody.__docgenInfo,name:"DeprecatedModalBody",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalFooter.displayName="DeprecatedModalFooter",DeprecatedModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"DeprecatedModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"]={docgenInfo:DeprecatedModalFooter.__docgenInfo,name:"DeprecatedModalFooter",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalActions.displayName="DeprecatedModalActions",DeprecatedModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"DeprecatedModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"]={docgenInfo:DeprecatedModalActions.__docgenInfo,name:"DeprecatedModalActions",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,toggle:function toggle(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var _ref2$initialState=_ref2.initialState,initialState=void 0===_ref2$initialState?defaultInitialState:_ref2$initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],toggle=react.useCallback((function(){return setOpen((function(v){return!v}))}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(initialState),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,toggle:toggle,onChange:onChange},props)}),[isOpen,toggle,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,toggle=react.useContext(ModalStoryContext).toggle;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:toggle,children:children})}function Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,toggle=_React$useContext3.toggle,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(DeprecatedModal,Object.assign({isOpen:isOpen,onDismiss:toggle,width:width,height:height},props))}function ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",Modal.displayName="Modal",ModalHeader.displayName="ModalHeader";var ModalBody=DeprecatedModalBody;function ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({withDivider:withScrollableContent},props))}function ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalActions,Object.assign({withDivider:withScrollableContent},props))}ModalFooter.displayName="ModalFooter",ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/deprecated-modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Components/Modal",component:DeprecatedModal,parameters:{badges:["accessible","deprecated"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://reach.tech/dialog/"},"Reach UI's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Components/Modal",parameters:{badges:["accessible","deprecated"]},component:DeprecatedModal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/divider/divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/divider/divider.module.css"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_divider_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["weight"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"tertiary":_ref$weight,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"hr",className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_5__.a)(_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"weight",weight)},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"tertiary"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/heading/heading.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveHeadingStory",(function(){return ResponsiveHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/heading/heading.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var HeadingStory=function HeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{dividers:"primary",space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",children:"Heading level 1, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"larger",children:"Heading level 1, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,children:"Heading level 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"smaller",children:"Heading level 1, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"largest",children:"Heading level 2, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"larger",children:"Heading level 2, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,children:"Heading level 2"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"smaller",children:"Heading level 2, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"largest",children:"Heading level 3, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"larger",children:"Heading level 3, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,children:"Heading level 3"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"smaller",children:"Heading level 3, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"largest",children:"Heading level 4 / 5 / 6, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"larger",children:"Heading level 4 / 5 / 6, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,children:"Heading level 4 / 5 / 6"})]})]})})};HeadingStory.displayName="HeadingStory";var TruncatedHeadingStory=function TruncatedHeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",lineClamp:1,children:"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,lineClamp:2,children:"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."})]})};TruncatedHeadingStory.displayName="TruncatedHeadingStory";var ResponsiveHeadingStory=function ResponsiveHeadingStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveHeadingStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}},HeadingStory.parameters=Object.assign({storySource:{source:'function HeadingStory() {\n    return (\n        <section className="story">\n            <Stack dividers="primary" space="medium">\n                <Stack space="small">\n                    <Heading level={1} size="largest">\n                        Heading level 1, largest\n                    </Heading>\n                    <Heading level={1} size="larger">\n                        Heading level 1, larger\n                    </Heading>\n                    <Heading level={1}>Heading level 1</Heading>\n                    <Heading level={1} size="smaller">\n                        Heading level 1, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={2} size="largest">\n                        Heading level 2, largest\n                    </Heading>\n                    <Heading level={2} size="larger">\n                        Heading level 2, larger\n                    </Heading>\n                    <Heading level={2}>Heading level 2</Heading>\n                    <Heading level={2} size="smaller">\n                        Heading level 2, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={3} size="largest">\n                        Heading level 3, largest\n                    </Heading>\n                    <Heading level={3} size="larger">\n                        Heading level 3, larger\n                    </Heading>\n                    <Heading level={3}>Heading level 3</Heading>\n                    <Heading level={3} size="smaller">\n                        Heading level 3, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={4} size="largest">\n                        Heading level 4 / 5 / 6, largest\n                    </Heading>\n                    <Heading level={4} size="larger">\n                        Heading level 4 / 5 / 6, larger\n                    </Heading>\n                    <Heading level={4}>Heading level 4 / 5 / 6</Heading>\n                </Stack>\n            </Stack>\n        </section>\n    )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=Object.assign({storySource:{source:'function TruncatedHeadingStory() {\n    return (\n        <section className="story">\n            <Heading level={1} size="largest" lineClamp={1}>\n                This is a long title which we will use demonstrate truncating content. When this\n                overflows and begins to drop to a new line, its overflowing content will be replaced\n                by ellipses.\n            </Heading>\n            <Heading level={2} lineClamp={2}>\n                Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n                Sometimes we need to provide more context yet still remain skimmable to users, and\n                subtitles are a good way to do this. As it&rsquo;s much longer now we can allow a\n                second line to be displayed before truncating it at two lines.\n            </Heading>\n        </section>\n    )\n}'}},TruncatedHeadingStory.parameters),ResponsiveHeadingStory.parameters=Object.assign({storySource:{source:"function ResponsiveHeadingStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Heading {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveHeadingStory.parameters),HeadingPlaygroundStory.parameters=Object.assign({storySource:{source:'function HeadingPlaygroundStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <section className="story playground">\n            <Heading {...props} />\n        </section>\n    )\n}'}},HeadingPlaygroundStory.parameters);try{ResponsiveHeadingStory.displayName="ResponsiveHeadingStory",ResponsiveHeadingStory.__docgenInfo={description:"",displayName:"ResponsiveHeadingStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"]={docgenInfo:ResponsiveHeadingStory.__docgenInfo,name:"ResponsiveHeadingStory",path:"src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"})}catch(__react_docgen_typescript_loader_error){}try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/heading/heading.module.css"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,align=_ref.align,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),headingElementName="h"+level,lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{className:[exceptionallySetClassName,_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,as:headingElementName,ref:ref,children:children}))}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"regular"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"normal"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden-visually/hidden-visually.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenVisually}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.module.css"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HiddenVisually=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__.a)((function HiddenVisually(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{ref:ref,position:"absolute",overflow:"hidden",className:_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.hiddenVisually}))}))},"./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden/hidden.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return hidden_stories_ResponsiveStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./src/new-components/box/box.tsx")),hidden_module=__webpack_require__("./src/new-components/hidden/hidden.module.css"),hidden_module_default=__webpack_require__.n(hidden_module),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["display","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var hidden_Hidden=Object(polymorphism.a)((function Hidden(_ref,ref){var _ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),hiddenOnPrint="print"in props&&props.print,hiddenOnDesktop="above"in props,hiddenOnMobile="below"in props,hiddenOnTablet="below"in props&&"desktop"===props.below||"above"in props&&"mobile"===props.above;return hiddenOnDesktop&&hiddenOnMobile&&console.warn('<Hidden /> should receive either above="…" or below="…" but not both'),hiddenOnDesktop||hiddenOnMobile||hiddenOnPrint||console.warn("<Hidden /> did not receive any criteria to hide itself"),"above"in props&&delete props.above,"below"in props&&delete props.below,"print"in props&&delete props.print,Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,className:[exceptionallySetClassName,hiddenOnPrint?hidden_module_default.a.hiddenOnPrint:null],display:hiddenOnDesktop&&hiddenOnMobile?"none":{mobile:hiddenOnMobile?"none":display,tablet:hiddenOnTablet?"none":display,desktop:hiddenOnDesktop?"none":display},children:children}))})),hidden_stories_ResponsiveStory=(__webpack_exports__.default={title:"Design system/Hidden",component:hidden_Hidden,parameters:{badges:["accessible"]}},function ResponsiveStory(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(storybook_helper.b,{}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Always visible 📱💻🖥"}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"mobile",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on mobile 📱",height:30})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"desktop",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on desktop 🖥",height:75})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in tablet and desktop 💻🖥",height:60})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in mobile and tablet 📱💻",height:45})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Does not make sense"})})]})]})});hidden_stories_ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="medium">\n                <Placeholder label="Always visible 📱💻🖥" />\n\n                <Hidden above="mobile">\n                    <Placeholder label="Visible only on mobile 📱" height={30} />\n                </Hidden>\n\n                <Hidden below="desktop">\n                    <Placeholder label="Visible only on desktop 🖥" height={75} />\n                </Hidden>\n\n                <Hidden below="tablet">\n                    <Placeholder label="Visible in tablet and desktop 💻🖥" height={60} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Visible in mobile and tablet 📱💻" height={45} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Does not make sense" />\n                </Hidden>\n            </Stack>\n        </>\n    )\n}'}},hidden_stories_ResponsiveStory.parameters)},"./src/new-components/icons/alert-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlertIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["tone"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var alertIconForTone={info:AlertInfoIcon,positive:AlertPositiveIcon,caution:AlertCautionIcon,critical:AlertCriticalIcon};function AlertIcon(_ref){var tone=_ref.tone,props=_objectWithoutProperties(_ref,_excluded),Icon=alertIconForTone[tone];return Icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Icon,Object.assign({},props)):null}function AlertInfoIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",fill:"currentColor"})}))}function AlertPositiveIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",fill:"currentColor"})}))}function AlertCautionIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",fill:"currentColor"})}))}function AlertCriticalIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",fill:"currentColor"})}))}AlertInfoIcon.displayName="AlertInfoIcon",AlertPositiveIcon.displayName="AlertPositiveIcon",AlertCautionIcon.displayName="AlertCautionIcon",AlertCriticalIcon.displayName="AlertCriticalIcon";try{AlertIcon.displayName="AlertIcon",AlertIcon.__docgenInfo={description:"",displayName:"AlertIcon",props:{tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/alert-icon.tsx#AlertIcon"]={docgenInfo:AlertIcon.__docgenInfo,name:"AlertIcon",path:"src/new-components/icons/alert-icon.tsx#AlertIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/close-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CloseIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{fill:"currentColor",d:"M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"})}))}CloseIcon.displayName="CloseIcon";try{CloseIcon.displayName="CloseIcon",CloseIcon.__docgenInfo={description:"",displayName:"CloseIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/close-icon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/new-components/icons/close-icon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/password-visible-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PasswordVisibleIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordVisibleIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"gray",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{d:"M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("circle",{cx:"12",cy:"12",r:"3.5"})]})}))}PasswordVisibleIcon.displayName="PasswordVisibleIcon";try{PasswordVisibleIcon.displayName="PasswordVisibleIcon",PasswordVisibleIcon.__docgenInfo={description:"",displayName:"PasswordVisibleIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"]={docgenInfo:PasswordVisibleIcon.__docgenInfo,name:"PasswordVisibleIcon",path:"src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/inline/inline.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return NestedStackStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/heading/heading.tsx"),_inline__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/inline/inline.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function renderInlineContent(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:20,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:80,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:150,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:180,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:100,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48})]})}__webpack_exports__.default={title:"Design system/Inline",component:_inline__WEBPACK_IMPORTED_MODULE_5__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("medium"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.i)(["left","center","right"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.e)()),parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how it wraps content",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{children:renderInlineContent()}))})};InteractivePropsStory.displayName="InteractivePropsStory";var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how spacing changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:renderInlineContent()})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how alignment changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",align:{mobile:"left",tablet:"center",desktop:"right"},children:renderInlineContent()})})]})]})};ResponsiveStory.argTypes=Object.assign({space:{control:!1},align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d);var NestedStackStory=function NestedStackStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_4__.a,{level:"1",children:["Parent stack with space=“",null!=space?space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()})]})})};NestedStackStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("xlarge"),align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory(args: PartialProps<typeof Inline>) {\n    return (\n        <Wrapper title="Change the viewport width to see how it wraps content" border={true}>\n            <Inline {...args}>{renderInlineContent()}</Inline>\n        </Wrapper>\n    )\n}'}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space=\"medium\">\n                <Wrapper title=\"Change the viewport width to see how spacing changes\" border={true}>\n                    <Inline space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}>\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n                <Wrapper\n                    title=\"Change the viewport width to see how alignment changes\"\n                    border={true}\n                >\n                    <Inline\n                        space=\"xsmall\"\n                        align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n                    >\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStackStory.parameters=Object.assign({storySource:{source:'function NestedStackStory({ space }: PartialProps<typeof Inline>) {\n    return (\n        <>\n            <Stack space={space}>\n                <Heading level="1">Parent stack with space=&ldquo;{space ?? \'none\'}&rdquo;</Heading>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n            </Stack>\n        </>\n    )\n}'}},NestedStackStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStackStory.displayName="NestedStackStory",NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/inline/inline.module.css"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_inline_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","alignY","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Inline=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function Inline(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,display:"flex",flexWrap:"wrap",className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.a)(_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"space",space)],ref:ref,alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),children:children}))}))},"./src/new-components/loading/loading.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Example",(function(){return Example})),__webpack_require__.d(__webpack_exports__,"allSizes",(function(){return loading_stories_allSizes})),__webpack_require__.d(__webpack_exports__,"customizeColor",(function(){return loading_stories_customizeColor})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return loading_stories_accessibilityAttributes})),__webpack_require__.d(__webpack_exports__,"accessibilityConsiderations",(function(){return loading_stories_accessibilityConsiderations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["size","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizeMapping={xsmall:16,small:24,medium:36,large:48};function Loading(_ref){var _sizeMapping$size,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),numericSize=null!==(_sizeMapping$size=sizeMapping[size])&&void 0!==_sizeMapping$size?_sizeMapping$size:sizeMapping.small,ariaLabel=props["aria-label"]?props["aria-label"]:props["aria-labelledby"]?void 0:"Loading…";return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{"aria-label":ariaLabel,className:exceptionallySetClassName,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar",children:Object(jsx_runtime.jsx)(spinner.a,{size:numericSize,"aria-hidden":!0})}))}Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{size:{defaultValue:{value:"small"},description:"The size of the loading spinner.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the loading component for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current loading component for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current loading component for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/new-components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var loading_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function loading_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function loading_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Example(_ref){var children=_ref.children,size=_ref.size;return Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},children),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},'size="',size,'"'))}Example.displayName="Example";var layoutProps={Example:Example};function MDXContent(_ref2){var components=_ref2.components,props=loading_stories_objectWithoutProperties(_ref2,loading_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Loading",component:Loading,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Loading"),Object(esm.b)("p",null,"A loading indicator that comes in three sizes."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"All Sizes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Loading,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Loading,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Customized color"),Object(esm.b)("p",null,"The loading indicator adopts the current brand background color defined in the ",Object(esm.b)("inlineCode",{parentName:"p"},"--reactist-spinner-tint"),"\nCSS variable."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Customize Color",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"},mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("h2",null,"Accessibility"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(Loading,{"aria-label":"Loading puppies",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary",mdxType:"Text"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-describedby"))))),Object(esm.b)("h4",null,"Usage Considerations"),Object(esm.b)("p",null,"If the ",Object(esm.b)("inlineCode",{parentName:"p"},"Loading")," component is describing the loading progress of a particular region of a page, you should use the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-describedby")," attribute to point to the status, and set the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-busy")," attribute to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," on the region until it is finished loading."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Considerations",mdxType:"Story"},Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"},mdxType:"Box"},Object(esm.b)(Loading,{"aria-describedby":"loading-progress",mdxType:"Loading"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var loading_stories_allSizes=function allSizes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_allSizes.displayName="allSizes",loading_stories_allSizes.storyName="All Sizes",loading_stories_allSizes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_customizeColor=function customizeColor(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"}},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_customizeColor.displayName="customizeColor",loading_stories_customizeColor.storyName="Customize Color",loading_stories_customizeColor.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd" style={{\n  \'--reactist-spinner-tint\': \'red\'\n}}>\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityAttributes=function accessibilityAttributes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(Loading,{"aria-label":"Loading puppies"}),Object(esm.b)(box.a,{as:"pre"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens"}),Object(esm.b)(box.a,{as:"pre"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress"}),Object(esm.b)(box.a,{as:"pre"},"aria-describedby")))};loading_stories_accessibilityAttributes.displayName="accessibilityAttributes",loading_stories_accessibilityAttributes.storyName="Accessibility Attributes",loading_stories_accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Stack space="xxlarge" align="center">\n                <Loading aria-label="Loading puppies" />\n                <Box as="pre">aria-label</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-kittens" tone="secondary">\n                    Loading kittens...\n                </Text>\n                <Loading aria-labelledby="loading-kittens" />\n                <Box as="pre">aria-labelledby</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-progress" tone="secondary">\n                    50% complete...\n                </Text>\n                <Loading aria-label="loading-progress" />\n                <Box as="pre">aria-describedby</Box>\n            </Stack>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityConsiderations=function accessibilityConsiderations(){return Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"}},Object(esm.b)(Loading,{"aria-describedby":"loading-progress"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete"))};loading_stories_accessibilityConsiderations.displayName="accessibilityConsiderations",loading_stories_accessibilityConsiderations.storyName="Accessibility Considerations",loading_stories_accessibilityConsiderations.parameters=Object.assign({storySource:{source:'<Box alignItems="center" aria-busy={true} display="flex" flexDirection="column" justifyContent="spaceEvenly" style={{\n  background: \'#f3f3f3\',\n  border: \'1px solid #333\',\n  width: \'200px\',\n  height: \'200px\'\n}}>\n            <Loading aria-describedby="loading-progress" />\n            <Text id="loading-progress" tone="secondary">\n                50% complete\n            </Text>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Loading",parameters:{badges:["accessible"]},component:Loading,includeStories:["allSizes","customizeColor","accessibilityAttributes","accessibilityConsiderations"]},mdxStoryNameToKey={"All Sizes":"allSizes","Customize Color":"customizeColor","Accessibility Attributes":"accessibilityAttributes","Accessibility Considerations":"accessibilityConsiderations"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal})),__webpack_require__.d(__webpack_exports__,"autofocus",(function(){return modal_stories_autofocus})),__webpack_require__.d(__webpack_exports__,"stackingModals",(function(){return modal_stories_stackingModals}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),menu=__webpack_require__("./src/components/menu/menu.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return Object(jsx_runtime.jsx)("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26",children:Object(jsx_runtime.jsxs)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:[Object(jsx_runtime.jsx)("circle",{fill:color,cx:"19",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"13",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"7",cy:"13",r:"2"})]})})};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),dist_es2015=__webpack_require__("./node_modules/aria-hidden/dist/es2015/index.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),modal_module=__webpack_require__("./src/new-components/modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function Modal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),setVisible=react.useCallback((function(visible){visible||null==onDismiss||onDismiss()}),[onDismiss]),state=Object(dialog_state.a)({visible:isOpen,setVisible:setVisible}),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]),portalRef=react.useRef(null),dialogRef=react.useRef(null),backdropRef=react.useRef(null),handleBackdropClick=react.useCallback((function(event){var _dialogRef$current,_backdropRef$current;null!==(_dialogRef$current=dialogRef.current)&&void 0!==_dialogRef$current&&_dialogRef$current.contains(event.target)||null===(_backdropRef$current=backdropRef.current)||void 0===_backdropRef$current||!_backdropRef$current.contains(event.target)||(event.stopPropagation(),null==onDismiss||onDismiss())}),[onDismiss]);return react.useLayoutEffect((function disableAccessibilityTreeOutside(){if(isOpen&&portalRef.current)return Object(dist_es2015.a)(portalRef.current)}),[isOpen]),isOpen?Object(jsx_runtime.jsx)(portal.a,{portalRef:portalRef,children:Object(jsx_runtime.jsx)(box.a,{"data-testid":"modal-overlay","data-overlay":!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),onClick:handleBackdropClick,ref:backdropRef,children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(dialog.a,Object.assign({},props,{ref:dialogRef,as:box.a,state:state,hideOnEscape:!0,preventBodyScroll:!0,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}):null}function ModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function ModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(ModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function ModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function ModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function ModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}Modal.displayName="Modal",ModalCloseButton.displayName="ModalCloseButton",ModalBody.displayName="ModalBody",ModalActions.displayName="ModalActions";try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"Modal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/new-components/modal/modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}try{ModalCloseButton.displayName="ModalCloseButton",ModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"ModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalCloseButton"]={docgenInfo:ModalCloseButton.__docgenInfo,name:"ModalCloseButton",path:"src/new-components/modal/modal.tsx#ModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{ModalHeader.displayName="ModalHeader",ModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"ModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see ModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalHeader"]={docgenInfo:ModalHeader.__docgenInfo,name:"ModalHeader",path:"src/new-components/modal/modal.tsx#ModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{ModalBody.displayName="ModalBody",ModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"ModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalBody"]={docgenInfo:ModalBody.__docgenInfo,name:"ModalBody",path:"src/new-components/modal/modal.tsx#ModalBody"})}catch(__react_docgen_typescript_loader_error){}try{ModalFooter.displayName="ModalFooter",ModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"ModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalFooter"]={docgenInfo:ModalFooter.__docgenInfo,name:"ModalFooter",path:"src/new-components/modal/modal.tsx#ModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{ModalActions.displayName="ModalActions",ModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"ModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalActions"]={docgenInfo:ModalActions.__docgenInfo,name:"ModalActions",path:"src/new-components/modal/modal.tsx#ModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,openModal:function openModal(){},closeModal:function closeModal(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var initialState=_ref2.initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],openModal=react.useCallback((function(){setOpen(!0)}),[]),closeModal=react.useCallback((function(){setOpen(!1)}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(Object.assign({},defaultInitialState,initialState)),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,openModal:openModal,closeModal:closeModal,onChange:onChange},props)}),[isOpen,openModal,closeModal,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,_ref5$action=_ref5.action,action=void 0===_ref5$action?"close":_ref5$action,_React$useContext2=react.useContext(ModalStoryContext),openModal=_React$useContext2.openModal,closeModal=_React$useContext2.closeModal;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:"open"===action?openModal:closeModal,children:children})}function modal_stories_components_Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,closeModal=_React$useContext3.closeModal,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(Modal,Object.assign({isOpen:isOpen,onDismiss:closeModal,width:width,height:height},props))}function modal_stories_components_ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(ModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",modal_stories_components_Modal.displayName="Modal",modal_stories_components_ModalHeader.displayName="ModalHeader";var modal_stories_components_ModalBody=ModalBody;function modal_stories_components_ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({withDivider:withScrollableContent},props))}function modal_stories_components_ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalActions,Object.assign({withDivider:withScrollableContent},props))}modal_stories_components_ModalFooter.displayName="ModalFooter",modal_stories_components_ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Modal",component:Modal,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://ariakit.org/components/dialog"},"Ariakit's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:Modal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Modal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:ModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:ModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:ModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:ModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:ModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,{mdxType:"Columns"},Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(menu.a,{mdxType:"Menu"},Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,{mdxType:"ThreeDotsIcon"}),mdxType:"MenuButton"}),Object(esm.b)(menu.e,{"aria-label":"Simple menu",mdxType:"MenuList"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit"),mdxType:"MenuItem"},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate"),mdxType:"MenuItem"},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove"),mdxType:"MenuItem"},"Remove")))),Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(ModalCloseButton,null))),mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Autofocus"),Object(esm.b)("p",null,"By default the ",Object(esm.b)("inlineCode",{parentName:"p"},"autoFocus")," prop is ",Object(esm.b)("inlineCode",{parentName:"p"},"true"),", which shifts the focus onto the first focusable element in the modal. You can further refine this\nby using the ",Object(esm.b)("inlineCode",{parentName:"p"},"data-autofocus")," attribute if you wish to focus on elements other than the first one. This is made possible using React Focus Lock, please see its ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/theKashey/react-focus-lock/tree/v2.9.1#autofocus"},"documentation")," for more details."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Autofocus",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){},mdxType:"TextField"}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0,mdxType:"TextField"}))),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Stacking modals"),Object(esm.b)("p",null,"Modals may be stacked on top of one another, with each of them having their independent states, e.g. ",Object(esm.b)("inlineCode",{parentName:"p"},"width")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"height"),"."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Stacking modals",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"},mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}))))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,null,Object(esm.b)(columns.a,null,Object(esm.b)(menu.a,null,Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,null)}),Object(esm.b)(menu.e,{"aria-label":"Simple menu"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit")},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate")},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove")},"Remove")))),Object(esm.b)(columns.a,null,Object(esm.b)(ModalCloseButton,null)))},Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader button={<Columns>\n                            <Column>\n                                <Menu>\n                                    <MenuButton as={ReactistButton} variant="tertiary" icon={<ThreeDotsIcon />} />\n                                    <MenuList aria-label="Simple menu">\n                                        <MenuItem onSelect={action(\'Edit\')}>Edit</MenuItem>\n                                        <MenuItem onSelect={action(\'Duplicate\')}>\n                                            Duplicate\n                                        </MenuItem>\n                                        <MenuItem onSelect={action(\'Remove\')}>Remove</MenuItem>\n                                    </MenuList>\n                                </Menu>\n                            </Column>\n                            <Column>\n                                <ModalComponents.ModalCloseButton />\n                            </Column>\n                        </Columns>}>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_autofocus=function autofocus(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){}}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0}))),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_autofocus.displayName="autofocus",modal_stories_autofocus.storyName="Autofocus",modal_stories_autofocus.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader>\n                    <Heading level={1}>Update your info</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="large">\n                        <TextField label="Name" value="Bob Odenkirk" onChange={() => undefined} />\n                        <TextField label="Address" data-autofocus />\n                    </Stack>\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Save\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_stackingModals=function stackingModals(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(text_text.a,null,"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,null),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"}},Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)))))))};modal_stories_stackingModals.displayName="stackingModals",modal_stories_stackingModals.storyName="Stacking modals",modal_stories_stackingModals.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal 1">\n                <ModalHeader>\n                    <Heading level={1}>Bottom modal</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Text>\n                        Use the form to customize this modal, or open an additional modal with the\n                        button below.\n                    </Text>\n                    <ModalOptionsForm />\n                    <ModalStoryStateProvider initialState={{\n        width: \'small\',\n        height: \'fitContent\'\n      }}>\n                        <Button variant="primary" action="open">\n                            Open second modal\n                        </Button>\n                        <Modal aria-label="Modal 2">\n                            <ModalHeader>\n                                <Heading level={1}>Top modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                        </Modal>\n                    </ModalStoryStateProvider>\n                </ModalBody>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Modal",parameters:{badges:["accessible"]},component:Modal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal","autofocus","stackingModals"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal",Autofocus:"autofocus","Stacking modals":"stackingModals"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/notice/notice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),box=__webpack_require__("./src/new-components/box/box.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),notice_module=__webpack_require__("./src/new-components/notice/notice.module.css"),notice_module_default=__webpack_require__.n(notice_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notice(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone;return Object(jsx_runtime.jsx)(box.a,{id:id,role:"alert","aria-live":"polite",className:[notice_module_default.a.container,Object(responsive_props.a)(notice_module_default.a,"tone",tone)],children:Object(jsx_runtime.jsxs)(columns.b,{space:"small",alignY:"top",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content",children:Object(jsx_runtime.jsx)(alert_icon.a,{tone:tone})}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsx)(box.a,{paddingY:"xsmall",children:children})})]})})}Notice.displayName="Notice";try{Notice.displayName="Notice",Notice.__docgenInfo={description:"",displayName:"Notice",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/notice/notice.tsx#Notice"]={docgenInfo:Notice.__docgenInfo,name:"Notice",path:"src/new-components/notice/notice.tsx#Notice"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,text=(_ref.closeLabel,"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(esm.b)(text_text.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu.")));return Object(esm.b)(Notice,{tone:tone,mdxType:"Notice"},text)}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Notice",component:Notice,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Notice"),Object(esm.b)("p",null,"A simple Notice component."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Notice,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Notice,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Notice",parameters:{badges:["accessible"]},component:Notice,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/password-field/password-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return password_field_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return password_field_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return password_field_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js")),tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordHiddenIcon(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(jsx_runtime.jsxs)("g",{fill:"gray",fillRule:"evenodd",transform:"translate(2 4)",children:[Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"}),Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"}),Object(jsx_runtime.jsx)("rect",{width:"21",height:"1",x:"-.722",y:"7.778",rx:".5",transform:"rotate(-45 9.778 8.278)"})]})}))}PasswordHiddenIcon.displayName="PasswordHiddenIcon";try{PasswordHiddenIcon.displayName="PasswordHiddenIcon",PasswordHiddenIcon.__docgenInfo={description:"",displayName:"PasswordHiddenIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"]={docgenInfo:PasswordHiddenIcon.__docgenInfo,name:"PasswordHiddenIcon",path:"src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"})}catch(__react_docgen_typescript_loader_error){}var password_field_module=__webpack_require__("./src/new-components/password-field/password-field.module.css"),password_field_module_default=__webpack_require__.n(password_field_module),text_field_module=__webpack_require__("./src/new-components/text-field/text-field.module.css"),text_field_module_default=__webpack_require__.n(text_field_module),_excluded=["variant","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","togglePasswordLabel","hidden","aria-describedby"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var password_field_PasswordField=react.forwardRef((function PasswordField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_ref$togglePasswordLa=_ref.togglePasswordLabel,togglePasswordLabel=void 0===_ref$togglePasswordLa?"Toggle password visibility":_ref$togglePasswordLa,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded),id=Object(common_helpers.b)(props.id),internalRef=react.useRef(null),inputRef=Object(hooks.e)(internalRef,ref),_React$useState2=_slicedToArray(react.useState(!1),2),isPasswordVisible=_React$useState2[0],setPasswordVisible=_React$useState2[1];function togglePasswordVisibility(){var _internalRef$current;setPasswordVisible((function(v){return!v})),null===(_internalRef$current=internalRef.current)||void 0===_internalRef$current||_internalRef$current.focus()}return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(jsx_runtime.jsxs)(box.a,{display:"flex",alignItems:"center",className:[password_field_module_default.a.inputWrapper,text_field_module_default.a.inputWrapper,"error"===tone?text_field_module_default.a.error:null,"bordered"===variant?text_field_module_default.a.bordered:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,extraProps,{ref:inputRef,type:isPasswordVisible?"text":"password"})),Object(jsx_runtime.jsx)(tooltip.a,{content:togglePasswordLabel,children:Object(jsx_runtime.jsx)("button",{type:"button",onClick:togglePasswordVisibility,"aria-label":togglePasswordLabel,tabIndex:-1,children:isPasswordVisible?Object(jsx_runtime.jsx)(password_visible_icon.a,{"aria-hidden":!0}):Object(jsx_runtime.jsx)(PasswordHiddenIcon,{"aria-hidden":!0})})})]})}})}));try{password_field_PasswordField.displayName="PasswordField",password_field_PasswordField.__docgenInfo={description:"",displayName:"PasswordField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:{value:"Toggle password visibility"},description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.tsx#PasswordField"]={docgenInfo:password_field_PasswordField.__docgenInfo,name:"PasswordField",path:"src/new-components/password-field/password-field.tsx#PasswordField"})}catch(__react_docgen_typescript_loader_error){}var password_field_stories_excluded=["label","auxiliaryLabel"];function password_field_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function password_field_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/PasswordField",component:password_field_PasswordField,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var password_field_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=password_field_stories_objectWithoutProperties(_ref,password_field_stories_excluded);return Object(jsx_runtime.jsx)(password_field_PasswordField,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Password"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Forgot your password?"},hint:{control:{type:"text"},defaultValue:"Must be at least 100 characters long, and it should include each letter of the alphabet"},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Type your password"},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge"],"small")};var password_field_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Comparing to original password…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"It does not match the original password",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Matches original password!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};password_field_stories_MessageToneStory.displayName="MessageToneStory";var password_field_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Password field without a built-in label"}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};password_field_stories_WithoutLabelStory.displayName="WithoutLabelStory",password_field_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof PasswordField>) {\n    return (\n        <PasswordField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},password_field_stories_InteractivePropsStory.parameters),password_field_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <PasswordField\n                label="Password confirmation"\n                message="Comparing to original password…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="It does not match the original password"\n                tone="error"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Matches original password!"\n                tone="success"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},password_field_stories_MessageToneStory.parameters),password_field_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <PasswordField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Password field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},password_field_stories_WithoutLabelStory.parameters);try{password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:null,description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"]={docgenInfo:password_field_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/responsive-props.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function getClassNames(styles,property,value){if(!value)return null;var classList=[];return"string"==typeof value?classList.push(styles[property+"-"+value]):(value.mobile&&classList.push(styles[property+"-"+value.mobile]),value.tablet&&classList.push(styles["tablet-"+property+"-"+value.tablet]),value.desktop&&classList.push(styles["desktop-"+property+"-"+value.desktop])),classList}function mapResponsiveProp(fromValue,mapper){if(fromValue)return"object"!=typeof fromValue?mapper(fromValue):{mobile:fromValue.mobile?mapper(fromValue.mobile):void 0,tablet:fromValue.tablet?mapper(fromValue.tablet):void 0,desktop:fromValue.desktop?mapper(fromValue.desktop):void 0}}},"./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/select-field/select-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/select-field/select-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/SelectField",component:___WEBPACK_IMPORTED_MODULE_6__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0,defaultValue:"-",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"-",disabled:!0,children:"Select theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Light themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"default",children:"Default theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"bright",children:"Extra bright"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Dark themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"contrast",children:"High contrast"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"dark",children:"Dark mode"})]})]}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Theme"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"The theme you select will be applied immediately. If you upgrade to premium you will have more themes to choose from."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saving…",tone:"loading",disabled:!0,maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Something went wrong. Please, try again.",tone:"error",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saved successfully!",tone:"success",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the select element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the select element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof SelectField>) {\n    return (\n        <SelectField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n            defaultValue="-"\n        >\n            <option value="-" disabled>\n                Select theme\n            </option>\n            <optgroup label="Light themes">\n                <option value="default">Default theme</option>\n                <option value="bright">Extra bright</option>\n            </optgroup>\n            <optgroup label="Dark themes">\n                <option value="contrast">High contrast</option>\n                <option value="dark">Dark mode</option>\n            </optgroup>\n        </SelectField>\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <SelectField\n                label="Country of residence"\n                message="Saving…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Something went wrong. Please, try again."\n                tone="error"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Saved successfully!"\n                tone="success"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the select element)</em>\n                </Text>\n            </Stack>\n            <SelectField label={null} id="custom-textarea" aria-describedby="custom-description">\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>\n                        (inspect the select element accessibility properties if you are curious)\n                    </em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/select-field/select-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/select-field/select-field.module.css"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","children","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SelectField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function SelectField(_ref,ref){var id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_children=_ref.children,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.selectWrapper,"error"===tone?_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null],children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({},props,extraProps,{ref:ref,children:_children})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(SelectChevron,{"aria-hidden":!0})]})}})}));function SelectChevron(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("svg",Object.assign({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"})}))}SelectChevron.displayName="SelectChevron";try{SelectField.displayName="SelectField",SelectField.__docgenInfo={description:"",displayName:"SelectField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.tsx#SelectField"]={docgenInfo:SelectField.__docgenInfo,name:"SelectField",path:"src/new-components/select-field/select-field.tsx#SelectField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/spinner/spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Spinner}));__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/react/index.js");var _spinner_module_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/spinner/spinner.module.css"),_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_spinner_module_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg",{"aria-hidden":!0,width:size,height:size,viewBox:"0 0 24 24",className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.svg,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g",{fill:"none",fillRule:"nonzero",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})]})})}Spinner.displayName="Spinner";try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/spinner/spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/new-components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/stack/stack.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_heading__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["itemCount"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Stack",component:_stack__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["start","center","end"]),dividers:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["primary","secondary","tertiary"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.e)()),parameters:{badges:["accessible"]}};var widths=[300,360,430,280,600,490,400],heights=[80,40,60,70,90,30,100];function size(index){return{width:widths[index%widths.length],height:heights[index%heights.length]}}var InteractivePropsStory=function InteractivePropsStory(_ref){var itemCount=_ref.itemCount,args=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count",5)};var ResponsiveStory=function ResponsiveStory(_ref2){var itemCount=_ref2.itemCount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,title:"Alignment and spacing changes as the viewport width changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},align:{mobile:"start",tablet:"center",desktop:"end"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))})})]})};ResponsiveStory.argTypes=Object.assign({itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count"),space:{control:!1},align:{control:!1},dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d);var NestedStacksStory=function NestedStacksStory(args){var _args$space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"1",children:["Parent stack with space=“",null!==(_args$space=args.space)&&void 0!==_args$space?_args$space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]})]}))};NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)("xlarge"),dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({\n    itemCount,\n    ...args\n}: PartialProps<typeof Stack> & { itemCount: number }) {\n    return (\n        <Wrapper border={true}>\n            <Stack {...args}>\n                {times(itemCount).map((i) => (\n                    <Placeholder key={i} label={i + 1} {...size(i)} />\n                ))}\n            </Stack>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Wrapper border title=\"Alignment and spacing changes as the viewport width changes\">\n                <Stack\n                    space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}\n                    align={{ mobile: 'start', tablet: 'center', desktop: 'end' }}\n                >\n                    {times(itemCount).map((i) => (\n                        <Placeholder key={i} label={i + 1} {...size(i)} />\n                    ))}\n                </Stack>\n            </Wrapper>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=Object.assign({storySource:{source:'function NestedStacksStory(args: PartialProps<typeof Stack>) {\n    return (\n        <Stack {...args}>\n            <Heading level="1">\n                Parent stack with space=&ldquo;{args.space ?? \'none\'}&rdquo;\n            </Heading>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n        </Stack>\n    )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Stack}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-keyed-flatten-children/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_divider__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/divider/divider.tsx"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/stack/stack.module.css"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_stack_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","dividers","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Stack=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Stack(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"start":_ref$align,_ref$dividers=_ref.dividers,dividers=void 0===_ref$dividers?"none":_ref$dividers,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),alignProps="start"===align?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"start"===align?"flexStart":"end"===align?"flexEnd":"center"}))};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,alignProps,{as:as,className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"space",space)],ref:ref,children:"none"!==dividers?react__WEBPACK_IMPORTED_MODULE_5__.Children.map(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default()(children),(function(child,index){return index>0?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_divider__WEBPACK_IMPORTED_MODULE_10__.a,{weight:dividers}),child]}):child})):children}))}))},"./src/new-components/storybook-helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/box/box.tsx"),_heading__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./src/new-components/default-styles.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function select(options,defaultValue){return{control:{type:"select"},options:options,defaultValue:defaultValue}}function selectWithNone(options){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge","full"]),width:selectWithNone(["auto","maxContent","minContent","fitContent","xsmall","small","medium","large","xlarge","full"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){var _Object$assign;return Object.assign({},accumulator,((_Object$assign={})[key]={control:!1},_Object$assign))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_19__.a,{space:"small",children:[title?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_18__.a,{level:"2",children:title}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{width:"full",style:border?{border:"1px dotted black"}:void 0,children:children})]})}function ResponsiveWidthRef(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{height:"36px"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("div",{style:{position:"fixed",top:0,left:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"},children:"desktop min width"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"},children:"tablet min width"})]})]})}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium",children:label})}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/switch-field/switch-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return accessibilityAttributes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_switch_field__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var label=_ref.label,hint=_ref.hint,disabled=_ref.disabled;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{label:label||"Default label",hint:hint,disabled:disabled,mdxType:"SwitchField"})}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/SwitchField",component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"SwitchField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A checkbox with a built-in label element that visually looks like a toggle switch."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},argTypes:{label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the switch as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"dynamic"}}});var accessibilityAttributes=function accessibilityAttributes(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will describe the switch as "Husky".')))};accessibilityAttributes.displayName="accessibilityAttributes",accessibilityAttributes.storyName="Accessibility Attributes",accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <SwitchField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the switch as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/SwitchField",parameters:{badges:["accessible"]},component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["playground","accessibilityAttributes"]},mdxStoryNameToKey={Playground:"playground","Accessibility Attributes":"accessibilityAttributes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/switch-field/switch-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitchField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_box__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/new-components/box/box.tsx"),_stack__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/text/text.tsx"),_hidden_visually__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),_base_field__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/common-helpers.ts"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/switch-field/switch-field.module.css"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","aria-label","aria-labelledby","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SwitchField=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SwitchField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,hint=_ref.hint,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,hidden=_ref.hidden,defaultChecked=_ref.defaultChecked,originalId=_ref.id,originalAriaDescribedBy=_ref["aria-describedby"],originalAriaLabel=_ref["aria-label"],originalAriaLabelledby=_ref["aria-labelledby"],_onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded),id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(),ariaDescribedBy=null!=originalAriaDescribedBy?originalAriaDescribedBy:hint?hintId:void 0,ariaLabel=null!=originalAriaLabel?originalAriaLabel:void 0,ariaLabelledBy=null!=originalAriaLabelledby?originalAriaLabelledby:void 0,_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_16__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{className:[_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.container,disabled?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.disabled:null,isChecked?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.checked:null,keyFocused?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.keyFocused:null],as:"label",display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.toggle,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_hidden_visually__WEBPACK_IMPORTED_MODULE_18__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("input",Object.assign({},props,{id:id,type:"checkbox",disabled:disabled,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,ref:ref,checked:isChecked,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span",{className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.handle})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_text__WEBPACK_IMPORTED_MODULE_17__.a,{exceptionallySetClassName:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.label,children:label})]}),hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_19__.b,{id:hintId,children:hint}):null]})}));try{SwitchField.displayName="SwitchField",SwitchField.__docgenInfo={description:"",displayName:"SwitchField",props:{"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the switch for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current switch for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current switch for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/switch-field/switch-field.tsx#SwitchField"]={docgenInfo:SwitchField.__docgenInfo,name:"SwitchField",path:"src/new-components/switch-field/switch-field.tsx#SwitchField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/tabs/tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"themedVariant",(function(){return themedVariant})),__webpack_require__.d(__webpack_exports__,"usingTheTabAwareSlotComponent",(function(){return usingTheTabAwareSlotComponent})),__webpack_require__.d(__webpack_exports__,"multipleTabListInstances",(function(){return multipleTabListInstances})),__webpack_require__.d(__webpack_exports__,"polymorphism",(function(){return polymorphism}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_tabs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/tabs/tabs.tsx"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/columns/columns.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(_ref){var variant=_ref.variant,space=_ref.space,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,render=_ref.render,onSelectedIdChange=_ref.onSelectedIdChange,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{variant:variant,selectedId:selectedId,defaultSelectedId:defaultSelectedId,onSelectedIdChange:onSelectedIdChange,mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,space:space,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))))};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Tabs",component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Tabs"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://ariakit.org/examples/tab"},"Ariakit's Tab component"),". For more details of its expected\nbehaviour, see ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role"},"ARIA: tab role"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}},controls:{exclude:["children"]}},args:{"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},argTypes:{selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},name:"Main demo",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tabs>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabList>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tab>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabPanel>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabAwareSlot>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"The following CSS custom properties are available so that the tabs' colors can be customized:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-neutral-background\n--reactist-tab-neutral-foreground\n--reactist-tab-neutral-unselected\n--reactist-tab-neutral-track\n--reactist-tab-neutral-border\n\n--reactist-tab-themed-background\n--reactist-tab-themed-foreground\n--reactist-tab-themed-unselected\n--reactist-tab-themed-track\n--reactist-tab-themed-border\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Their size can also be customized with:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-track-border-width\n--reactist-tab-border-radius\n--reactist-tab-border-width\n--reactist-tab-height\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Themed variant"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},args:{"aria-label":"Tabs with themed variant style",variant:"themed"},name:"Themed variant",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Using the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabAwareSlot>")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Using the TabAwareSlot component",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,{mdxType:"Columns"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content",mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,{mdxType:"TabAwareSlot"},(function(_ref3){var selectedId=_ref3.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3")))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabList>")," instances"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"As long as they exist within the same ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<Tabs>")," component tree, multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<TabList>")," instances can be rendered."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Multiple TabList instances",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"By default, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"TabPanel")," renders an unstyled div. When more control is needed, an element type or component\ncan be specified with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Note that when combined with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},'render="active"')," prop, the entire tabpanel will be affected, including the actual polymorphic component/element passed into ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Polymorphism",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 3"))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=Template.bind({});mainDemo.storyName="Main demo",mainDemo.argTypes={selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},mainDemo.args={"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},mainDemo.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}},controls:{exclude:["children"]}});var themedVariant=Template.bind({});themedVariant.storyName="Themed variant",themedVariant.args={"aria-label":"Tabs with themed variant style",variant:"themed"},themedVariant.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}}});var usingTheTabAwareSlotComponent=function usingTheTabAwareSlotComponent(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,null,(function(_ref4){var selectedId=_ref4.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))))};usingTheTabAwareSlotComponent.displayName="usingTheTabAwareSlotComponent",usingTheTabAwareSlotComponent.storyName="Using the TabAwareSlot component",usingTheTabAwareSlotComponent.parameters=Object.assign({storySource:{source:'<Tabs>\n            <Columns>\n                <Column width="content">\n                    <TabList aria-label="TabAwareSlot example tabs">\n                        <Tab id="tab1">Tab 1</Tab>\n                        <Tab id="tab2">Tab 2</Tab>\n                        <Tab id="tab3">Tab 3</Tab>\n                    </TabList>\n                </Column>\n                <Column>\n                    <TabAwareSlot>\n                        {({\n          selectedId\n        }) => <Box height="full" display="flex" alignItems="center" justifyContent="flexEnd">\n                                <Text>Currently showing the {selectedId} tab</Text>\n                            </Box>}\n                    </TabAwareSlot>\n                </Column>\n            </Columns>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var multipleTabListInstances=function multipleTabListInstances(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")))};multipleTabListInstances.displayName="multipleTabListInstances",multipleTabListInstances.storyName="Multiple TabList instances",multipleTabListInstances.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n            <TabList aria-hidden>\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var polymorphism=function polymorphism(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 3")))};polymorphism.displayName="polymorphism",polymorphism.storyName="Polymorphism",polymorphism.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1" as={Box} paddingX="small" paddingY="xlarge" render="active">\n                <Text>Content of tab 1</Text>\n            </TabPanel>\n            <TabPanel id="tab2" as="section" render="active">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3" as={Columns} paddingX="small" paddingY="xlarge" render="active">\n                <Column>Column 1</Column>\n                <Column>Column 2</Column>\n                <Column>Column 3</Column>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Tabs",parameters:{badges:["accessible"]},component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,includeStories:["mainDemo","themedVariant","usingTheTabAwareSlotComponent","multipleTabListInstances","polymorphism"]},mdxStoryNameToKey={"Main demo":"mainDemo","Themed variant":"themedVariant","Using the TabAwareSlot component":"usingTheTabAwareSlotComponent","Multiple TabList instances":"multipleTabListInstances",Polymorphism:"polymorphism"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/tabs/tabs.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return Tabs})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab})),__webpack_require__.d(__webpack_exports__,"c",(function(){return TabList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return TabPanel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return TabAwareSlot}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),ariakit_tab__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-state.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/ariakit/esm/tab/tab.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-list.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-panel.js"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/utils/polymorphism.ts"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/tabs/tabs.module.css"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__),_box__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","id","exceptionallySetClassName"],_excluded2=["children","space"],_excluded3=["children","id","as","render"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TabsContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext(null);function Tabs(_ref){var children=_ref.children,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,onSelectedIdChange=_ref.onSelectedIdChange,tabState=Object(ariakit_tab__WEBPACK_IMPORTED_MODULE_16__.a)({selectedId:selectedId,setSelectedId:onSelectedIdChange}),previousDefaultSelectedId=Object(_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__.a)(defaultSelectedId),actualSelectedId=tabState.selectedId,select=tabState.select;react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function selectDefaultTab(){selectedId||defaultSelectedId===previousDefaultSelectedId||defaultSelectedId===actualSelectedId||void 0===defaultSelectedId||select(defaultSelectedId)}),[selectedId,defaultSelectedId,actualSelectedId,select,previousDefaultSelectedId]);var memoizedTabState=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function memoizeTabState(){return{tabState:tabState,variant:variant}}),[variant,tabState]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TabsContext.Provider,{value:memoizedTabState,children:children})}Tabs.displayName="Tabs";var Tab=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function Tab(_ref2,ref){var as=_ref2.as,children=_ref2.children,id=_ref2.id,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var variant=tabContextValue.variant,tabState=tabContextValue.tabState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_17__.a,Object.assign({},props,{as:as,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(exceptionallySetClassName,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.tab,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["tab-"+variant]),id:id,state:tabState,ref:ref,children:children}))}));function TabList(_ref3){var children=_ref3.children,_ref3$space=_ref3.space,space=void 0===_ref3$space?"xsmall":_ref3$space,props=_objectWithoutProperties(_ref3,_excluded2),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var tabState=tabContextValue.tabState,variant=tabContextValue.variant;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_tab__WEBPACK_IMPORTED_MODULE_18__.a,Object.assign({state:tabState,as:_box__WEBPACK_IMPORTED_MODULE_24__.a,position:"relative",width:"maxContent"},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.track,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+space],_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+variant])}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:space,children:children})]}))})}TabList.displayName="TabList";var TabPanel=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function TabPanel(_ref4,ref){var children=_ref4.children,id=_ref4.id,as=_ref4.as,_ref4$render=_ref4.render,render=void 0===_ref4$render?"always":_ref4$render,props=_objectWithoutProperties(_ref4,_excluded3),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext),_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),tabRendered=_React$useState2[0],setTabRendered=_React$useState2[1],tabIsActive=(null==tabContextValue?void 0:tabContextValue.tabState.selectedId)===id;if(react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function trackTabRenderedState(){!tabRendered&&tabIsActive&&setTabRendered(!0)}),[tabRendered,tabIsActive]),!tabContextValue)return null;var tabState=tabContextValue.tabState;return"always"===render||"active"===render&&tabIsActive||"lazy"===render&&(tabIsActive||tabRendered)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({tabId:id},props,{state:tabState,as:as,ref:ref,children:children})):null}));function TabAwareSlot(_ref5){var children=_ref5.children,tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);return tabContextValue?children({selectedId:null==tabContextValue?void 0:tabContextValue.tabState.selectedId}):null}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>` components",name:"children",required:!0,type:{name:"ReactNode"}},variant:{defaultValue:{value:"neutral"},description:"Determines the look and feel of the tabs.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"themed"'}]}},selectedId:{defaultValue:null,description:"The id of the selected tab. Assigning a value makes this a\ncontrolled component",name:"selectedId",required:!1,type:{name:"string | null | undefined"}},defaultSelectedId:{defaultValue:null,description:"The tab to initially select. This can be used if the component should not\nbe a controlled component but needs to have a tab selected",name:"defaultSelectedId",required:!1,type:{name:"string | null | undefined"}},onSelectedIdChange:{defaultValue:null,description:"Called with the tab id when a tab is selected",name:"onSelectedIdChange",required:!1,type:{name:"((selectedId: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/new-components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{TabList.displayName="TabList",TabList.__docgenInfo={description:"A component used to group `<Tab>` elements together.",displayName:"TabList",props:{"aria-label":{defaultValue:null,description:"Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted.",name:"aria-label",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"A list of `<Tab>` elements",name:"children",required:!0,type:{name:"ReactNode"}},space:{defaultValue:{value:"xsmall"},description:"Controls the spacing between tabs",name:"space",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},"aria-labelledby":{defaultValue:null,description:"One or more element IDs used to label the tab list for assistive technologies. Required if\n`aria-label` is omitted.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-hidden":{defaultValue:null,description:"For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden",name:"aria-hidden",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/new-components/tabs/tabs.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}try{TabAwareSlot.displayName="TabAwareSlot",TabAwareSlot.__docgenInfo={description:"Allows content to be rendered based on the current tab being selected while outside of the TabPanel\ncomponent. Can be placed freely within the main `<Tabs>` component.",displayName:"TabAwareSlot",props:{children:{defaultValue:null,description:"Render prop used to provide the content to be rendered inside the slot. The render prop will be\ncalled with the current `selectedId`",name:"children",required:!0,type:{name:"(provided: { selectedId?: string | null | undefined; }) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabAwareSlot"]={docgenInfo:TabAwareSlot.__docgenInfo,name:"TabAwareSlot",path:"src/new-components/tabs/tabs.tsx#TabAwareSlot"})}catch(__react_docgen_typescript_loader_error){}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.",displayName:"Tab",props:{children:{defaultValue:null,description:"The content to render inside of the tab button",name:"children",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tab's identifier. This must match its corresponding `<TabPanel>`'s id",name:"id",required:!0,type:{name:"string"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/new-components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The content to be rendered inside the tab",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tabPanel's identifier. This must match its corresponding `<Tab>`'s id",name:"id",required:!0,type:{name:"string"}},render:{defaultValue:null,description:"By default, the tab panel's content is always rendered even when they are not active. This behaviour can be changed to\n'active', which renders only when the tab is active, and 'lazy', meaning while inactive tab panels will not be rendered\ninitially, they will remain mounted once they are active until the entire Tabs tree is unmounted.",name:"render",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"always"'},{value:'"active"'},{value:'"lazy"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/new-components/tabs/tabs.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-area/text-area.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return text_area_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return text_area_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return text_area_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_area_module=__webpack_require__("./src/new-components/text-area/text-area.module.css"),text_area_module_default=__webpack_require__.n(text_area_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function TextArea(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,hidden:hidden,"aria-describedby":ariaDescribedBy,className:[text_area_module_default.a.textAreaContainer,"error"===tone?text_area_module_default.a.error:null,"bordered"===variant?text_area_module_default.a.bordered:null],maxWidth:maxWidth,children:function children(extraProps){return Object(jsx_runtime.jsx)(box.a,{width:"full",display:"flex",children:Object(jsx_runtime.jsx)("textarea",Object.assign({},props,extraProps))})}})}TextArea.displayName="TextArea";try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/new-components/text-area/text-area.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var text_area_stories_excluded=["label","auxiliaryLabel"];function text_area_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function text_area_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/TextArea",component:TextArea,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var text_area_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=text_area_stories_objectWithoutProperties(_ref,text_area_stories_excluded);return Object(jsx_runtime.jsx)(TextArea,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"User bio"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"You’ll have a better experience in our community if others get to know a little bit about you."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Tell us something about yourself. Don’t be shy."},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge","full"],"small")};var text_area_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Saving changes…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Too short. Don't be shy, tell us a bit more.",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Changes saved successfully!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};text_area_stories_MessageToneStory.displayName="MessageToneStory";var text_area_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(TextArea,{label:null,id:"custom-textarea","aria-describedby":"custom-description",rows:8}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the textarea accessibility properties if you are curious)"})})]})]})};text_area_stories_WithoutLabelStory.displayName="WithoutLabelStory",text_area_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextArea>) {\n    return (\n        <TextArea\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},text_area_stories_InteractivePropsStory.parameters),text_area_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextArea\n                label="Profile bio"\n                message="Saving changes…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Too short. Don\'t be shy, tell us a bit more."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Changes saved successfully!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},text_area_stories_MessageToneStory.parameters),text_area_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <TextArea\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                rows={8}\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the textarea accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},text_area_stories_WithoutLabelStory.parameters);try{text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"]={docgenInfo:text_area_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-field/text-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text/text.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text-field/text-field.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/TextField",component:___WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Your name"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"We need your name for billing and shipping purposes. Make sure to enter it correctly."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Enter your name as it appears in your ID"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Verifying code…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Invalid code. Please, try again.",tone:"error",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Code verification successful!",tone:"success",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the input element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Text field without a built-in label"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextField>) {\n    return (\n        <TextField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextField\n                label="Verification code"\n                message="Verifying code…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Invalid code. Please, try again."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Code verification successful!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the input element)</em>\n                </Text>\n            </Stack>\n            <TextField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Text field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text-field/text-field.module.css"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","type","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TextField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function TextField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.inputWrapper,"error"===tone?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input",Object.assign({},props,extraProps,{type:type,ref:ref}))})}})}));try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"src/new-components/text-field/text-field.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text/text.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveTextStory",(function(){return ResponsiveTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return TextPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/text/text.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Text",component:_text__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var TextStory=function TextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"regular",children:"Subtitle Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"secondary",children:"Subtitle Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"danger",children:"Subtitle Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"positive",children:"Subtitle Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"semibold",children:"Subtitle Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"bold",children:"Subtitle Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"regular",children:"Body Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"secondary",children:"Body Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"danger",children:"Body Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"positive",children:"Body Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"semibold",children:"Body Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"bold",children:"Body Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"regular",children:"Copy Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"secondary",children:"Copy Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"danger",children:"Copy Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"positive",children:"Copy Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"semibold",children:"Copy Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"bold",children:"Copy Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"regular",children:"Caption Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"secondary",children:"Caption Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"danger",children:"Caption Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"positive",children:"Caption Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"semibold",children:"Caption Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"bold",children:"Caption Bold"})]})})};TextStory.displayName="TextStory";var TruncatedTextStory=function TruncatedTextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:1,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:4,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."})]})})};TruncatedTextStory.displayName="TruncatedTextStory";var ResponsiveTextStory=function ResponsiveTextStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveTextStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}};var TextPlaygroundStory=function TextPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}},TextStory.parameters=Object.assign({storySource:{source:'function TextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text size="subtitle" weight="regular">\n                    Subtitle Regular\n                </Text>\n                <Text size="subtitle" tone="secondary">\n                    Subtitle Secondary\n                </Text>\n                <Text size="subtitle" tone="danger">\n                    Subtitle Danger\n                </Text>\n                <Text size="subtitle" tone="positive">\n                    Subtitle Positive\n                </Text>\n                <Text size="subtitle" weight="semibold">\n                    Subtitle Semibold\n                </Text>\n                <Text size="subtitle" weight="bold">\n                    Subtitle Bold\n                </Text>\n\n                <Text size="body" weight="regular">\n                    Body Regular\n                </Text>\n                <Text size="body" tone="secondary">\n                    Body Secondary\n                </Text>\n                <Text size="body" tone="danger">\n                    Body Danger\n                </Text>\n                <Text size="body" tone="positive">\n                    Body Positive\n                </Text>\n                <Text size="body" weight="semibold">\n                    Body Semibold\n                </Text>\n                <Text size="body" weight="bold">\n                    Body Bold\n                </Text>\n\n                <Text size="copy" weight="regular">\n                    Copy Regular\n                </Text>\n                <Text size="copy" tone="secondary">\n                    Copy Secondary\n                </Text>\n                <Text size="copy" tone="danger">\n                    Copy Danger\n                </Text>\n                <Text size="copy" tone="positive">\n                    Copy Positive\n                </Text>\n                <Text size="copy" weight="semibold">\n                    Copy Semibold\n                </Text>\n                <Text size="copy" weight="bold">\n                    Copy Bold\n                </Text>\n\n                <Text size="caption" weight="regular">\n                    Caption Regular\n                </Text>\n                <Text size="caption" tone="secondary">\n                    Caption Secondary\n                </Text>\n                <Text size="caption" tone="danger">\n                    Caption Danger\n                </Text>\n                <Text size="caption" tone="positive">\n                    Caption Positive\n                </Text>\n                <Text size="caption" weight="semibold">\n                    Caption Semibold\n                </Text>\n                <Text size="caption" weight="bold">\n                    Caption Bold\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TextStory.parameters),TruncatedTextStory.parameters=Object.assign({storySource:{source:'function TruncatedTextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text lineClamp={1}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n\n                <Text lineClamp={4}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TruncatedTextStory.parameters),ResponsiveTextStory.parameters=Object.assign({storySource:{source:"function ResponsiveTextStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Text {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveTextStory.parameters),TextPlaygroundStory.parameters=Object.assign({storySource:{source:'function TextPlaygroundStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <section className="story playground">\n            <Text {...props} />\n        </section>\n    )\n}'}},TextPlaygroundStory.parameters);try{ResponsiveTextStory.displayName="ResponsiveTextStory",ResponsiveTextStory.__docgenInfo={description:"",displayName:"ResponsiveTextStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#ResponsiveTextStory"]={docgenInfo:ResponsiveTextStory.__docgenInfo,name:"ResponsiveTextStory",path:"src/new-components/text/text.stories.tsx#ResponsiveTextStory"})}catch(__react_docgen_typescript_loader_error){}try{TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Text}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utils/polymorphism.ts"),_text_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/text/text.module.css"),_text_module_css__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_text_module_css__WEBPACK_IMPORTED_MODULE_12__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__.a)((function Text(_ref,ref){var as=_ref.as,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,align=_ref.align,children=_ref.children,lineClamp=_ref.lineClamp,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),lineClampMultipleLines="string"==typeof lineClamp?Number(lineClamp)>1:(null!=lineClamp?lineClamp:1)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{as:as,className:[exceptionallySetClassName,_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.text,"body"!==size?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"size",size):null,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"tone",tone):null,lineClampMultipleLines?_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,ref:ref,children:children}))}))},"./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/toast/toast.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NotificationToastsStory",(function(){return toast_stories_NotificationToastsStory})),__webpack_require__.d(__webpack_exports__,"StaticToastStory",(function(){return toast_stories_StaticToastStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),checkbox_field=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),close_icon=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/new-components/icons/close-icon.tsx")),text_text=__webpack_require__("./src/new-components/text/text.tsx"),toast_module=__webpack_require__("./src/new-components/toast/toast.module.css"),toast_module_default=__webpack_require__.n(toast_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["message","description","icon","action","onDismiss","dismissLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StaticToast=react_default.a.forwardRef((function Toast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,onDismiss=_ref.onDismiss,_ref$dismissLabel=_ref.dismissLabel,dismissLabel=void 0===_ref$dismissLabel?"Close":_ref$dismissLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)(box.a,Object.assign({ref:ref,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:toast_module_default.a.toastContainer},props,{children:[icon?Object(jsx_runtime.jsx)(ToastContentSlot,{children:icon}):null,Object(jsx_runtime.jsx)(box.a,{flexGrow:1,maxWidth:"small",children:description?Object(jsx_runtime.jsxs)(stack.a,{space:"small",children:[Object(jsx_runtime.jsxs)(text_text.a,{weight:"bold",children:[message," "]}),Object(jsx_runtime.jsx)(text_text.a,{children:description})]}):Object(jsx_runtime.jsx)(text_text.a,{children:message})}),action?Object(jsx_runtime.jsx)(ToastContentSlot,{children:isActionObject(action)?Object(jsx_runtime.jsx)(button_button.a,{variant:"tertiary",size:"small",onClick:action.onClick,children:action.label}):action}):null,onDismiss?Object(jsx_runtime.jsx)(ToastContentSlot,{children:Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",size:"small",onClick:onDismiss,"aria-label":dismissLabel,icon:Object(jsx_runtime.jsx)(close_icon.a,{})})}):null]}))}));function isActionObject(action){return null!=action&&"object"==typeof action&&"label"in action&&"onClick"in action&&"string"==typeof action.label&&"function"==typeof action.onClick}function ToastContentSlot(_ref2){var children=_ref2.children;return Object(jsx_runtime.jsx)(box.a,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:toast_module_default.a.slot,children:children})}ToastContentSlot.displayName="ToastContentSlot";try{StaticToast.displayName="StaticToast",StaticToast.__docgenInfo={description:"A toast that shows a message, and an optional action associated with it.\n\nThis component is generally not meant to be used directly. Most of the time you'll want to use\ntoasts generated via `useToasts` instead. However, this component is available in case you need\nto take control of rendering a toast under different circumstances than that of notification-like\nfloating toasts.\n\nThis component makes no assumptions outwardly about how it is positioned on the screen. That is,\nit will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\nprovides the toast look and feel, but you are responsible for positioning it as you want.",displayName:"StaticToast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:{value:"Close"},description:"The label for the button that dismisses the toast.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/static-toast.tsx#StaticToast"]={docgenInfo:StaticToast.__docgenInfo,name:"StaticToast",path:"src/new-components/toast/static-toast.tsx#StaticToast"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts");__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function animate(_ref){var element=_ref.element,transforms=_ref.transforms,transition=_ref.transition,done=_ref.done,fallbackTimeout=setTimeout((function(){null==done||done()}),400);transforms.forEach((function(_ref2){var property=_ref2.property,_ref2$from=_ref2.from,from=void 0===_ref2$from?"":_ref2$from;element.style.setProperty(property,from)})),element.style.setProperty("transition",""),element.addEventListener("transitionend",(function transitionEndHandler(event){event.target===element&&(element.style.setProperty("transition",""),null==done||done(),element.removeEventListener("transitionend",transitionEndHandler),clearTimeout(fallbackTimeout))})),window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){element.style.setProperty("transition",transition),transforms.forEach((function(_ref3){var property=_ref3.property,_ref3$to=_ref3.to,to=void 0===_ref3$to?"":_ref3$to;element.style.setProperty(property,to)}))}))}))}var use_toasts_excluded=["toastId"];function use_toasts_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function use_toasts_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return use_toasts_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||use_toasts_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_slicedToArray(arr,i){return function use_toasts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function use_toasts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||use_toasts_unsupportedIterableToArray(arr,i)||function use_toasts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return use_toasts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?use_toasts_arrayLikeToArray(o,minLen):void 0}}function use_toasts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var use_toasts_InternalToast=react_default.a.forwardRef((function InternalToast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,autoDismissDelay=_ref.autoDismissDelay,dismissLabel=_ref.dismissLabel,_ref$showDismissButto=_ref.showDismissButton,showDismissButton=void 0===_ref$showDismissButto||_ref$showDismissButto,toastId=_ref.toastId,onDismiss=_ref.onDismiss,onRemoveToast=_ref.onRemoveToast,_React$useState2=use_toasts_slicedToArray(react_default.a.useState(Boolean(autoDismissDelay)),2),timeoutRunning=_React$useState2[0],setTimeoutRunning=_React$useState2[1],timeoutRef=react_default.a.useRef(),startTimeout=react_default.a.useCallback((function startTimeout(){setTimeoutRunning(!0)}),[]),stopTimeout=react_default.a.useCallback((function stopTimeout(){setTimeoutRunning(!1),clearTimeout(timeoutRef.current),timeoutRef.current=void 0}),[]);return react_default.a.useEffect((function setupAutoDismiss(){if(timeoutRunning&&autoDismissDelay)return timeoutRef.current=window.setTimeout((function(){onRemoveToast(toastId),null==onDismiss||onDismiss()}),1e3*autoDismissDelay),stopTimeout}),[autoDismissDelay,onDismiss,onRemoveToast,toastId,stopTimeout,timeoutRunning]),Object(jsx_runtime.jsx)(StaticToast,{ref:ref,message:message,description:description,icon:icon,action:action,onDismiss:showDismissButton?function(){null==onDismiss||onDismiss(),onRemoveToast(toastId)}:void 0,dismissLabel:dismissLabel,onMouseEnter:stopTimeout,onMouseLeave:startTimeout})})),ToastsContext=react_default.a.createContext((function(){return function(){}}));function ToastsProvider(_ref2){var children=_ref2.children,_ref2$padding=_ref2.padding,padding=void 0===_ref2$padding?"large":_ref2$padding,_ref2$defaultAutoDism=_ref2.defaultAutoDismissDelay,defaultAutoDismissDelay=void 0===_ref2$defaultAutoDism?10:_ref2$defaultAutoDism,_ref2$defaultDismissL=_ref2.defaultDismissLabel,defaultDismissLabel=void 0===_ref2$defaultDismissL?"Close":_ref2$defaultDismissL,_React$useState4=use_toasts_slicedToArray(react_default.a.useState([]),2),toasts=_React$useState4[0],setToasts=_React$useState4[1],_useToastsAnimation=function useToastsAnimation(){var refs=Object(react.useMemo)((function(){return new Map}),[]),positions=Object(react.useMemo)((function(){return new Map}),[]);Object(react.useLayoutEffect)((function(){var animations=[];Array.from(refs.entries()).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),id=_ref5[0],element=_ref5[1];if(element){var prevTop=positions.get(id),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height;"number"==typeof prevTop&&prevTop!==top?animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+(prevTop-top)+"px)"}]}):"number"!=typeof prevTop&&animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+height+"px)"},{property:"opacity",from:"0"}]}),positions.set(id,element.getBoundingClientRect().top)}else refs.delete(id)})),animations.forEach((function(_ref6){animate({element:_ref6.element,transforms:_ref6.transforms,transition:_ref6.transition})}))}));var animateRemove=Object(react.useCallback)((function animateRemove(id,onAnimationDone){var element=refs.get(id);element&&animate({element:element,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:onAnimationDone})}),[refs]);return{mappedRef:Object(react.useCallback)((function(id){return function(ref){refs.set(id,ref)}}),[refs]),animateRemove:animateRemove}}(),mappedRef=_useToastsAnimation.mappedRef,animateRemove=_useToastsAnimation.animateRemove,removeToast=react_default.a.useCallback((function onRemoveToast(toastId){animateRemove(toastId,(function(){setToasts((function(list){var index=list.findIndex((function(n){return n.toastId===toastId}));if(index<0)return list;var copy=_toConsumableArray(list);return copy.splice(index,1),copy}))}))}),[animateRemove]),showToast=react_default.a.useCallback((function showToast(props){var toastId=Object(common_helpers.a)("toast"),newToast=Object.assign({autoDismissDelay:defaultAutoDismissDelay,dismissLabel:defaultDismissLabel},props,{toastId:toastId});return setToasts((function(list){return[].concat(_toConsumableArray(list),[newToast])})),function(){return removeToast(toastId)}}),[defaultAutoDismissDelay,defaultDismissLabel,removeToast]);return Object(jsx_runtime.jsxs)(ToastsContext.Provider,{value:showToast,children:[children,Object(jsx_runtime.jsx)(portal.a,{children:0===toasts.length?null:Object(jsx_runtime.jsx)(box.a,{className:toast_module_default.a.stackedToastsView,position:"fixed",width:"full",paddingX:padding,paddingBottom:padding,children:Object(jsx_runtime.jsx)(stack.a,{space:"medium",children:toasts.map((function(_ref3){var toastId=_ref3.toastId,props=use_toasts_objectWithoutProperties(_ref3,use_toasts_excluded);return Object(jsx_runtime.jsx)(use_toasts_InternalToast,Object.assign({ref:mappedRef(toastId),toastId:toastId,onRemoveToast:removeToast},props),toastId)}))})})})]})}function useToasts(){return react_default.a.useContext(ToastsContext)}function use_toasts_Toast(props){var showToast=useToasts(),propsRef=react_default.a.useRef(props);return react_default.a.useEffect((function(){return showToast(propsRef.current)}),[showToast]),null}ToastsProvider.displayName="ToastsProvider";try{use_toasts_Toast.displayName="Toast",use_toasts_Toast.__docgenInfo={description:'Adds a toast to be rendered, stacked alongside any other currently active toasts.\n\nFor most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\nThis component is provided for convenience to render toasts in the markup, but it has some\npeculiarities, which are discussed below.\n\nInternally, this calls `showToast`. It is provided for two reasons:\n\n1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n   toasts rendered in this way will be removed from view when the context where it is rendered\n   is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n   by the user or after a delay. They\'ll still be animated on their way out, though.\n2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n   `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when\n   the component ceases to be rendered).\n\nThis is useful for cases when the consumer wants to control when a toast is visible, and to keep\nit visible based on an app-specific condition.\n\nSomething important to note about this component is that it triggers the toast based on the props\npassed when first rendered, and it does not update the toast if these props change on subsequent\nrenders. In this sense, this is an imperative component, more than a descriptive one. This is\ndone to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\ntoast imperatively, and you loose control over it. It remains rendered according to the props you\nfirst passed.',displayName:"Toast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:null,description:"The label for the button that dismisses the toast.\nThe label for the button that dismisses the toast.\n\nIt defaults to the value set in the ToastsProvider, but individual toasts can have a\ndifferent value if needed.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}},autoDismissDelay:{defaultValue:null,description:"The number of seconds the toast is expected to be shown before it is dismissed automatically,\nor false to disable auto-dismiss.\n\nIt defaults to whatever is the autoDismissDelay set in the ToastsProvider.",name:"autoDismissDelay",required:!1,type:{name:"number | false | undefined"}},showDismissButton:{defaultValue:{value:"true"},description:"Whether to show the dismiss button or not.\n\nUse this value with care. If combined with disabling `autoDismissDelay`, it may leave you\nwith toasts that the user won't be able to dismiss at will. It then is your responsibility to\ndismiss the toast by calling the function returned by `showToast`.",name:"showDismissButton",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#Toast"]={docgenInfo:use_toasts_Toast.__docgenInfo,name:"Toast",path:"src/new-components/toast/use-toasts.tsx#Toast"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProvider.displayName="ToastsProvider",ToastsProvider.__docgenInfo={description:"Provides the state management and rendering of the toasts currently active.\n\nYou need to render this near the top of your app components tree, in order to `useToasts`.",displayName:"ToastsProvider",props:{defaultDismissLabel:{defaultValue:{value:"Close"},description:"The default label to apply to toast dismiss buttons.\n\nThis is useful in environments that need locatization, so you do not need to pass the same\ntranslated label every time you trigger a toast.\n\nHowever, you can still apply a different label to a specific toast, by passing a different\nvalue when calling showToast.",name:"defaultDismissLabel",required:!1,type:{name:"string | undefined"}},defaultAutoDismissDelay:{defaultValue:{value:"10"},description:"The default number of seconds after which the toast will be dismissed automatically.\n\nYou can pass a different value to a specific toast when calling `showToast`. You can even\npass `false` if you want a certain toast to never be dismissed automatically.",name:"defaultAutoDismissDelay",required:!1,type:{name:"number | undefined"}},padding:{defaultValue:{value:"large"},description:"The padding used to separate the toasts from the viewport borders.",name:"padding",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},children:{defaultValue:null,description:"The app wrapped by the provider.",name:"children",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProvider"]={docgenInfo:ToastsProvider.__docgenInfo,name:"ToastsProvider",path:"src/new-components/toast/use-toasts.tsx#ToastsProvider"})}catch(__react_docgen_typescript_loader_error){}try{useToasts.displayName="useToasts",useToasts.__docgenInfo={description:"Provides a function `showToast` that shows a new toast every time you call it.\n\n```jsx\nconst showToast = useToasts()\n\n<button onClick={() => showToast({ message: 'Hello' })}>\n  Say hello\n</button>\n```\n\nAll toasts fired via this function are rendered in a global fixed location, and stacked one on\ntop of the other.\n\nWhen called, `showToast` returns a function that dismisses the toast when called.",displayName:"useToasts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#useToasts"]={docgenInfo:useToasts.__docgenInfo,name:"useToasts",path:"src/new-components/toast/use-toasts.tsx#useToasts"})}catch(__react_docgen_typescript_loader_error){}try{ToastProps.displayName="ToastProps",ToastProps.__docgenInfo={description:"The props needed to fire up a new notification toast.",displayName:"ToastProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastProps"]={docgenInfo:ToastProps.__docgenInfo,name:"ToastProps",path:"src/new-components/toast/use-toasts.tsx#ToastProps"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProviderProps.displayName="ToastsProviderProps",ToastsProviderProps.__docgenInfo={description:"The props needed by the ToastsProvider component.",displayName:"ToastsProviderProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProviderProps"]={docgenInfo:ToastsProviderProps.__docgenInfo,name:"ToastsProviderProps",path:"src/new-components/toast/use-toasts.tsx#ToastsProviderProps"})}catch(__react_docgen_typescript_loader_error){}function toast_stories_slicedToArray(arr,i){return function toast_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function toast_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function toast_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return toast_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return toast_stories_arrayLikeToArray(o,minLen)}(arr,i)||function toast_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function toast_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Design system/Toast",parameters:{badges:["accessible"],layout:"fullscreen"},decorators:[function(Story){return Object(jsx_runtime.jsx)(ToastsProvider,{children:Object(jsx_runtime.jsx)(Story,{})})}]};var toast_stories_message=["Task was successfully deleted","Message was sent","Someone invited you to collaborate on a project","The project could not be deleted because there are other members collaborating on it","Your invitation could not be sent. Please try again.","There was an error trying to delete the channel. Please, try again.","An unknown error happened. If the issue persist, contact our support team."],actions=["Undo","Retry","Details"];function getRandom(list){return list[Math.floor(Math.random()*list.length)]}var toast_stories_NotificationToastsStory=function NotificationToastsStory(){var showToast=useToasts(),count=react.useRef(0),_React$useState2=toast_stories_slicedToArray(react.useState(!1),2),showSticky=_React$useState2[0],setShowSticky=_React$useState2[1];return Object(jsx_runtime.jsxs)(box.a,{padding:"large",children:[Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"useToast"})," hook to fire notification-like toasts."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return showToast({message:count.current+++": "+getRandom(toast_stories_message)})},children:"Show toast"}),Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){var actionLabel=getRandom(actions);showToast({message:count.current+++": "+getRandom(toast_stories_message),action:{label:actionLabel,onClick:Object(esm.action)(actionLabel)}})},children:"Show toast with action"})]})}),Object(jsx_runtime.jsx)(switch_field.a,{label:"Show sticky toast?",checked:showSticky,onChange:function onChange(event){return setShowSticky(event.target.checked)},hint:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Using the ",Object(jsx_runtime.jsx)("code",{children:"<Toast/>"})," component, you can achieve having a toast that remains in view, and you control when it goes away."]})})]}),showSticky?Object(jsx_runtime.jsx)(use_toasts_Toast,{message:"This is a sticky toast",showDismissButton:!1,autoDismissDelay:!1}):null]})};toast_stories_NotificationToastsStory.displayName="NotificationToastsStory";var toast_stories_StaticToastStory=function StaticToastStory(){var _React$useState4=toast_stories_slicedToArray(react.useState(!1),2),showIcon=_React$useState4[0],setShowIcon=_React$useState4[1],_React$useState6=toast_stories_slicedToArray(react.useState(!1),2),showDismiss=_React$useState6[0],setShowDismiss=_React$useState6[1],_React$useState8=toast_stories_slicedToArray(react.useState("none"),2),actionVariant=_React$useState8[0],setActionVariant=_React$useState8[1],onClick=Object(esm.action)("Toast action"),action="default"===actionVariant?{label:"Accept invitation",onClick:onClick}:"loading"===actionVariant?Object(jsx_runtime.jsx)(spinner.a,{size:16}):"icon-button"===actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",icon:Object(jsx_runtime.jsx)(password_visible_icon.a,{}),"aria-label":"Done",size:"small",onClick:onClick}):"none"!==actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:actionVariant,onClick:onClick,children:"Accept invitation"}):void 0,commonProps={icon:showIcon?Object(jsx_runtime.jsx)(alert_icon.a,{tone:"info"}):void 0,onDismiss:showDismiss?function(){}:void 0,action:action};return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",padding:"large",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Statically-rendered toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"StaticToast"})," component to render a toast in custom positions."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show icon?",checked:showIcon,onChange:function onChange(event){return setShowIcon(event.target.checked)}}),Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show dismiss button?",checked:showDismiss,onChange:function onChange(event){return setShowDismiss(event.target.checked)}})]})}),Object(jsx_runtime.jsxs)(select_field.a,{label:"Action button variant",value:actionVariant,onChange:function onChange(event){setActionVariant(event.target.value)},maxWidth:"xsmall",children:[Object(jsx_runtime.jsx)("option",{value:"none",children:"none"}),Object(jsx_runtime.jsx)("option",{value:"default",children:"default"}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom button",children:[Object(jsx_runtime.jsx)("option",{value:"primary",children:"primary"}),Object(jsx_runtime.jsx)("option",{value:"secondary",children:"secondary"}),Object(jsx_runtime.jsx)("option",{value:"tertiary",children:"tertiary"}),Object(jsx_runtime.jsx)("option",{value:"quaternary",children:"quaternary"})]}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom element",children:[Object(jsx_runtime.jsx)("option",{value:"icon-button",children:"icon-button"}),Object(jsx_runtime.jsx)("option",{value:"loading",children:"loading"})]})]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message only"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project"},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message and description"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project",description:"You need to accept the invitation in order to collaborate."},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Very long content"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"The project you were invited to could not be loaded into your workspace at this time",description:"Please, try to access the project again in a few minutes. If the problem persists, contact our support team"},commonProps))]})]})};toast_stories_StaticToastStory.displayName="StaticToastStory",toast_stories_NotificationToastsStory.parameters=Object.assign({storySource:{source:'function NotificationToastsStory() {\n    const showToast = useToasts()\n    const count = React.useRef(0)\n    const [showSticky, setShowSticky] = React.useState(false)\n    return (\n        <Box padding="large">\n            <Stack space="xlarge">\n                <Heading level={1} size="larger">\n                    Toasts\n                </Heading>\n                <Text>\n                    Use the <code>useToast</code> hook to fire notification-like toasts.\n                </Text>\n                <Box>\n                    <Inline space="large">\n                        <Button\n                            variant="primary"\n                            onClick={() =>\n                                showToast({ message: `${count.current++}: ${getRandom(message)}` })\n                            }\n                        >\n                            Show toast\n                        </Button>\n                        <Button\n                            variant="primary"\n                            onClick={() => {\n                                const actionLabel = getRandom(actions)\n                                showToast({\n                                    message: `${count.current++}: ${getRandom(message)}`,\n                                    action: {\n                                        label: actionLabel,\n                                        onClick: storybookAction(actionLabel),\n                                    },\n                                })\n                            }}\n                        >\n                            Show toast with action\n                        </Button>\n                    </Inline>\n                </Box>\n                <SwitchField\n                    label="Show sticky toast?"\n                    checked={showSticky}\n                    onChange={(event) => setShowSticky(event.target.checked)}\n                    hint={\n                        <>\n                            Using the <code>&lt;Toast/&gt;</code> component, you can achieve having\n                            a toast that remains in view, and you control when it goes away.\n                        </>\n                    }\n                />\n            </Stack>\n            {showSticky ? (\n                <Toast\n                    message="This is a sticky toast"\n                    showDismissButton={false}\n                    autoDismissDelay={false}\n                />\n            ) : null}\n        </Box>\n    )\n}'}},toast_stories_NotificationToastsStory.parameters),toast_stories_StaticToastStory.parameters=Object.assign({storySource:{source:'function StaticToastStory() {\n    const [showIcon, setShowIcon] = React.useState(false)\n    const [showDismiss, setShowDismiss] = React.useState(false)\n    const [actionVariant, setActionVariant] = React.useState<\n        ButtonProps[\'variant\'] | \'default\' | \'loading\' | \'icon-button\' | \'none\'\n    >(\'none\')\n\n    const onClick = storybookAction(\'Toast action\')\n    const action: StaticToastProps[\'action\'] =\n        actionVariant === \'default\' ? (\n            { label: \'Accept invitation\', onClick }\n        ) : actionVariant === \'loading\' ? (\n            <Spinner size={16} />\n        ) : actionVariant === \'icon-button\' ? (\n            <Button\n                variant="quaternary"\n                icon={<PasswordVisibleIcon />}\n                aria-label="Done"\n                size="small"\n                onClick={onClick}\n            />\n        ) : actionVariant !== \'none\' ? (\n            <Button variant={actionVariant} onClick={onClick}>\n                Accept invitation\n            </Button>\n        ) : undefined\n\n    const commonProps = {\n        icon: showIcon ? <AlertIcon tone="info" /> : undefined,\n        onDismiss: showDismiss ? () => undefined : undefined,\n        action,\n    }\n\n    return (\n        <Stack space="xlarge" padding="large">\n            <Heading level={1} size="larger">\n                Statically-rendered toasts\n            </Heading>\n            <Text>\n                Use the <code>StaticToast</code> component to render a toast in custom positions.\n            </Text>\n            <Box>\n                <Inline space="large">\n                    <CheckboxField\n                        label="Show icon?"\n                        checked={showIcon}\n                        onChange={(event) => setShowIcon(event.target.checked)}\n                    />\n                    <CheckboxField\n                        label="Show dismiss button?"\n                        checked={showDismiss}\n                        onChange={(event) => setShowDismiss(event.target.checked)}\n                    />\n                </Inline>\n            </Box>\n            <SelectField\n                label="Action button variant"\n                value={actionVariant}\n                onChange={(event) => {\n                    // @ts-expect-error\n                    setActionVariant(event.target.value)\n                }}\n                maxWidth="xsmall"\n            >\n                <option value="none">none</option>\n                <option value="default">default</option>\n                <optgroup label="Custom button">\n                    <option value="primary">primary</option>\n                    <option value="secondary">secondary</option>\n                    <option value="tertiary">tertiary</option>\n                    <option value="quaternary">quaternary</option>\n                </optgroup>\n                <optgroup label="Custom element">\n                    <option value="icon-button">icon-button</option>\n                    <option value="loading">loading</option>\n                </optgroup>\n            </SelectField>\n\n            <Stack space="medium">\n                <Heading level="2">Message only</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Message and description</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    description="You need to accept the invitation in order to collaborate."\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Very long content</Heading>\n                <StaticToast\n                    message="The project you were invited to could not be loaded into your workspace at this time"\n                    description="Please, try to access the project again in a few minutes. If the problem persists, contact our support team"\n                    {...commonProps}\n                />\n            </Stack>\n        </Stack>\n    )\n}'}},toast_stories_StaticToastStory.parameters)},"./src/utils/polymorphism.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return polymorphicComponent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function polymorphicComponent(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}},"./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":"./stories/components/Avatar.stories.tsx","./components/ColorPicker.stories.tsx":"./stories/components/ColorPicker.stories.tsx","./components/Dropdown.stories.tsx":"./stories/components/Dropdown.stories.tsx","./components/Input.stories.tsx":"./stories/components/Input.stories.tsx","./components/KeyCapturer.stories.mdx":"./stories/components/KeyCapturer.stories.mdx","./components/KeyboardShortcut.stories.tsx":"./stories/components/KeyboardShortcut.stories.tsx","./components/Notification.stories.tsx":"./stories/components/Notification.stories.tsx","./components/ProgressBar.stories.tsx":"./stories/components/ProgressBar.stories.tsx","./components/Select.stories.tsx":"./stories/components/Select.stories.tsx","./components/Time.stories.tsx":"./stories/components/Time.stories.tsx","./components/Tooltip.stories.tsx":"./stories/components/Tooltip.stories.tsx","./components/color.stories.tsx":"./stories/components/color.stories.tsx","./reactist/Reactist.stories.mdx":"./stories/reactist/Reactist.stories.mdx","./reactist/nesting-vs-polymorphism.stories.mdx":"./stories/reactist/nesting-vs-polymorphism.stories.mdx","./reactist/simplified-nested-markup.stories.mdx":"./stories/reactist/simplified-nested-markup.stories.mdx","./reactist/single-child-stack-columns.stories.mdx":"./stories/reactist/single-child-stack-columns.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},"./stories/components/Avatar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/avatar_story.less"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/avatar/avatar.tsx"),_src__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/inline/inline.tsx"),_src__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Avatar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.withKnobs],component:_src__WEBPACK_IMPORTED_MODULE_5__.a};var exampleData=[{size:"xxs",user:{name:"Henning Mu",email:"henning@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xs",user:{name:"João Va",email:"joao@foo.com"},image:"https://loremflickr.com/320/320"},{size:"s",user:{name:"Amir Sa",email:"amir@foo.com"},image:"https://loremflickr.com/320/320"},{size:"m",user:{name:"Alex Mu",email:"alex@foo.com"},image:"https://loremflickr.com/320/320"},{size:"l",user:{name:"Julia",email:"julia@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xl",user:{name:"Janusz Gr",email:"janusz@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxl",user:{name:"Jaime Az",email:"jaime@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxxl",user:{name:"Igor Kh",email:"igor@foo.com"},image:"https://loremflickr.com/320/320"}],InitialsAvatarStory=function InitialsAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user},index)}))})};InitialsAvatarStory.displayName="InitialsAvatarStory";var CustomColorAvatarStory=function CustomColorAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{colorList:["palevioletred","palegoldenrod","palegreen","paleturquoise"],size:data.size,user:data.user},index)}))})};CustomColorAvatarStory.displayName="CustomColorAvatarStory";var PictureAvatarStory=function PictureAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user,avatarUrl:data.image},index)}))})};PictureAvatarStory.displayName="PictureAvatarStory";var AvatarPlaygroundStory=function AvatarPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_7__.a,{className:"story Avatar",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{user:{name:args.userName,email:args.email}}))})};AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.args={size:"l",avatarUrl:"https://loremflickr.com/320/320",userName:"",email:""},AvatarPlaygroundStory.argTypes={size:{type:"select",options:["xxs","xs","s","m","l","xl","xxl","xxxl"]},avatarUrl:{control:{type:"text"}},userName:{control:{type:"text"}},email:{control:{type:"text"}},className:{control:{type:null}},user:{control:{type:null}},colorList:{control:{type:null}}},InitialsAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} />\n        ))}\n    </Inline>\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=Object.assign({storySource:{source:"() => (\n    <Inline space=\"small\">\n        {exampleData.map((data, index) => (\n            <Avatar\n                colorList={['palevioletred', 'palegoldenrod', 'palegreen', 'paleturquoise']}\n                key={index}\n                size={data.size}\n                user={data.user}\n            />\n        ))}\n    </Inline>\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} avatarUrl={data.image} />\n        ))}\n    </Inline>\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <Box className="story Avatar">\n            <Avatar\n                {...args}\n                user={{\n                    name: args.userName,\n                    email: args.email,\n                }}\n            />\n        </Box>\n    )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ColorPicker.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),deprecated_dropdown=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/color-picker/color-picker.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),COLORS=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return Object(jsx_runtime.jsxs)(deprecated_dropdown.a.Box,{right:!0,className:"reactist_color_picker",children:[Object(jsx_runtime.jsx)(deprecated_dropdown.a.Trigger,{children:(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),Object(jsx_runtime.jsx)("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor},children:Object(jsx_runtime.jsx)("span",{className:"color_trigger--inner_ring"})}))}),Object(jsx_runtime.jsx)(deprecated_dropdown.a.Body,{children:Object(jsx_runtime.jsx)("div",{className:"color_options",children:colorList.reduce((function(items,currentColor,currentIndex){return items.push(Object(jsx_runtime.jsx)(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null},currentIndex)),items}),[])})})]})}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=Object(jsx_runtime.jsx)("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)},children:Object(jsx_runtime.jsx)("span",{className:"color_item--inner_ring"})});return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:item}):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:{value:"[\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]"},description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/ColorPicker",component:components_color_picker,parameters:{badges:["notAccessible"]}};var ColorPicker_stories_ColorPickersStory=function ColorPickersStory(){var _React$useState2=_slicedToArray(react.useState(0),2),color=_React$useState2[0],setColor=_React$useState2[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor})]})};ColorPicker_stories_ColorPickersStory.displayName="ColorPickersStory";var ColorPicker_stories_CustomColorPickersStory=function CustomColorPickersStory(){var _React$useState4=_slicedToArray(react.useState(0),2),color=_React$useState4[0],setColor=_React$useState4[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:["red","green","palegoldenrod","#FF00FF"]})]})};ColorPicker_stories_CustomColorPickersStory.displayName="CustomColorPickersStory";var ColorPicker_stories_NamedColorPickersStory=function NamedColorPickersStory(){var _React$useState6=_slicedToArray(react.useState(0),2),color=_React$useState6[0],setColor=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Named Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:[{color:"red",name:"Red"},{color:"green",name:"Green"},{color:"palegoldenrod",name:"Gold"},{color:"#FF00FF",name:"Pink"},{color:"#ABCDEF",name:"Blue-Gray-ish"}]})]})};ColorPicker_stories_NamedColorPickersStory.displayName="NamedColorPickersStory";var ColorPicker_stories_SmallColorPickerStory=function SmallColorPickerStory(){var _React$useState8=_slicedToArray(react.useState(0),2),color=_React$useState8[0],setColor=_React$useState8[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Small Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{small:!0,color:color,onChange:setColor})]})};ColorPicker_stories_SmallColorPickerStory.displayName="SmallColorPickerStory",ColorPicker_stories_ColorPickersStory.parameters=Object.assign({storySource:{source:'function ColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Color Picker</p>\n            <ColorPicker color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=Object.assign({storySource:{source:"function CustomColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Custom Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={['red', 'green', 'palegoldenrod', '#FF00FF']}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=Object.assign({storySource:{source:"function NamedColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Named Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={[\n                    { color: 'red', name: 'Red' },\n                    { color: 'green', name: 'Green' },\n                    { color: 'palegoldenrod', name: 'Gold' },\n                    { color: '#FF00FF', name: 'Pink' },\n                    { color: '#ABCDEF', name: 'Blue-Gray-ish' },\n                ]}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=Object.assign({storySource:{source:'function SmallColorPickerStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Small Color Picker</p>\n            <ColorPicker small color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},"./stories/components/Dropdown.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/deprecated-button/index.ts"),_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/alert/alert.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Dropdown",component:_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["notAccessible","deprecated"]}};var DropdownStory=function DropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__.a,{tone:"critical",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"Deprecated:"})," While not a 1:1 replacement, consider using"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"/?path=/docs/components-menu",children:"Menu"})," as an alternative"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show dropdown"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{children:"Dropdown Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"You can add anything"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"you want to a dropdown"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"(e.g. lists and headings)"})]})]})})]})]})})};DropdownStory.displayName="DropdownStory";var InteractiveDropdownStory=function InteractiveDropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{allowBodyInteractions:!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show interactive dropdown (will not close when clicking on it)"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{children:"Wow this is interactive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"Click outside"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"to close this"})]})]})})]})})};InteractiveDropdownStory.displayName="InteractiveDropdownStory",DropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{\' \'}\n                <a href="/?path=/docs/components-menu">Menu</a> as an alternative\n            </Alert>\n\n            <Dropdown.Box>\n                <Dropdown.Trigger>\n                    <Button variant="primary">Trigger: Click to show dropdown</Button>\n                </Dropdown.Trigger>\n                <Dropdown.Body>\n                    <div>\n                        <h2>Dropdown Content</h2>\n                        <ul>\n                            <li>You can add anything</li>\n                            <li>you want to a dropdown</li>\n                            <li>(e.g. lists and headings)</li>\n                        </ul>\n                    </div>\n                </Dropdown.Body>\n            </Dropdown.Box>\n        </Stack>\n    </section>\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Dropdown.Box allowBodyInteractions>\n            <Dropdown.Trigger>\n                <Button variant="primary">\n                    Trigger: Click to show interactive dropdown (will not close when clicking on it)\n                </Button>\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div>\n                    <h1>Wow this is interactive</h1>\n                    <ul>\n                        <li>Click outside</li>\n                        <li>to close this</li>\n                    </ul>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    </section>\n)'}},InteractiveDropdownStory.parameters)},"./stories/components/Input.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-input/input.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Input=react.forwardRef((function(props,ref){var className=classnames_default()("reactist_input",props.className);return Object(jsx_runtime.jsx)("input",Object.assign({},props,{className:className,ref:ref}))}));Input.displayName="Input";try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{className:{defaultValue:null,description:"Additional css class applied to the input.",name:"className",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/deprecated-input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var deprecated_input=Input,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),Input_stories_InputStory=(__webpack_require__("./stories/components/styles/input_story.less"),__webpack_exports__.default={title:"Components/Input",component:deprecated_input,parameters:{badges:["deprecated"]}},function InputStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsxs)("div",{className:"story-info",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-textfield",children:"TextField"})," instead"]}),Object(jsx_runtime.jsxs)("p",{children:["This component is a dumb wrapper around the",Object(jsx_runtime.jsx)("code",{children:" <input />"})," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",Object(jsx_runtime.jsx)("code",{children:"<input />"})," element."]})]}),Object(jsx_runtime.jsx)(deprecated_input,{placeholder:"Simple input wrapper"})]})});Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_input,Object.assign({},args))})};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <div className="story-info">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-textfield">TextField</a> instead\n            </Alert>\n            <p>\n                This component is a dumb wrapper around the\n                <code> &lt;input /&gt;</code> element which justs add a class name to give it is\n                unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n                directly applied onto the underlying <code>&lt;input /&gt;</code> element.\n            </p>\n        </div>\n        <Input placeholder="Simple input wrapper" />\n    </section>\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <Input {...args} />\n    </section>\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/KeyCapturer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"<input>"))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"<KeyCapturer\n    onEnter={ this._handleEnter }\n    onBackspace={ this._handleBackspace }\n    propagateBackspace\n>\n    <input value={ value } onChange={ this._handleChange } />\n</KeyCapturer>\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/components/KeyboardShortcut.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/components/keyboard-shortcut/keyboard-shortcut.less"),__webpack_require__("./src/components/keyboard-shortcut/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/KeyboardShortcut",parameters:{badges:["accessible"]}};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("pre",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("code",{children:["<KeyboardShortcut>",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"  ","string"==typeof shortcut?shortcut:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:["{",JSON.stringify(shortcut),"}"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"</KeyboardShortcut>"]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"On macOS:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!0,children:shortcut})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"Elsewhere:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!1,children:shortcut})]})]})};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.text)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=Object.assign({storySource:{source:"(args) => {\n    const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n    return (\n        <section className=\"story\">\n            <pre>\n                <code>\n                    &lt;KeyboardShortcut&gt;\n                    <br />\n                    &nbsp;&nbsp;\n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        </>\n                    )}\n                    <br />\n                    &lt;/KeyboardShortcut&gt;\n                </code>\n            </pre>\n            <p>\n                <strong>On macOS:</strong>\n                <KeyboardShortcut isMac={true}>{shortcut}</KeyboardShortcut>\n            </p>\n            <p>\n                <strong>Elsewhere:</strong>\n                <KeyboardShortcut isMac={false}>{shortcut}</KeyboardShortcut>\n            </p>\n        </section>\n    )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Notification.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory})),__webpack_require__.d(__webpack_exports__,"AccessibilityExample",(function(){return Notification_stories_AccessibilityExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),avatar=__webpack_require__("./src/new-components/avatar/avatar.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CloseIcon_svg_CloseIcon=function CloseIcon(){return Object(jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:Object(jsx_runtime.jsx)("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"})})};CloseIcon_svg_CloseIcon.displayName="CloseIcon";var CloseIcon_svg=CloseIcon_svg_CloseIcon,_excluded=(__webpack_require__("./src/components/deprecated-notification/deprecated-notification.less"),["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","aria-live"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DeprecatedNotification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,_ref$ariaLive=_ref["aria-live"],ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,rest=_objectWithoutProperties(_ref,_excluded),titleId=title?id+"-title":null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?id+"-subtitle":null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?id+"-content":null,contentIdAttribute=children?{id:id+"-content"}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=Object(jsx_runtime.jsx)("div",Object.assign({className:"reactist-notification__content"},contentIdAttribute,{children:null!=children?children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?Object(jsx_runtime.jsx)("h3",Object.assign({className:"reactist-notification__title"},titleIdAttribute,{children:title})):null,subtitle?Object(jsx_runtime.jsx)("p",Object.assign({className:"reactist-notification__subtitle"},subtitleIdAttribute,{children:subtitle})):null]})})),notificationBody=Object(jsx_runtime.jsxs)("div",{className:"reactist-notification__icon-content-group",children:[null!=icon?icon:null,notificationContent]});return Object(jsx_runtime.jsxs)("div",Object.assign({id:id,role:"alert",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)}),"aria-live":ariaLive},ariaLabelledBy,ariaDescribedBy,rest,{children:[onClick?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__button",onClick:onClick,children:notificationBody}):notificationBody,onClose?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText,children:null!=customCloseButton?customCloseButton:Object(jsx_runtime.jsx)(CloseIcon_svg,{})}):null]}))}DeprecatedNotification.displayName="DeprecatedNotification";try{DeprecatedNotification.displayName="DeprecatedNotification",DeprecatedNotification.__docgenInfo={description:"",displayName:"DeprecatedNotification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<HTMLDivElement>) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"]={docgenInfo:DeprecatedNotification.__docgenInfo,name:"DeprecatedNotification",path:"src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./stories/components/styles/notification_story.less");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/DeprecatedNotification",component:DeprecatedNotification,parameters:{badges:["accessible","deprecated"]}};var Notification_stories_StandardNotificationStory=function StandardNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Standard Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"standard-notification",icon:Object(jsx_runtime.jsx)("span",{className:"notification-story-notification-dot"}),title:"You have a new message!",subtitle:"Click here to view.",onClose:Object(esm.action)("onClose"),onClick:Object(esm.action)("onClick")})]})};Notification_stories_StandardNotificationStory.displayName="StandardNotificationStory";var Notification_stories_NonClickableNotificationStory=function NonClickableNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Non-clickable Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"non-clickable-notification",title:"Your task is due in 5 hours",subtitle:"Keep going!",onClose:Object(esm.action)("onClose")})]})};Notification_stories_NonClickableNotificationStory.displayName="NonClickableNotificationStory";var Notification_stories_CustomContentNotificationStory=function CustomContentNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Content Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"custom-content-notification",icon:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Brock Lesnar",email:"brock@twist.com"}}),onClose:Object(esm.action)("onClose"),className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("div",{className:"notification-story-content",children:[Object(jsx_runtime.jsx)("p",{className:"notification-story-text",children:"You received a message from Brock"}),Object(jsx_runtime.jsx)("h4",{className:"notification-story-heading",children:"Better not leave him hanging"})]})})]})};Notification_stories_CustomContentNotificationStory.displayName="CustomContentNotificationStory";var Notification_stories_NotificationPlaygroundStory=function NotificationPlaygroundStory(args){var onClose=args.onClose?Object(esm.action)("onClose"):void 0,onClick=args.onClick?Object(esm.action)("onClick"):void 0,icon=args.icon?Object(jsx_runtime.jsx)("div",{className:"notification-story-avatar-container",children:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Ada bot",email:"adabot@twist.com"}})}):null,children=args.children?Object(jsx_runtime.jsx)("div",{className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("p",{className:"notification-story-text",children:["If children is provided, then"," ",Object(jsx_runtime.jsx)("strong",{children:"it will be rendered instead of the title and subtitle"})]})}):null;return Object(jsx_runtime.jsx)("section",{className:"story playground",children:Object(jsx_runtime.jsx)(DeprecatedNotification,Object.assign({id:"playground-notification"},args,{onClose:onClose,onClick:onClick,icon:icon,children:children}))})};Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory";var Notification_stories_AccessibilityExample=function AccessibilityExample(){var _React$useState2=_slicedToArray(react.useState("Test message"),2),textContent=_React$useState2[0],setTextContent=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(textContent),2),notificationContent=_React$useState4[0],setNotificationContent=_React$useState4[1],_React$useState6=_slicedToArray(react.useState("assertive"),2),currentAriaLive=_React$useState6[0],setCurrentAriaLive=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"notification-off","aria-live":currentAriaLive,title:notificationContent,onClose:Object(esm.action)("onClose")}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceBetween",marginTop:"xlarge",children:[Object(jsx_runtime.jsxs)(box.a,{children:[Object(jsx_runtime.jsxs)(box.a,{marginTop:"medium",display:"flex",flexDirection:"row",alignItems:"center",onChange:function onChangeValue(event){setCurrentAriaLive(event.target.value)},children:[Object(jsx_runtime.jsx)("input",{type:"radio",id:"off",name:"aria-live",value:"off",checked:"off"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"off",children:'aria-live="off"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"polite",name:"aria-live",value:"polite",checked:"polite"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"polite",children:'aria-live="polite"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"assertive",name:"aria-live",value:"assertive",checked:"assertive"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"assertive",children:'aria-live="assertive"'})]}),Object(jsx_runtime.jsx)("br",{}),"off"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will not be announced by a screen reader."}):null,"polite"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader after the current content."}):null,"assertive"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader immediately."}):null]}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",alignItems:"flexEnd",children:[Object(jsx_runtime.jsx)(text_field.a,{label:"Content",value:textContent,onChange:function onChange(event){return setTextContent(event.currentTarget.value)}})," ",Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return setNotificationContent(textContent)},children:"Submit"})]})]})]})};Notification_stories_AccessibilityExample.displayName="AccessibilityExample",Notification_stories_NotificationPlaygroundStory.args={title:"You have a new notification",subtitle:"Click to open",closeAltText:"Close me!",icon:!0,children:!1,onClose:!0,onClick:!0},Notification_stories_NotificationPlaygroundStory.argTypes={icon:{control:{type:"boolean"}},onClose:{control:{type:"boolean"}},onClick:{control:{type:"boolean"}},className:{control:{type:null}},customCloseButton:{control:{type:null}},id:{control:{type:null}}},Notification_stories_StandardNotificationStory.parameters=Object.assign({storySource:{source:'function StandardNotificationStory() {\n    return (\n        <section className="story">\n            <p>Standard Notification</p>\n            <DeprecatedNotification\n                id="standard-notification"\n                icon={<span className="notification-story-notification-dot" />}\n                title="You have a new message!"\n                subtitle="Click here to view."\n                onClose={action(\'onClose\')}\n                onClick={action(\'onClick\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=Object.assign({storySource:{source:'function NonClickableNotificationStory() {\n    return (\n        <section className="story">\n            <p>Non-clickable Notification</p>\n            <DeprecatedNotification\n                id="non-clickable-notification"\n                title="Your task is due in 5 hours"\n                subtitle="Keep going!"\n                onClose={action(\'onClose\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=Object.assign({storySource:{source:'function CustomContentNotificationStory() {\n    return (\n        <section className="story">\n            <p>Custom Content Notification</p>\n            <DeprecatedNotification\n                id="custom-content-notification"\n                icon={<Avatar size="s" user={{ name: \'Brock Lesnar\', email: \'brock@twist.com\' }} />}\n                onClose={action(\'onClose\')}\n                className="notification-story-notification-container"\n            >\n                <div className="notification-story-content">\n                    <p className="notification-story-text">You received a message from Brock</p>\n                    <h4 className="notification-story-heading">Better not leave him hanging</h4>\n                </div>\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=Object.assign({storySource:{source:'function NotificationPlaygroundStory(args) {\n    const onClose = args.onClose ? action(\'onClose\') : undefined\n    const onClick = args.onClick ? action(\'onClick\') : undefined\n    const icon = args.icon ? (\n        <div className="notification-story-avatar-container">\n            <Avatar size="s" user={{ name: \'Ada bot\', email: \'adabot@twist.com\' }} />\n        </div>\n    ) : null\n    const children = args.children ? (\n        <div className="notification-story-notification-container">\n            <p className="notification-story-text">\n                If children is provided, then{\' \'}\n                <strong>it will be rendered instead of the title and subtitle</strong>\n            </p>\n        </div>\n    ) : null\n\n    return (\n        <section className="story playground">\n            <DeprecatedNotification\n                id="playground-notification"\n                {...args}\n                onClose={onClose}\n                onClick={onClick}\n                icon={icon}\n            >\n                {children}\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters),Notification_stories_AccessibilityExample.parameters=Object.assign({storySource:{source:'function AccessibilityExample() {\n    const [textContent, setTextContent] = React.useState(\'Test message\')\n    const [notificationContent, setNotificationContent] = React.useState(textContent)\n    const [currentAriaLive, setCurrentAriaLive] = React.useState<\'off\' | \'polite\' | \'assertive\'>(\n        \'assertive\',\n    )\n\n    function onChangeValue(event: React.FormEvent<HTMLInputElement>) {\n        setCurrentAriaLive(\n            (event.target as HTMLInputElement).value as \'off\' | \'polite\' | \'assertive\',\n        )\n    }\n\n    return (\n        <section className="story">\n            <DeprecatedNotification\n                id="notification-off"\n                aria-live={currentAriaLive}\n                title={notificationContent}\n                onClose={action(\'onClose\')}\n            />\n\n            <Box\n                display="flex"\n                flexDirection="row"\n                justifyContent="spaceBetween"\n                marginTop="xlarge"\n            >\n                <Box>\n                    <Box\n                        marginTop="medium"\n                        display="flex"\n                        flexDirection="row"\n                        alignItems="center"\n                        onChange={onChangeValue}\n                    >\n                        <input\n                            type="radio"\n                            id="off"\n                            name="aria-live"\n                            value="off"\n                            checked={currentAriaLive === \'off\'}\n                        />\n                        <label htmlFor="off">aria-live="off"</label>\n                        <input\n                            type="radio"\n                            id="polite"\n                            name="aria-live"\n                            value="polite"\n                            checked={currentAriaLive === \'polite\'}\n                        />\n                        <label htmlFor="polite">aria-live="polite"</label>\n                        <input\n                            type="radio"\n                            id="assertive"\n                            name="aria-live"\n                            value="assertive"\n                            checked={currentAriaLive === \'assertive\'}\n                        />\n                        <label htmlFor="assertive">aria-live="assertive"</label>\n                    </Box>\n\n                    <br />\n\n                    {currentAriaLive === \'off\' ? (\n                        <Text tone="secondary">\n                            Changes will not be announced by a screen reader.\n                        </Text>\n                    ) : null}\n                    {currentAriaLive === \'polite\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader after the current content.\n                        </Text>\n                    ) : null}\n\n                    {currentAriaLive === \'assertive\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader immediately.\n                        </Text>\n                    ) : null}\n                </Box>\n\n                <Box display="flex" flexDirection="row" alignItems="flexEnd">\n                    <TextField\n                        label="Content"\n                        value={textContent}\n                        onChange={(event) => setTextContent(event.currentTarget.value)}\n                    />\n                    &nbsp;\n                    <Button variant="primary" onClick={() => setNotificationContent(textContent)}>\n                        Submit\n                    </Button>\n                </Box>\n            </Box>\n        </section>\n    )\n}'}},Notification_stories_AccessibilityExample.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ProgressBar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/progressbar_story.less"),__webpack_require__("./node_modules/react/index.js");var hidden_visually=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/progress-bar/progress-bar.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,ariaValuetext=_ref["aria-valuetext"],finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return Object(jsx_runtime.jsxs)("div",{className:finalClassName,children:[Object(jsx_runtime.jsx)("div",{className:"inner",style:{width:width+"%"}}),Object(jsx_runtime.jsx)(hidden_visually.a,{children:Object(jsx_runtime.jsx)("progress",{value:width,max:100,"aria-valuetext":null!=ariaValuetext?ariaValuetext:void 0})})]})}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative for assitive technologies.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar,ProgressBar_stories_ProgressBarStory=(__webpack_exports__.default={title:"Components/ProgressBar",component:components_progress_bar,parameters:{badges:["accessible"]}},function ProgressBarStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Progress Bars"}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:0}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:25}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:50}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:75}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:100})]})});ProgressBar_stories_ProgressBarStory.displayName="ProgressBarStory";var ProgressBar_stories_ProgressBarPlaygroundStory=function ProgressBarPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(components_progress_bar,Object.assign({},args))})};ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.args={fillPercentage:50},ProgressBar_stories_ProgressBarPlaygroundStory.argTypes={fillPercentage:{control:{type:"number"}},className:{control:{type:null}}},ProgressBar_stories_ProgressBarStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <p>Progress Bars</p>\n        <ProgressBar fillPercentage={0} />\n        <ProgressBar fillPercentage={25} />\n        <ProgressBar fillPercentage={50} />\n        <ProgressBar fillPercentage={75} />\n        <ProgressBar fillPercentage={100} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <ProgressBar {...args} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Select.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-select/select.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["value","options","onChange","disabled","className","defaultValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,_excluded),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return Object(jsx_runtime.jsx)("select",Object.assign({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps,{children:null==options?void 0:options.map((function(option){return Object(jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.text},option.key||option.value)}))}))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/deprecated-select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var deprecated_select=Select,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Select_stories_options=[{value:"intro",text:"Select a fruit",disabled:!0},{value:"apple",text:"🍎 Apple"},{value:"pear",text:"🍐 Pear"},{value:"fish",text:"🐟 Fish",disabled:!0},{value:"banana",text:"🍌 Banana"},{value:"grapes",text:"🍇 Grapes"}],Select_stories_SelectStory=(__webpack_exports__.default={title:"Components/Select",component:deprecated_select,parameters:{badges:["deprecated"]}},function SelectStory(){var _React$useState2=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState2[0],setValue=_React$useState2[1];return Object(jsx_runtime.jsxs)(stack.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-selectfield",children:"SelectField"})," instead"]}),Object(jsx_runtime.jsx)(deprecated_select,{value:value,options:Select_stories_options,onChange:setValue})]})});Select_stories_SelectStory.displayName="SelectStory";var Select_stories_SelectPlaygroundStory=function SelectPlaygroundStory(args){var _React$useState4=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState4[0],setValue=_React$useState4[1];return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_select,Object.assign({},args,{value:value,options:Select_stories_options,onChange:setValue}))})};Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.args={disabled:!1},Select_stories_SelectPlaygroundStory.argTypes={disabled:{control:{type:"boolean"}},value:{control:{type:null}},defaultValue:{control:{type:null}},className:{control:{type:null}},options:{control:{type:null}}},Select_stories_SelectStory.parameters=Object.assign({storySource:{source:'function SelectStory() {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead\n            </Alert>\n\n            <Select value={value} options={options} onChange={setValue} />\n        </Stack>\n    )\n}'}},Select_stories_SelectStory.parameters),Select_stories_SelectPlaygroundStory.parameters=Object.assign({storySource:{source:'function SelectPlaygroundStory(args) {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <section className="story">\n            <Select {...args} value={value} options={options} onChange={setValue} />\n        </section>\n    )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Time.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/time_story.less");var react=__webpack_require__("./node_modules/react/index.js"),dayjs_min=__webpack_require__("./node_modules/dayjs/dayjs.min.js"),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./src/components/tooltip/tooltip.tsx")),localizedFormat=__webpack_require__("./node_modules/dayjs/plugin/localizedFormat.js"),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?""+diffDays+daysSuffix:diffHours>0&&diffHours<=23?""+diffHours+hoursSuffix:diffMinutes>0&&diffMinutes<=59?""+diffMinutes+minutesSuffix:momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}},jsx_runtime=(__webpack_require__("./src/components/time/time.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var time_Time=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Time,_React$Component);var _super=_createSuper(Time);function Time(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Time),(_this=_super.call(this,props)).refreshInterval=void 0,_this.refreshInterval=void 0,_this.state={hovered:!1,mouseX:void 0,mouseY:void 0},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Time,[{key:"componentDidMount",value:function componentDidMount(){this.props.refresh&&this._refresh()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){!prevProps.refresh&&this.props.refresh&&this._refresh(),prevProps.refresh&&!this.props.refresh&&this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"_setHovered",value:function _setHovered(hovered,event){var _this$state=this.state,mouseX=_this$state.mouseX,mouseY=_this$state.mouseY,clientX=event.clientX,clientY=event.clientY;clientX===mouseX&&clientY===mouseY||this.setState((function(){return{hovered:hovered,mouseX:clientX,mouseY:clientY}}))}},{key:"_renderTime",value:function _renderTime(config){if(this.props.time){if(this.state.hovered){if(this.props.expandFullyOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTimeLong(this.props.time,config);if(this.props.expandOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTime(this.props.time,config)}return TimeUtils.timeAgo(this.props.time,config)}}},{key:"_refresh",value:function _refresh(){var _this2=this;this.refreshInterval=setInterval((function(){_this2.forceUpdate()}),6e4)}},{key:"render",value:function render(){var _this3=this,className="reactist_time";this.props.className&&(className=this.props.className);var timeComponent=this._renderTime(this.props.config);return Object(jsx_runtime.jsx)("time",{className:className,onMouseEnter:function onMouseEnter(event){return _this3._setHovered(!0,event)},onMouseLeave:function onMouseLeave(event){return _this3._setHovered(!1,event)},children:this.props.tooltipOnHover?Object(jsx_runtime.jsx)(tooltip.a,{content:this.props.tooltip||this.props.time&&TimeUtils.formatTimeLong(this.props.time,this.props.config),children:Object(jsx_runtime.jsx)("span",{children:timeComponent})}):timeComponent})}}]),Time}(react.Component);time_Time.displayName=void 0,time_Time.defaultProps=void 0,time_Time.displayName="Time",time_Time.defaultProps={expandOnHover:!1,expandFullyOnHover:!1,tooltipOnHover:!1,refresh:!0,config:{locale:"en",daysSuffix:"d",hoursSuffix:"h",minutesSuffix:"m",momentsAgo:"moments ago"}};try{time_Time.displayName="Time",time_Time.__docgenInfo={description:"",displayName:"Time",props:{time:{defaultValue:null,description:"UNIX timestamp of the time to display.",name:"time",required:!1,type:{name:"number | undefined"}},config:{defaultValue:{value:"{\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    }"},description:"Configuration for localization.",name:"config",required:!1,type:{name:"TimeConfig | undefined"}},className:{defaultValue:null,description:"Additional css class applied to the time element.",name:"className",required:!1,type:{name:"string | undefined"}},tooltipOnHover:{defaultValue:{value:"false"},description:"",name:"tooltipOnHover",required:!1,type:{name:"boolean | undefined"}},refresh:{defaultValue:{value:"true"},description:"Refresh the component every DELAY seconds.",name:"refresh",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"If you don't want to use the default time format on the tooltip use this prop to supply a custom text",name:"tooltip",required:!1,type:{name:"ReactNode"}},expandOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to short absolute version.",name:"expandOnHover",required:!1,type:{name:"boolean | undefined"}},expandFullyOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to the full absolute version.",name:"expandFullyOnHover",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/time/time.tsx#Time"]={docgenInfo:time_Time.__docgenInfo,name:"Time",path:"src/components/time/time.tsx#Time"})}catch(__react_docgen_typescript_loader_error){}var components_time=time_Time,exampleTimes=(__webpack_exports__.default={title:"Components/Time",component:components_time,parameters:{badges:["accessible"]}},[{title:"Now",time:dayjs_min_default()().unix()},{title:"Now - 2 Minutes",time:dayjs_min_default()().subtract(2,"minutes").unix()},{title:"Now - 2 Hours",time:dayjs_min_default()().subtract(2,"hours").unix()},{title:"Now - 18 Hours",time:dayjs_min_default()().subtract(18,"hours").unix()},{title:"Now - 2 Days",time:dayjs_min_default()().subtract(2,"days").unix()},{title:"Now - 2 Weeks",time:dayjs_min_default()().subtract(2,"weeks").unix()},{title:"Now - 2 Years",time:dayjs_min_default()().subtract(2,"years").unix()}]),Time_stories_NoHoverEffectStory=function NoHoverEffectStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Normal Time (no hover effect)"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{time:time.time})]},index)}))]})};Time_stories_NoHoverEffectStory.displayName="NoHoverEffectStory";var Time_stories_ExpandTimeStory=function ExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandOnHover:!0,time:time.time})]},index)}))]})};Time_stories_ExpandTimeStory.displayName="ExpandTimeStory";var Time_stories_FullyExpandTimeStory=function FullyExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Fully expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,time:time.time})]},index)}))]})};Time_stories_FullyExpandTimeStory.displayName="FullyExpandTimeStory";var Time_stories_TooltipTimeStory=function TooltipTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Show full time in tooltip on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{tooltipOnHover:!0,time:time.time})]},index)}))]})};Time_stories_TooltipTimeStory.displayName="TooltipTimeStory";var Time_stories_TranslatedTimeStory=function TranslatedTimeStory(){var i18nConfig={locale:"de",hoursSuffix:"Std",minutesSuffix:"min",momentsAgo:"Gerade eben"};return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Translated times"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,config:i18nConfig,time:time.time})]},index)}))]})};Time_stories_TranslatedTimeStory.displayName="TranslatedTimeStory";var Time_stories_TimePlaygroundStory=function TimePlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story time",children:Object(jsx_runtime.jsx)(components_time,Object.assign({},args))})};Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.args={time:exampleTimes[0].time,expandOnHover:!1,expandFullyOnHover:!1,refresh:!0},Time_stories_TimePlaygroundStory.argTypes={expandOnHover:{control:{type:"boolean"}},expandFullyOnHover:{control:{type:"boolean"}},refresh:{control:{type:"boolean"}},config:{control:{type:null}},className:{control:{type:null}},tooltipOnHover:{control:{type:null}},tooltip:{control:{type:null}}},Time_stories_NoHoverEffectStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Normal Time (no hover effect)</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Fully expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandFullyOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Show full time in tooltip on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time tooltipOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=Object.assign({storySource:{source:"() => {\n    const i18nConfig = {\n        locale: 'de',\n        hoursSuffix: 'Std',\n        minutesSuffix: 'min',\n        momentsAgo: 'Gerade eben',\n    }\n\n    return (\n        <section className=\"story time\">\n            <p>Translated times</p>\n            {exampleTimes.map((time, index) => (\n                <div key={index}>\n                    <span>{time.title}</span>\n                    <Time expandFullyOnHover config={i18nConfig} time={time.time} />\n                </div>\n            ))}\n        </section>\n    )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story time">\n        <Time {...args} />\n    </section>\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Tooltip.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/tooltip_story.less");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/deprecated-button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Tooltip",parameters:{badges:["accessible"]}};var ExampleButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function ExampleButton(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({ref:ref},props,{children:["I am a button.",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),"Hover or focus me to see a tooltip."]}))})),TooltipPlaygroundStory=function TooltipPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story tooltip",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{autoFocus:!0,placeholder:"Focus here so you can press Tab to test focusing the button below"}),Object(react__WEBPACK_IMPORTED_MODULE_2__.createElement)(_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{key:String(args.position)+String(args.gapSize)}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ExampleButton,{}))]})};TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.args={content:"Very helpful content in this tooltip",gapSize:5},TooltipPlaygroundStory.argTypes={position:{control:{type:"select",options:["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],title:"test"}}},TooltipPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <section className="story tooltip">\n            <input\n                autoFocus\n                placeholder="Focus here so you can press Tab to test focusing the button below"\n            />\n            <Tooltip\n                // Tooltip does not react to dynamic changes of some props so we force a new\n                // component re-render every time these change.\n                {...args}\n                key={String(args.position) + String(args.gapSize)}\n            >\n                <ExampleButton />\n            </Tooltip>\n        </section>\n    )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/color.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/heading/heading.tsx"),_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./stories/components/styles/color-story.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-background","--reactist-framework-fill-crest","--reactist-framework-fill-selected","--reactist-framework-fill-summit"],frameworkBorderColors=["--reactist-divider-primary","--reactist-divider-secondary","--reactist-divider-tertiary"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-toast"];function Swatch(_ref){var color=_ref.color;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.b,{alignY:"center",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__.a,{style:{background:"var("+color+")"},className:"color_swatch"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("code",{className:"color_swatch__css_variable",children:color})})]},color)}Swatch.displayName="Swatch";var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",exceptionallySetClassName:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Framework"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Fill"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkFillColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Border"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkBorderColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:contentColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))})]})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:'function Colors() {\n    return (\n        <Stack space="xlarge" exceptionallySetClassName="story">\n            <Heading level={1} size="larger">\n                Framework\n            </Heading>\n\n            <Heading level={2}>Framework-Fill</Heading>\n            <Stack space="small">\n                {frameworkFillColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={2}>Framework-Border</Heading>\n            <Stack space="small">\n                {frameworkBorderColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={1} size="larger">\n                Content\n            </Heading>\n            <Stack space="small">\n                {contentColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n        </Stack>\n    )\n}'}},Colors.parameters)},"./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/reactist/Reactist.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),"\nIf you prefer to include static files, download the latest tarball from the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/packages/60435"},"package page")," and include the following files in your project:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/dist/reactist.cjs.production.min.js"),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/styles/reactist.css")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),"\nWe identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),"\nThis boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),"\nFirst run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),"\nthis will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json)\nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/nesting-vs-polymorphism.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Nesting vs combining via polymorphism",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Nesting vs. combining via polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The design system components have this ability where you can render one component as a certain HTML tag:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack as="ul">\n  {tasks.map((task) => (\n    <Box as="li" key={task.id}>{task.content}</Box>\n  )}\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The main purpose is to be able to take advantage of the new components while at the same time not dropping the ball on using semantic HTML."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, it can also be used to render as another React component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// Link below can be thought of as the Link component in react-router\n<ButtonLink as={Link}>Click me</ButtonLink>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is useful to be able to get the functionality of one component with the visuals and functionality of another component. In the example above, we render a link that has the visual look and feel of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," from our design system; but the link functionality is provided by react-router, allowing this link to perform ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("abbr",{title:"Single-Page Application"},"SPA"),"-like navigation on the client-side instead of a full server round trip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Caveats"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"With great power, comes great responsibility. You should not abuse this feature for markup optimization purposes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"What's markup optimization? Take the following example, for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column>\n        <Stack space="small">\n            <One />\n            <Two />\n        </Stack>\n    </Column>\n    <Column>\n        <Stack space="small">\n            <Three />\n            <Four />\n        </Stack>\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We could be tempted to say that each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," could also be the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", thus removing one extra container element and simplifying your markup."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column as={Stack} space="small">\n        <One />\n        <Two />\n    </Column>\n    <Column as={Stack} space="small">\n        <Three />\n        <Four />\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is not guaranteed to work 100% of the time because styles could clash."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In the example above, for instance, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," element will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="medium"')," effect. While the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="small"')," effect of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"At first, you might think there's no problem because the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," child elements is applied in the vertical direction (top and bottom) to keep a vertical space between them. While the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," elements is applied in the horizontal direction (left and right) to keep columns separated. So, in theory, these margins should not clash. However, columns add vertical spacing also, for when they show in collapsed form due to the viewport getting narrower (i.e. responsive design)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You may think: what if I have not instructed a particular ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element to collapse on responsive viewport sizes? The styles are there all the same, just in case. We could think of optimizing this and not applying the styles except to collapsible columns, but the main caveat warned about here remains: in general, combining two React components into one via polymorphism may break things, especially if both components have similar responsibilities regarding style and/or functionality."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Nesting vs combining via polymorphism",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/simplified-nested-markup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Simplified markup of the Stack and Inline components",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Simplified markup of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Inline")," components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It's no secret that our layout components are inspired by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://seek-oss.github.io/braid-design-system/foundations/layout"},"the ones in the Braid Design System"),". One key difference in some of these components is that we simplified them to privilege simpler markup by default."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, for instance, ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," elements automatically generate an extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," wrapping each of its child elements. This allows them to achieve a full level of separation of concerns. You see, part of the layout duties of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," component relies on applying certain styles to its child elements (e.g. to achieve the spacing they apply margin to the child elements). So they add this extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," around each child to make sure these styles are applied to these divs, and do not collide with the styles that the actual child element has."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is all better illustrated by an example. Take this ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Inline>\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</Inline>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, this component will render roughly the following markup:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <div class="css classes for the inline child wrapper">\n        <button type="button">Cancel</button>\n    </div>\n    <div class="css classes for the inline child wrapper">\n        <button type="submit">Save</button>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In our design system, however, this is the markup that we'll generate:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Originally, our components were like that of Braid, but this issue was brought up internally, and we decided to make it simpler, even if it adds a burden to the consumer of these components. A burden that we need to be aware of. You can find more information about this change in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/pull/497"},"the PR that introduced it"),". The concern is not ours alone, as it ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/seek-oss/braid-design-system/issues/386"},"was raised in Braid's own repo as well"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We explain below why this change made sense."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why we made the change"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A good deal of the time, what we nest inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is already a block element. Also, we favour having components without outward margin in the out-most container. So ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"there's no concern that the margin that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"Stack")," applies to its child elements will clash with the margin that the child elements themselves may have"),". So it seems a waste of resources to have a UI language that could potentially generate lots of useless extra containers around a relatively simple UI."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like with the extra container in place"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Take, for instance, this example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack space="xlarge">\n    <Stack space="small">\n        <label>Username</label>\n        <input name="username" />\n    </Stack>\n    <Stack space="small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </Stack>\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If we generated extra containers for each child, this would generate a markup similar to what's shown below:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Username</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="username" />\n            </div>\n        </div>\n    </div>\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Password</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="password" type="password" />\n            </div>\n        </div>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"And just imagine if inside the inner stack we rendered a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," element, which also did the same for its child elements."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like without the extra container element"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack space-small">\n        <label>Username</label>\n        <input name="username" />\n    </div>\n    <div class="stack space-small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why do you need to know all this"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This change comes with a caveat: depending on what child element you use, this way in which it all works may cause trouble."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The exact situations are not fully documented yet. But if you find yourself having trouble with some elements inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", consider wrapping them manually in a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<div>")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Box>")," yourself, and see if it fixes your issue. As we find concrete examples, we can add them to this documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For instance, this could happen if you pass to a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," a component that renders a fragment with more than one child in it. Depending on what you expect, you may not get what you want. For instance, given this component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"function List() {\n    return (\n        <>\n            <header>List</header>\n            <ul>…</ul>\n        </>\n    )\n}\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you pass this element into a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", it will consider each of the two child elements (the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"header")," and the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ul"),") to be individual items in the stack, and will apply spacing into it. This is arguably not what you want. Technically, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is reaching out into the internals of this component and possibly breaking its own layout."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"There are easy ways around this. Either do not return a fragment, or wrap this element in an extra container manually when put inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),". Or maybe this is what you wanted in a particular case, in which case you got what you wanted."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Simplified markup of the Stack and Inline components",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/single-child-stack-columns.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/About Stack or Columns with a single child",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Columns")," with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Avoid having single-child ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Columns")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Columns />")," with a single ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Column />")," inside makes no sense most of the time. The same applies to having ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Stack />")," elements with a single child. It can happen when we remove stuff from the UI. So be aware that if you remove something from inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element and a single child remains, then you might be able to remove them altogether and render that single child directly in place."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Stack>\n  <Something />\n</Stack>\n\n// …or this…\n<Columns>\n  <Column>\n    <Something />\n  </Column>\n</Columns>\n\n// …can probably be just this\n<Something />\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About conditionally-rendered child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, sometimes the second child element is rendered conditionally. Those cases are OK, of course:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// This is ok\n<Stack>\n  <Header />\n  {showBody ? <Body /> : null}\n</Stack>\n\n// And this too\n<Columns>\n  <Column width="content">\n    <Sidebar />\n  </Column>\n  {showContent ? (\n    <Column>\n      <Content />\n    </Column>\n  ) : null}\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Inline")," elements with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You might wonder why not say the same about ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),". We've found that ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," can be useful with a single child. It has the effect of making that child element not expand its full height, because it how behaves like an inline element rather than a block one. In reality, it still behaves like a block element, but a block element inside an inline context. So you might still want to leave it in place, but you should also check if you can remove it when removing other children of the inline element."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/About Stack or Columns with a single child",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);
\ No newline at end of file
diff --git a/docs/project.json b/docs/project.json
index e9665733b..19fdf4275 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1668432021836,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.15.0"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}
+{"generatedAt":1668433579323,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.15.0"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}

From 44d5a2cd8bdbf0686a4d5710cb6e951065b636a5 Mon Sep 17 00:00:00 2001
From: Francesca Guiducci <francesca@doist.com>
Date: Mon, 14 Nov 2022 15:39:31 +0100
Subject: [PATCH 4/6] chore: Style change in the reasonable place

---
 src/new-components/checkbox-field/checkbox-field.module.css | 1 +
 src/new-components/checkbox-field/checkbox-icon.tsx         | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/new-components/checkbox-field/checkbox-field.module.css b/src/new-components/checkbox-field/checkbox-field.module.css
index 8210ed218..7894292f2 100644
--- a/src/new-components/checkbox-field/checkbox-field.module.css
+++ b/src/new-components/checkbox-field/checkbox-field.module.css
@@ -20,6 +20,7 @@
 .container svg {
     color: var(--reactist-content-secondary);
     border-radius: 5px;
+    min-width: 24px;
 }
 
 .container.checked svg {
diff --git a/src/new-components/checkbox-field/checkbox-icon.tsx b/src/new-components/checkbox-field/checkbox-icon.tsx
index a57af121f..115f90495 100644
--- a/src/new-components/checkbox-field/checkbox-icon.tsx
+++ b/src/new-components/checkbox-field/checkbox-icon.tsx
@@ -46,7 +46,6 @@ function CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props) {
             width="24"
             height="24"
             viewBox="0 0 24 24"
-            style={{ minWidth: '24' }}
             {...props}
         >
             <path fill="currentColor" fillRule="nonzero" d={svgPath[pathKey]} />

From da6ccf547a6b6d2883523c9e06b04121b6f6ee47 Mon Sep 17 00:00:00 2001
From: Francesca Guiducci <francesca@doist.com>
Date: Tue, 15 Nov 2022 14:58:54 +0100
Subject: [PATCH 5/6] chore: Correct package version

---
 CHANGELOG.md                        | 4 ++--
 docs/iframe.html                    | 2 +-
 docs/main.6f4cc111.iframe.bundle.js | 1 +
 docs/main.bbe9bc9f.iframe.bundle.js | 1 -
 docs/project.json                   | 2 +-
 package-lock.json                   | 4 ++--
 package.json                        | 2 +-
 7 files changed, 8 insertions(+), 8 deletions(-)
 create mode 100644 docs/main.6f4cc111.iframe.bundle.js
 delete mode 100644 docs/main.bbe9bc9f.iframe.bundle.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b1db80137..19b248e99 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,9 +2,9 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
-# v18.0.0
+# v17.0.1
 
--   [Breaking] Enforces minimum width for the checkbox icon in the `CheckboxField` element
+-   [Fix] Enforces minimum width for the checkbox icon in the `CheckboxField` element
 
 # v17.0.0
 
diff --git a/docs/iframe.html b/docs/iframe.html
index ce6e9c091..9c526ff55 100644
--- a/docs/iframe.html
+++ b/docs/iframe.html
@@ -476,4 +476,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.ad83b813.iframe.bundle.js"></script><script src="vendors~main.9bbf73b4.iframe.bundle.js"></script><script src="main.bbe9bc9f.iframe.bundle.js"></script></body></html>
\ No newline at end of file
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.ad83b813.iframe.bundle.js"></script><script src="vendors~main.9bbf73b4.iframe.bundle.js"></script><script src="main.6f4cc111.iframe.bundle.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/main.6f4cc111.iframe.bundle.js b/docs/main.6f4cc111.iframe.bundle.js
new file mode 100644
index 000000000..9473c5f9b
--- /dev/null
+++ b/docs/main.6f4cc111.iframe.bundle.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"),__webpack_require__("./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bjUmGQ1{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small);min-height:calc(2*var(--reactist-spacing-small) + var(--reactist-button-small-height) + 2px)}.PyULHXUj{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}.PyULHXUj svg{color:var(--reactist-alert-tone-info-icon)}.hIW0DUrF{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.hIW0DUrF svg{color:var(--reactist-alert-tone-positive-icon)}._1Ho1jjqk{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1Ho1jjqk svg{color:var(--reactist-alert-tone-caution-icon)}._177zyoVP{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._177zyoVP svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_1bjUmGQ1","tone-info":"PyULHXUj","tone-positive":"hIW0DUrF","tone-caution":"_1Ho1jjqk","tone-critical":"_177zyoVP"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}.Sva128bQ{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}._1CEziM4w{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3fRfWCm3{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._1UdsEmnB{--reactist-avatar-size:var(--reactist-avatar-size-small)}.aOiZgBic{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.O_uq2aRB{--reactist-avatar-size:var(--reactist-avatar-size-large)}._3wlhGvdY{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2Qwl8hZI{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2A19sfWg{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._2oWcPdrM{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._1ptksGmT{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.w-jaOD8t{--reactist-avatar-size:var(--reactist-avatar-size-small)}._2VsKPPHN{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.Kps9rVTS{--reactist-avatar-size:var(--reactist-avatar-size-large)}._2f1ZsW6N{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._3iKrYPyj{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1DZ0T2GD{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._1LxYW80E{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3cB9NvrU{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.uLzmqAWK{--reactist-avatar-size:var(--reactist-avatar-size-small)}._22zzC83m{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.PRY49uSU{--reactist-avatar-size:var(--reactist-avatar-size-large)}.LGu4W2mc{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2hst-HQf{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1QLSb8gY{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}",""]),exports.locals={avatar:"Sva128bQ","size-xxs":"_1CEziM4w","size-xs":"_3fRfWCm3","size-s":"_1UdsEmnB","size-m":"aOiZgBic","size-l":"O_uq2aRB","size-xl":"_3wlhGvdY","size-xxl":"_2Qwl8hZI","size-xxxl":"_2A19sfWg","tablet-size-xxs":"_2oWcPdrM","tablet-size-xs":"_1ptksGmT","tablet-size-s":"w-jaOD8t","tablet-size-m":"_2VsKPPHN","tablet-size-l":"Kps9rVTS","tablet-size-xl":"_2f1ZsW6N","tablet-size-xxl":"_3iKrYPyj","tablet-size-xxxl":"_1DZ0T2GD","desktop-size-xxs":"_1LxYW80E","desktop-size-xs":"_3cB9NvrU","desktop-size-s":"uLzmqAWK","desktop-size-m":"_22zzC83m","desktop-size-l":"PRY49uSU","desktop-size-xl":"LGu4W2mc","desktop-size-xxl":"_2hst-HQf","desktop-size-xxxl":"_1QLSb8gY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-badge-neutral-background:#eee;--reactist-badge-neutral-foreground:#666;--reactist-badge-positive-background:rgba(5,133,39,0.1);--reactist-badge-positive-foreground:#058527;--reactist-badge-color-background:#faead1;--reactist-badge-color-foreground:#8f4700}._16rUqpuT{font-family:var(--reactist-font-family);font-size:10px;font-weight:var(--reactist-font-weight-medium);border-radius:3px;padding:3px var(--reactist-spacing-xsmall);text-transform:uppercase}.nBcZWKqg{color:var(--reactist-badge-neutral-foreground);background-color:var(--reactist-badge-neutral-background)}._1eIHGtGO{color:var(--reactist-badge-positive-foreground);background-color:var(--reactist-badge-positive-background)}._2F1bBd2z{color:var(--reactist-badge-color-foreground);background-color:var(--reactist-badge-color-background)}",""]),exports.locals={badge:"_16rUqpuT","badge-neutral":"nBcZWKqg","badge-positive":"_1eIHGtGO","badge-color":"_2F1bBd2z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1AOsTJG3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._2Ics8rP_{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._1AOsTJG3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._1AOsTJG3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._1AOsTJG3._2o-nyUTF{border-radius:1000px}._1AOsTJG3._3NSQNfFo{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._1AOsTJG3._1xS1YG4L{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._1AOsTJG3._1tvpnBHw{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._1AOsTJG3:not(._2PQcvkB9){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._1AOsTJG3:focus-visible:not([aria-disabled=true]),._1AOsTJG3:hover:not([aria-disabled=true]),._1AOsTJG3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._1AOsTJG3._2PQcvkB9{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._1AOsTJG3:not(._3AuL4yE4){min-width:68px}._1AOsTJG3._3AuL4yE4{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._1AOsTJG3 ._3wqLydX-{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._1AOsTJG3 ._2RzezWii{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);--reactist-content-primary:var(--reactist-content-toast);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px;min-width:24px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}@keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}:root{--reach-dialog:1;--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._3jjo0wSd{isolation:isolate}[data-reach-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3v5DmtsH .2s;animation:_3v5DmtsH .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}[data-reach-dialog-overlay]>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled] ._5Eq_Wmv{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}[data-reach-dialog-content]{background:var(--reactist-bg-default);padding:0;outline:none;transition:box-shadow .5s}._5Eq_Wmv{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out;max-width:100%}._1jvHg-bL ._5Eq_Wmv{width:100%}._22sgLJIW ._5Eq_Wmv{width:768px}.gwIpBSNi ._5Eq_Wmv{width:580px}._1LaotiZv ._5Eq_Wmv{width:450px}@media (min-width:992px){.B2BwdSPs ._5Eq_Wmv{width:960px}}@media (min-width:1200px){.B2BwdSPs ._5Eq_Wmv{width:1060px}}@media (max-width:1000px){.B2BwdSPs ._5Eq_Wmv{width:768px}}@media (max-width:580px){.ynZOvPCT:not(._1LaotiZv) ._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv) ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}.tJiZ17qL{display:flex;align-items:center;height:32px}._1ZCXZZbD{min-height:32px}",""]),exports.locals={"reach-portal":"_3jjo0wSd",fadein:"_3v5DmtsH",fitContent:"_3dZ8SMqI",container:"_5Eq_Wmv",full:"_1jvHg-bL",large:"_22sgLJIW",medium:"gwIpBSNi",small:"_1LaotiZv",xlarge:"B2BwdSPs",overlay:"ynZOvPCT",expand:"_2MXWR1nx",buttonContainer:"tJiZ17qL",headerContent:"_1ZCXZZbD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw.cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw option{background-color:var(--reactist-bg-aside)}._37qME_zw select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));margin-top:var(--reactist-spacing-large);border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}._14o3mgku{margin-top:var(--reactist-spacing-xsmall)}._1-Qo1ZMw{margin-top:var(--reactist-spacing-small)}._2zCa-_AP{margin-top:var(--reactist-spacing-medium)}.fBRTKaCF{margin-top:var(--reactist-spacing-large)}._3xoTod4f{margin-top:var(--reactist-spacing-xlarge)}._1GEBxxCD{margin-top:var(--reactist-spacing-xxlarge)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81","track-xsmall":"_14o3mgku","track-small":"_1-Qo1ZMw","track-medium":"_2zCa-_AP","track-large":"fBRTKaCF","track-xlarge":"_3xoTod4f","track-xxlarge":"_1GEBxxCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font-family:var(--reactist-font-family);width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}",""]),exports.locals={textAreaContainer:"_22PFG8iD",bordered:"_29Be2aIS",error:"_2NQlDy3I"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO:not(._1UmGt5zL){border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL input{padding:0;height:24px}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast,400)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n  background-color: rgba(0, 0, 0, 0.1);\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n  height: 18px;\n  width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n  width: 12px;\n  height: 12px;\n}\n.reactist_color_picker .color_item {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 4px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n  background-color: transparent;\n  border: 2px solid white;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n  padding: 6px;\n  display: flex;\n  flex-wrap: wrap;\n  width: 164px;\n  position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n  visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n    .color_trigger {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 24px;\n\n        &--inner_ring {\n            background-color: rgba(0, 0, 0, 0.1);\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_trigger--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.small {\n            height: 18px;\n            width: 18px;\n\n            .color_trigger--inner_ring {\n                width: 12px;\n                height: 12px;\n            }\n        }\n    }\n\n    .color_item {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        &--inner_ring {\n            background-color: transparent;\n            border: 2px solid white;\n            height: 24px;\n            width: 24px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_item--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.active {\n            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .color_options {\n        padding: 6px;\n        display: flex;\n        flex-wrap: wrap;\n        width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n        position: relative;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        visibility: hidden;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n  cursor: pointer;\n  user-select: none;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.reactist_button--small {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  padding: 5px 15px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n  padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n  padding: 10px 15px;\n}\n.reactist_button--primary {\n  background-color: #3f82ef;\n  color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n  background-color: #3b7be2;\n}\n.reactist_button--danger {\n  background-color: #de4c4a;\n  color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n  background-color: #cf2826;\n}\n.reactist_button--secondary {\n  background-color: white;\n  color: #202020;\n  border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n  background-color: #f9f9f9;\n}\n.reactist_button--link {\n  color: #3f82ef;\n  text-decoration: none;\n}\n.reactist_button--link:disabled {\n  color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n  text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n  font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n  cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n  background-repeat: no-repeat;\n  background-size: 15px;\n  content: '';\n  display: inline-block;\n  height: 15px;\n  margin-left: 12px;\n  vertical-align: middle;\n  width: 15px;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: reactistRotateRight;\n  animation-timing-function: linear;\n  color: #ffffff;\n  background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n  border-color: #dcdcdc;\n  background-color: #dcdcdc;\n  color: #808080;\n}\n@keyframes reactistRotateRight {\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n    cursor: pointer;\n    user-select: none;\n    color: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n\n    &[aria-disabled='true'] {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &--small {\n        .smaller_text();\n    }\n\n    &--primary,\n    &--secondary,\n    &--danger {\n        .normal_text();\n        box-sizing: border-box;\n        padding: 5px 15px;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 3px;\n        &.reactist_button--small {\n            padding: 5px 10px;\n        }\n        &.reactist_button--large {\n            padding: 10px 15px;\n        }\n    }\n\n    &--primary {\n        background-color: @primary_color;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: @primary_color_darker;\n        }\n    }\n\n    &--danger {\n        background-color: @color_red;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: darken(@color_red, 10%);\n        }\n    }\n\n    &--secondary {\n        background-color: white;\n        color: @primary_font_color;\n        border-color: @color_border_grey;\n\n        &:not([disabled]):hover {\n            background-color: @color_grey_9;\n        }\n    }\n\n    &--link {\n        color: @primary_color;\n        text-decoration: none;\n\n        &:disabled {\n            color: @secondary_font_color;\n        }\n\n        &:not(:disabled):hover {\n            text-decoration: underline;\n        }\n\n        &:not(&--small):not(&--large) {\n            font-size: inherit;\n        }\n    }\n\n    // loading-like buttons are only supported for the primary, secondary and danger variants\n    &--primary,\n    &--secondary,\n    &--danger {\n        &.reactist_button--loading {\n            cursor: progress !important;\n            &:after {\n                background-repeat: no-repeat;\n                background-size: 15px;\n                content: '';\n                display: inline-block;\n                height: 15px;\n                margin-left: 12px;\n                vertical-align: middle;\n                width: 15px;\n                animation-duration: 1s;\n                animation-iteration-count: infinite;\n                animation-name: reactistRotateRight;\n                animation-timing-function: linear;\n                color: #ffffff;\n                background-image: url('../icons/spinner.svg');\n            }\n        }\n    }\n\n    // we treat secondary buttons differently because the loading indicator is white\n    // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n    &--secondary.reactist_button--loading {\n        border-color: @color_border_grey;\n        background-color: @color_border_grey;\n        color: @secondary_font_color;\n    }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n    from {\n        transform: rotate(0deg);\n        transform-origin: center center;\n    }\n\n    to {\n        transform: rotate(360deg);\n        transform-origin: center center;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n  cursor: pointer;\n  display: block;\n}\n.reactist_dropdown .body {\n  border-radius: 3px;\n  border: 1px solid #dcdcdc;\n  overflow: hidden;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n  z-index: 1;\n  background-color: #fff;\n}\n.reactist_dropdown hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n  z-index: 1;\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n  top: -11px;\n  border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n  top: -12px;\n  border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n  top: -1px;\n  border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n  top: -1px;\n  right: 13px;\n  border-width: 7px;\n  border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n    .trigger {\n        cursor: pointer;\n        display: block;\n    }\n\n    .body {\n        border-radius: 3px;\n        border: 1px solid @color_border_grey;\n        overflow: hidden;\n        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n        z-index: 1;\n        background-color: #fff;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 0 5px;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        z-index: 1;\n        content: '';\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px;\n        right: 14px;\n    }\n\n    .with_arrow:after {\n        top: -11px;\n        border-color: transparent transparent #fff transparent;\n    }\n\n    .with_arrow:before {\n        top: -12px;\n        border-color: transparent transparent @color_border_grey transparent;\n    }\n\n    .with_arrow.top:after {\n        top: -1px;\n        border-color: #fff transparent transparent transparent;\n    }\n\n    .with_arrow.top:before {\n        top: -1px;\n        right: 13px;\n        border-width: 7px;\n        border-color: @color_border_grey transparent transparent transparent;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  outline: none;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  padding: 5px 10px;\n  margin: 0;\n}\n.reactist_input:focus {\n  border-color: #3f82ef;\n}\n.reactist_input:disabled {\n  background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n    .normal_text();\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    outline: none;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    padding: 5px 10px;\n    margin: 0;\n\n    &:focus {\n        border-color: @primary_color;\n    }\n    &:disabled {\n        background-color: @color_grey_11;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n  display: flex;\n  position: relative;\n  font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition-property: background-color;\n  transition-duration: 300ms;\n  background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n  background: #ececec;\n}\n.reactist-notification__button {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n  display: flex;\n  flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n  background: #ececec;\n}\n.reactist-notification__close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n  display: block;\n}\n.reactist-notification__icon-content-group {\n  display: flex;\n  flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n  padding-right: 24px;\n}\n.reactist-notification__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.reactist-notification__title {\n  margin: 0 0 3px 0;\n  font-size: 0.875rem;\n  text-align: left;\n}\n.reactist-notification__subtitle {\n  font-size: 0.81rem;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 10px 14px;\n    border: 1px solid @color_border_grey;\n    border-radius: @default-radius;\n    box-shadow: @default-box-shadow;\n    background: #fff;\n}\n\n.reactist-notification {\n    display: flex;\n    position: relative;\n    font-size: @normal_font_size;\n\n    &:not(.reactist-notification--with-button) {\n        .container-style();\n    }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition-property: background-color;\n    transition-duration: @standard-timing;\n    background: #fff;\n\n    &:hover {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__button {\n    .container-style();\n    display: flex;\n    flex: 1;\n\n    &:hover + .reactist-notification__close-button {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__close-button {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: @default-radius;\n\n    > * {\n        display: block;\n    }\n}\n\n.reactist-notification__icon-content-group {\n    display: flex;\n    flex: 1;\n}\n\n.reactist-notification--with-close-button {\n    .reactist-notification__icon-content-group {\n        padding-right: 24px;\n    }\n}\n\n.reactist-notification__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.reactist-notification__title {\n    margin: 0 0 3px 0;\n    font-size: @normal_font_size;\n    text-align: left;\n}\n\n.reactist-notification__subtitle {\n    font-size: @smaller_font_size;\n    margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  background-color: white;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 5px 25px 5px 10px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n  background-position: calc(100% - 11px) center;\n  background-repeat: no-repeat;\n  background-size: 8px 11px;\n}\n.reactist_select.disabled {\n  background-color: #fafafa;\n}\n.reactist_select:focus {\n  outline: none;\n  border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n    .normal_text();\n    background-color: white;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n\n    // nuke the browser styles\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n    padding: 5px 25px 5px 10px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n    background-position: calc(~'100% - 11px') center;\n    background-repeat: no-repeat;\n    background-size: 8px 11px;\n\n    &.disabled {\n        background-color: @color_grey_11;\n    }\n    &:focus {\n        outline: none;\n        border: 1px solid @primary_color;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n  font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  margin: 0 2px;\n  line-height: normal;\n  line-height: 10px;\n  color: #202020;\n  vertical-align: middle;\n  background-color: #fafafa;\n  border: 1px solid #dcdcdc;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n    font: 11px Menlo, monospace;\n    > kbd > kbd {\n        display: inline-block;\n        padding: 3px 5px;\n        margin: 0 2px;\n        line-height: normal;\n        line-height: 10px;\n        color: @primary_font_color;\n        vertical-align: middle;\n        background-color: @color_grey_11;\n        border: 1px solid @color_border_grey;\n        border-radius: 6px;\n        box-shadow: inset 0 -1px 0 @color_border_grey;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n  min-height: 44px;\n  max-height: var(--popover-available-height);\n  overflow: auto;\n  display: block;\n  white-space: nowrap;\n  background: hsla(0, 0%, 100%, 0.99);\n  outline: none;\n  font-size: 0.81rem;\n  padding: 4px 0;\n  min-width: 180px;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  margin: -4px;\n  z-index: var(--reactist-stacking-order-menu, 1);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  user-select: none;\n  outline: none;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  color: #808080;\n  font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button,\n.reactist_menulist[role='menubar'] .reactist_submenu_button {\n  padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after,\n.reactist_menulist[role='menubar'] .reactist_submenu_button::after {\n  content: '';\n  position: absolute;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent #808080;\n  display: block;\n  width: 0;\n  right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'] {\n  width: 100%;\n  box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menubar'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menubar'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-expanded='true'] {\n  color: #202020;\n  background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled,\n.reactist_menulist[role='menubar'] [role='menuitem']:disabled {\n  color: #808080;\n  pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'],\n.reactist_menulist[role='menubar'] a[role='menuitem'] {\n  cursor: default;\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover,\n.reactist_menulist[role='menubar'] a[role='menuitem']:hover {\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'],\n.reactist_menulist[role='menubar'] [role='menu'],\n.reactist_menulist[role='menu'] [role='menubar'],\n.reactist_menulist[role='menubar'] [role='menubar'] {\n  margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr,\n.reactist_menulist[role='menubar'] hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAIA;;EAEI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,+CAAA;AAHJ;AAZA;;;;EAmBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AA1BA;;EA+BQ,cAAA;EACA,kBAAA;AADR;AA/BA;;EAoCQ,mBAAA;AADR;AAnCA;;EAwCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AADR;AA9CA;;EAmDQ,WAAA;EACA,sBAAA;AADR;AAEQ;;;;;;EAGI,cAAA;EACA,yBAAA;AAGZ;AADQ;;;;EAEI,cAAA;EACA,oBAAA;AAKZ;AAnEA;;EAmEQ,eAAA;EACA,qBAAA;AAIR;AAHQ;;EACI,qBAAA;AAMZ;AA5EA;;;;EA6EQ,gBAAA;AAKR;AAlFA;;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAKR",sourcesContent:["@import '../styles/constants.less';\n\n// Ariakit renders the menu as menubar on Safari\n// Ref: https://github.com/ariakit/ariakit/blob/454aef1237ada31e8292ee4966adca3ed0f6e299/packages/ariakit/src/menu/menu-list.ts#L150\n.reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n    min-height: 44px; // minimum accessible target area\n    max-height: var(--popover-available-height); // defined by ariakit\n    overflow: auto;\n    display: block;\n    white-space: nowrap;\n    background: hsla(0, 100%, 100%, 0.99);\n    outline: none;\n    font-size: @smaller_font_size;\n    padding: 4px 0;\n    min-width: 180px;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n    z-index: var(--reactist-stacking-order-menu, 1);\n\n    [role='menuitem'],\n    .reactist_menugroup__label {\n        user-select: none;\n        outline: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        padding: 5px 10px;\n        color: inherit;\n        border: none;\n        background-color: transparent;\n    }\n\n    .reactist_menugroup__label {\n        color: @secondary_font_color;\n        font-size: @tiny_font_size;\n    }\n\n    .reactist_submenu_button {\n        padding-right: 16px;\n    }\n\n    .reactist_submenu_button::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 4px 0 4px 6px;\n        border-color: transparent @secondary_font_color;\n        display: block;\n        width: 0;\n        right: 6px;\n    }\n\n    [role='menuitem'] {\n        width: 100%;\n        box-sizing: border-box;\n        &:hover,\n        &:focus,\n        &[aria-expanded='true'] {\n            color: @primary_font_color;\n            background-color: @color_grey_10;\n        }\n        &[aria-disabled='true'],\n        &:disabled {\n            color: @secondary_font_color;\n            pointer-events: none;\n        }\n    }\n\n    a[role='menuitem'] {\n        cursor: default;\n        text-decoration: none;\n        &:hover {\n            text-decoration: none;\n        }\n    }\n\n    // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n    [role='menu'],\n    [role='menubar'] {\n        margin-top: -5px;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 4px 0;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  height: 4px;\n  border-radius: 3px;\n  background-color: #ececec;\n  width: 100%;\n}\n.reactist_progress_bar .inner {\n  height: inherit;\n  border-radius: 4px;\n  background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n    height: 4px;\n    border-radius: 3px;\n    background-color: @color_grey_10;\n    width: 100%;\n\n    .inner {\n        height: inherit;\n        border-radius: 4px;\n        background-color: @color_green;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n  font-size: 0.75rem;\n  color: #808080;\n  font-weight: 400;\n  line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n  text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n    .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n    text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100%;\n  padding: 5px 10px;\n  background-color: #333333;\n  color: white;\n  border: none;\n  border-radius: 3px;\n  z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n    .smaller_text();\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n    padding: 5px 10px;\n    background-color: @tooltip_background;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n  /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n  --reactist-breakpoint-tablet: 768px;\n  --reactist-breakpoint-desktop: 992px;\n  /* spacing sizes */\n  --reactist-spacing-xsmall: 4px;\n  --reactist-spacing-small: 8px;\n  --reactist-spacing-medium: 12px;\n  --reactist-spacing-large: 16px;\n  --reactist-spacing-xlarge: 24px;\n  --reactist-spacing-xxlarge: 32px;\n  /* width */\n  --reactist-width-xsmall: 220px;\n  --reactist-width-small: 400px;\n  --reactist-width-medium: 660px;\n  --reactist-width-large: 940px;\n  --reactist-width-xlarge: 1280px;\n  /* font family */\n  --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n  /* font sizes */\n  --reactist-font-size-caption: 12px;\n  --reactist-font-size-copy: 13px;\n  --reactist-font-size-body: 14px;\n  --reactist-font-size-subtitle: 16px;\n  --reactist-font-size-header: 20px;\n  --reactist-font-size-header-large: 24px;\n  --reactist-font-size-header-xlarge: 32px;\n  /* font weight */\n  --reactist-font-weight-regular: 400;\n  --reactist-font-weight-medium: 600;\n  --reactist-font-weight-strong: 700;\n  /* standard divider colors */\n  --reactist-divider-primary: #c4c7c8;\n  --reactist-divider-secondary: #dde2e3;\n  --reactist-divider-tertiary: #edf2f3;\n  /* border-radius */\n  --reactist-border-radius-small: 5px;\n  --reactist-border-radius-large: 10px;\n  /* background color */\n  --reactist-bg-default: #ffffff;\n  --reactist-bg-brand: #246fe0;\n  --reactist-bg-aside: #fafafa;\n  --reactist-bg-highlight: #f2f2f2;\n  --reactist-bg-selected: #e6e6e6;\n  --reactist-bg-toast: #282828;\n  /* colors */\n  --reactist-framework-fill-background: #fafafa;\n  --reactist-framework-fill-crest: #e6e6e6;\n  --reactist-framework-fill-selected: #ececec;\n  --reactist-framework-fill-summit: #d6d6d6;\n  --reactist-content-primary: rgba(0, 0, 0, 0.88);\n  --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n  --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n  --reactist-content-toast: #ffffff;\n  --reactist-content-positive: #058527;\n  --reactist-content-danger: #d1453b;\n  /* component-specific */\n  --reactist-switch-checked: #058527;\n  /* alerts */\n  --reactist-alert-tone-info-icon: #1d438c;\n  --reactist-alert-tone-info-border: #246fe0;\n  --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n  --reactist-alert-tone-positive-icon: #035017;\n  --reactist-alert-tone-positive-border: #058527;\n  --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n  --reactist-alert-tone-caution-icon: #5e3704;\n  --reactist-alert-tone-caution-border: #eb8d13;\n  --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n  --reactist-alert-tone-critical-icon: #b03d32;\n  --reactist-alert-tone-critical-border: #d1453b;\n  --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n  /* toasts */\n  --reactist-toast-actionable-primary-tint: #39d1ef;\n  --reactist-toast-actionable-secondary-tint: #b6c1c3;\n  --reactist-toast-actionable-hover-fill: #506063;\n  --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,iCAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;AAfJ",sourcesContent:[":root {\n    /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n    --reactist-breakpoint-tablet: 768px;\n    --reactist-breakpoint-desktop: 992px;\n\n    /* spacing sizes */\n    --reactist-spacing-xsmall: 4px;\n    --reactist-spacing-small: 8px;\n    --reactist-spacing-medium: 12px;\n    --reactist-spacing-large: 16px;\n    --reactist-spacing-xlarge: 24px;\n    --reactist-spacing-xxlarge: 32px;\n\n    /* width */\n    --reactist-width-xsmall: 220px;\n    --reactist-width-small: 400px;\n    --reactist-width-medium: 660px;\n    --reactist-width-large: 940px;\n    --reactist-width-xlarge: 1280px;\n\n    /* font family */\n    --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n\n    /* font sizes */\n    --reactist-font-size-caption: 12px;\n    --reactist-font-size-copy: 13px;\n    --reactist-font-size-body: 14px;\n    --reactist-font-size-subtitle: 16px;\n    --reactist-font-size-header: 20px;\n    --reactist-font-size-header-large: 24px;\n    --reactist-font-size-header-xlarge: 32px;\n\n    /* font weight */\n    --reactist-font-weight-regular: 400;\n    --reactist-font-weight-medium: 600;\n    --reactist-font-weight-strong: 700;\n\n    /* standard divider colors */\n    --reactist-divider-primary: #c4c7c8;\n    --reactist-divider-secondary: #dde2e3;\n    --reactist-divider-tertiary: #edf2f3;\n\n    /* border-radius */\n    --reactist-border-radius-small: 5px;\n    --reactist-border-radius-large: 10px;\n\n    /* background color */\n    --reactist-bg-default: rgb(255, 255, 255);\n    --reactist-bg-brand: rgb(36, 111, 224);\n    --reactist-bg-aside: rgb(250, 250, 250);\n    --reactist-bg-highlight: rgb(242, 242, 242);\n    --reactist-bg-selected: rgb(230, 230, 230);\n    --reactist-bg-toast: rgb(40, 40, 40);\n\n    /* colors */\n    --reactist-framework-fill-background: rgb(250, 250, 250);\n    --reactist-framework-fill-crest: rgb(230, 230, 230);\n    --reactist-framework-fill-selected: rgb(236, 236, 236);\n    --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n    --reactist-content-primary: rgba(0, 0, 0, 0.88);\n    --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n    --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n    --reactist-content-toast: rgb(255, 255, 255);\n    --reactist-content-positive: rgb(5, 133, 39);\n    --reactist-content-danger: rgb(209, 69, 59);\n\n    /* component-specific */\n    --reactist-switch-checked: rgb(5, 133, 39);\n\n    /* alerts */\n    --reactist-alert-tone-info-icon: #1d438c;\n    --reactist-alert-tone-info-border: rgb(36, 111, 224);\n    --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n    --reactist-alert-tone-positive-icon: #035017;\n    --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n    --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n    --reactist-alert-tone-caution-icon: #5e3704;\n    --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n    --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n    --reactist-alert-tone-critical-icon: #b03d32;\n    --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n    --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n    /* toasts */\n    --reactist-toast-actionable-primary-tint: #39d1ef;\n    --reactist-toast-actionable-secondary-tint: #b6c1c3;\n    --reactist-toast-actionable-hover-fill: #506063;\n    --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n  display: inline-block;\n  margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n    display: inline-block;\n    margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--reactist-divider-secondary);\n  border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n  padding: 4px;\n  border-radius: var(--reactist-border-radius-small);\n  border: 1px solid var(--reactist-divider-secondary);\n  background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--reactist-divider-secondary);\n    border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n    padding: 4px;\n    border-radius: var(--reactist-border-radius-small);\n    border: 1px solid var(--reactist-divider-secondary);\n    background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n  color: #565d6b;\n  font-size: 14px;\n  line-height: 1.5;\n  margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n    color: rgb(86, 93, 107);\n    font-size: 14px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n  box-sizing: border-box;\n  display: flex;\n  width: 22px;\n  padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n  content: '';\n  display: block;\n  background-color: #70bc1c;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.notification-story-notification-container {\n  width: 360px;\n  max-width: none;\n}\n.notification-story-content {\n  margin-left: 10px;\n}\n.notification-story-text {\n  text-align: left;\n  margin: 0 0 4px 0;\n  color: #808080;\n}\n.notification-story-heading {\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  color: #de4c4a;\n}\n.notification-story-avatar-container {\n  margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n    box-sizing: border-box;\n    display: flex;\n    width: 22px;\n    padding-top: 4px;\n\n    &:before {\n        content: '';\n        display: block;\n        background-color: @color_green;\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n    }\n}\n\n.notification-story-notification-container {\n    width: 360px;\n    max-width: none;\n}\n\n.notification-story-content {\n    margin-left: 10px;\n}\n\n.notification-story-text {\n    text-align: left;\n    margin: 0 0 4px 0;\n    color: @secondary_font_color;\n}\n\n.notification-story-heading {\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    color: @color_red;\n}\n\n.notification-story-avatar-container {\n    margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n    margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n  font-family: var(--reactist-font-family);\n}\n.story {\n  margin: 0 40px 0 40px;\n  padding: 20px;\n  background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n    font-family: var(--reactist-font-family);\n}\n\n.story {\n    margin: 0 40px 0 40px;\n    padding: 20px;\n    background-color: white;\n\n    // checkered background\n    // @gray: whitesmoke;\n    // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n    // background-size: 20px 20px;\n    // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n  display: inline-block;\n  width: 160px;\n  text-align: right;\n  font-weight: 600;\n  margin-right: 16px;\n}\n.story.time div time {\n  text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n    span {\n        display: inline-block;\n        width: 160px;\n        text-align: right;\n        font-weight: 600;\n        margin-right: 16px;\n    }\n    time {\n        text-align: left;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n  display: block;\n  text-align: center;\n}\n.story.tooltip input {\n  margin: 0 auto;\n  width: 400px;\n}\n.story.tooltip button {\n  width: 250px;\n  margin: 100px auto;\n  padding: 100px 10px;\n  border: 1px solid black;\n  background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n  background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n    input,\n    button {\n        display: block;\n        text-align: center;\n    }\n    input {\n        margin: 0 auto;\n        width: 400px;\n    }\n    button {\n        width: 250px;\n        margin: 100px auto;\n        padding: 100px 10px;\n        border: 1px solid black;\n        background-color: palegreen;\n        &:hover,\n        &:focus {\n            background-color: lightblue;\n        }\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/menu/menu.stories.tsx":"./src/components/menu/menu.stories.tsx","./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/deprecated-modal/modal.stories.mdx":"./src/new-components/deprecated-modal/modal.stories.mdx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/modal/modal.stories.mdx":"./src/new-components/modal/modal.stories.mdx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var dropdown_Box=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Box,_React$Component);var _super=_createSuper(Box);function Box(props,context){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Box),(_this=_super.call(this,props,context))._timeout=void 0,_this._handleClickOutside=function(event){var dropdownDOMNode=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));dropdownDOMNode&&!dropdownDOMNode.contains(event.target)?_this._toggleShowBody():_this.props.allowBodyInteractions||(_this._timeout=setTimeout((function(){_this.state.showBody&&_this._toggleShowBody()}),100))},_this._toggleShowBody=function(){_this.state.showBody?(_this.props.onHideBody&&_this.props.onHideBody(),document.removeEventListener("click",_this._handleClickOutside,!0)):(_this.props.onShowBody&&_this.props.onShowBody(),document.addEventListener("click",_this._handleClickOutside,!0)),_this.setState({showBody:!_this.state.showBody})},_this._setPosition=function(body){if(body){var scrollingParent=document.getElementById(_this.props.scrolling_parent?_this.props.scrolling_parent:"");if(scrollingParent){var dropdown=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));if(!dropdown)return;var dropdownVerticalPosition=react_dom_default.a.findDOMNode(_assertThisInitialized(_this)).offsetTop,dropdownTrigger=dropdown.querySelector(".trigger");if(!dropdownTrigger)return;var dropdownTriggerHeight=dropdownTrigger.clientHeight,dropdownBodyHeight=body.clientHeight,top=scrollingParent.clientHeight+scrollingParent.scrollTop-dropdownVerticalPosition-dropdownTriggerHeight<dropdownBodyHeight;top!==_this.state.top&&_this.setState({top:top})}}},_this.state={showBody:!1,top:props.top||!1},_this._timeout=void 0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Box,[{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this._handleClickOutside,!0),this._timeout&&clearTimeout(this._timeout)}},{key:"_getTriggerComponent",value:function _getTriggerComponent(){var _this$props$children,_trigger=null===(_this$props$children=this.props.children)||void 0===_this$props$children?void 0:_this$props$children[0];return _trigger?react.cloneElement(_trigger,{onClick:this._toggleShowBody}):void 0}},{key:"_getBodyComponent",value:function _getBodyComponent(){if(!this.state.showBody)return null;var top=this.state.top,_this$props=this.props,_this$props$right=_this$props.right,right=void 0!==_this$props$right&&_this$props$right,children=_this$props.children,props={top:top,right:right,setPosition:this._setPosition},className=classnames_default()({body_wrapper:!0,with_arrow:!0,top:top,bottom:!top}),body=null==children?void 0:children[1],contentMarkup="function"==typeof body?body(props):body?react.cloneElement(body,props):void 0;return Object(jsx_runtime.jsx)("div",{className:className,style:{position:"relative"},children:contentMarkup})}},{key:"render",value:function render(){var className=classnames_default()("reactist_dropdown",this.props.className),top=this.state.top;return Object(jsx_runtime.jsxs)("div",{style:{display:"inline-block"},className:className,"data-testid":"reactist-dropdown-box",children:[top&&this._getBodyComponent(),this._getTriggerComponent(),!top&&this._getBodyComponent()]})}}]),Box}(react.Component);dropdown_Box.displayName=void 0,dropdown_Box.displayName="Dropdown.Box";var dropdown_Trigger=react.forwardRef((function Trigger(_ref,ref){var children=_ref.children,onClick=_ref.onClick,tooltip=_ref.tooltip,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(deprecated_button.a,Object.assign({},props,{className:classnames_default()("trigger",className),onClick:function handleClick(event){event.preventDefault(),event.stopPropagation(),onClick&&onClick(event)},tooltip:tooltip,ref:ref,children:children}))}));function Body(_ref2){var top=_ref2.top,right=_ref2.right,children=_ref2.children,setPosition=_ref2.setPosition,style={position:"absolute",right:0,top:0};return top&&(style.top="auto",style.bottom=0),right&&(style.right="auto",style.left=0),Object(jsx_runtime.jsx)("div",{ref:setPosition,style:style,className:"body",id:"reactist-dropdown-body","data-testid":"reactist-dropdown-body",children:children})}dropdown_Trigger.displayName="Dropdown.Trigger",Body.displayName="Body",Body.displayName="Dropdown.Body";var Dropdown={Box:dropdown_Box,Trigger:dropdown_Trigger,Body:Body};__webpack_exports__.a=Dropdown},"./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/icons/spinner.svg":function(module,exports){module.exports="data:image/svg+xml,module.exports = __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},"./src/components/keyboard-shortcut/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","translateKey","isMac"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return OverflowMenuExample}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/keyboard-shortcut/index.ts"),_new_components_button__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/button/button.tsx"),_new_components_inline__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/inline/inline.tsx"),_new_components_stack__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/stack/stack.tsx"),_new_components_columns__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/columns/columns.tsx"),___WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/menu/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MenuIndicator(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{fillRule:"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})})}function StructuredMenuItem(_ref){var icon=_ref.icon,label=_ref.label,shortcut=_ref.shortcut;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{space:"small",width:"full",flexGrow:1,children:[icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content","aria-hidden":!0,children:icon}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{children:label})}),shortcut?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__.a,{children:shortcut})}):null]})}MenuIndicator.displayName="MenuIndicator",__webpack_exports__.default={title:"Components/Menu",component:___WEBPACK_IMPORTED_MODULE_20__.a,parameters:{badges:["accessible"]}},StructuredMenuItem.displayName="StructuredMenuItem";var SimpleMenuExample=function SimpleMenuExample(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13__.useState(!1),2),flag=_React$useState2[0],setFlag=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"Some menu examples"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_inline__WEBPACK_IMPORTED_MODULE_17__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"primary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"Simple menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Simple menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:"Edit"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Copy"),children:"Copy"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Paste"),children:"Paste"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:"Duplicate"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove"),children:"Remove"})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"secondary",tooltip:"And a tooltip too",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With sub-menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"With sub-menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{as:"a",href:"https://github.com/Doist/reactist",target:"_blank",rel:"noreferrer noopener",children:"Reactist on Github"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("About Reactist…"),children:"About Reactist…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Check for updates…"),children:"Check for updates…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.f,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{children:"Preferences"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Settings"),children:"Settings"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Extensions"),children:"Extensions"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Notifications"),children:"Notifications"})]})]})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"tertiary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With extra features"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Menu with extra features",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"✏",label:"Edit"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"👯‍♀️️",label:"Duplicate",shortcut:"Cmd + D"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:function onSelect(){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(flag?"Toggle off":"Toggle on")(flag?"👎":"👍"),setFlag((function(f){return!f})),!1},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:flag?"👍":"👎",label:"Toggle thumbs up or down"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.c,{label:"Dangerous options",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove first"),children:"Remove first"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove completed"),children:"Remove completed"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{disabled:!0,onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove all"),children:"Remove all (disabled)"})]})]})]})]})]})};function OverflowIcon(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})})}function Item(_ref2){var value=_ref2.value,name=_ref2.name;function getLabel(actionName){return actionName+" '"+name+"'"}var ariaLabel=getLabel("Options menu for");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{as:"li",border:"primary",borderRadius:"standard",padding:"small",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:name}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{onItemSelect:function onItemSelect(itemValue){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(String(itemValue)+" '"+name+"'")(value)},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"quaternary",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(OverflowIcon,{}),"aria-label":ariaLabel}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":ariaLabel,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"edit",children:getLabel("Edit")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"duplicate",children:getLabel("Duplicate")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"remove",children:getLabel("Remove")})]})]})})]})}SimpleMenuExample.displayName="SimpleMenuExample",OverflowIcon.displayName="OverflowIcon",Item.displayName="Item";var items=[{value:"1",name:"First item"},{value:"2",name:"Second item"},{value:"3",name:"Third item"}],OverflowMenuExample=function OverflowMenuExample(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"A list of items with an overflow options menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"This example is meant to be expanded with future features we plan to support (such as allowing to control the visible state of the menu from outside, and allow it to be used as a context menu)."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_stack__WEBPACK_IMPORTED_MODULE_18__.a,{as:"ul",space:"small",children:items.map((function(item,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(Item,Object.assign({},item),index)}))})]})};OverflowMenuExample.displayName="OverflowMenuExample",SimpleMenuExample.parameters=Object.assign({storySource:{source:"function SimpleMenuExample() {\n    const [flag, setFlag] = React.useState(false)\n    return (\n        <section className=\"story\">\n            <p>Some menu examples</p>\n            <Inline space=\"large\">\n                <Menu>\n                    <MenuButton as={Button} variant=\"primary\" endIcon={<MenuIndicator />}>\n                        Simple menu\n                    </MenuButton>\n                    <MenuList aria-label=\"Simple menu\">\n                        <MenuItem onSelect={action('Edit')}>Edit</MenuItem>\n                        <MenuItem onSelect={action('Copy')}>Copy</MenuItem>\n                        <MenuItem onSelect={action('Paste')}>Paste</MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>Duplicate</MenuItem>\n                        <MenuItem onSelect={action('Remove')}>Remove</MenuItem>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton\n                        as={Button}\n                        variant=\"secondary\"\n                        tooltip=\"And a tooltip too\"\n                        endIcon={<MenuIndicator />}\n                    >\n                        With sub-menu\n                    </MenuButton>\n                    <MenuList aria-label=\"With sub-menu\">\n                        <MenuItem\n                            as=\"a\"\n                            href=\"https://github.com/Doist/reactist\"\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                        >\n                            Reactist on Github\n                        </MenuItem>\n                        <MenuItem onSelect={action('About Reactist…')}>About Reactist…</MenuItem>\n                        <MenuItem onSelect={action('Check for updates…')}>\n                            Check for updates…\n                        </MenuItem>\n                        <hr />\n                        <SubMenu>\n                            <MenuButton>Preferences</MenuButton>\n                            <MenuList>\n                                <MenuItem onSelect={action('Settings')}>Settings</MenuItem>\n                                <MenuItem onSelect={action('Extensions')}>Extensions</MenuItem>\n                                <hr />\n                                <MenuItem onSelect={action('Notifications')}>\n                                    Notifications\n                                </MenuItem>\n                            </MenuList>\n                        </SubMenu>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton as={Button} variant=\"tertiary\" endIcon={<MenuIndicator />}>\n                        With extra features\n                    </MenuButton>\n                    <MenuList aria-label=\"Menu with extra features\">\n                        <MenuItem onSelect={action('Edit')}>\n                            <StructuredMenuItem icon=\"✏\" label=\"Edit\" />\n                        </MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>\n                            <StructuredMenuItem icon=\"👯‍♀️️\" label=\"Duplicate\" shortcut=\"Cmd + D\" />\n                        </MenuItem>\n                        <MenuItem\n                            onSelect={() => {\n                                action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n                                setFlag((f) => !f)\n                                return false // This prevents the menu from closing\n                            }}\n                        >\n                            <StructuredMenuItem\n                                icon={flag ? '👍' : '👎'}\n                                label=\"Toggle thumbs up or down\"\n                            />\n                        </MenuItem>\n                        <hr />\n                        <MenuGroup label=\"Dangerous options\">\n                            <MenuItem onSelect={action('Remove first')}>Remove first</MenuItem>\n                            <MenuItem onSelect={action('Remove completed')}>\n                                Remove completed\n                            </MenuItem>\n                            <MenuItem disabled onSelect={action('Remove all')}>\n                                Remove all (disabled)\n                            </MenuItem>\n                        </MenuGroup>\n                    </MenuList>\n                </Menu>\n            </Inline>\n        </section>\n    )\n}"}},SimpleMenuExample.parameters),OverflowMenuExample.parameters=Object.assign({storySource:{source:'function OverflowMenuExample() {\n    return (\n        <section className="story">\n            <p>A list of items with an overflow options menu</p>\n            <p>\n                This example is meant to be expanded with future features we plan to support (such\n                as allowing to control the visible state of the menu from outside, and allow it to\n                be used as a context menu).\n            </p>\n            <Stack as="ul" space="small">\n                {items.map((item, index) => (\n                    <Item key={index} {...item} />\n                ))}\n            </Stack>\n        </section>\n    )\n}'}},OverflowMenuExample.parameters)},"./src/components/menu/menu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuButton})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MenuList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SubMenu})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MenuGroup}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),react_focus_lock__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/utils/polymorphism.ts"),ariakit_menu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-state.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-button.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ariakit/esm/menu/menu.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-item.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-group.js"),ariakit_portal__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=(__webpack_require__("./src/components/menu/menu.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onItemSelect"],_excluded2=["exceptionallySetClassName"],_excluded3=["exceptionallySetClassName"],_excluded4=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName","as"],_excluded5=["label","children","exceptionallySetClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext({});function Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,_excluded),state=ariakit_menu__WEBPACK_IMPORTED_MODULE_18__.a(Object.assign({focusLoop:!0,gutter:8,shift:4},props)),handleItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function(){return{state:state,handleItemSelect:handleItemSelect}}),[state,handleItemSelect]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(MenuContext.Provider,{value:value,children:children})}Menu.displayName="Menu";var MenuButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuButton(_ref2,ref){var exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menubutton",exceptionallySetClassName)}))})),MenuList=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuList(_ref3,ref){var exceptionallySetClassName=_ref3.exceptionallySetClassName,props=_objectWithoutProperties(_ref3,_excluded3),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_portal__WEBPACK_IMPORTED_MODULE_23__.a,{preserveTabOrder:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_focus_lock__WEBPACK_IMPORTED_MODULE_16__.a,{returnFocus:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menulist",exceptionallySetClassName)}))})}):null})),MenuItem=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuItem(_ref4,ref){var value=_ref4.value,children=_ref4.children,onSelect=_ref4.onSelect,_ref4$hideOnSelect=_ref4.hideOnSelect,hideOnSelect=void 0===_ref4$hideOnSelect||_ref4$hideOnSelect,onClick=_ref4.onClick,exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$as=_ref4.as,as=void 0===_ref4$as?"button":_ref4$as,props=_objectWithoutProperties(_ref4,_excluded4),_React$useContext3=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_React$useContext3.state,hide=state.hide,handleClick=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},props,{as:as,state:state,ref:ref,onClick:handleClick,className:exceptionallySetClassName,hideOnClick:!1,children:children}))})),SubMenu=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SubMenu(_ref5,ref){var children=_ref5.children,onItemSelect=_ref5.onItemSelect,_React$useContext4=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_React$useContext4.state,parentMenuHide=state.hide,handleSubItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1],menuProps=Object(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.b)({state:state});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Menu,{onItemSelect:handleSubItemSelect,children:[react__WEBPACK_IMPORTED_MODULE_14__.cloneElement(button,Object.assign({},menuProps,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(menuProps.className,"reactist_submenu_button"),ref:ref})),list]})})),MenuGroup=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuGroup(_ref6,ref){var label=_ref6.label,children=_ref6.children,exceptionallySetClassName=_ref6.exceptionallySetClassName,props=_objectWithoutProperties(_ref6,_excluded5),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_menu__WEBPACK_IMPORTED_MODULE_22__.a,Object.assign({},props,{ref:ref,state:state,className:exceptionallySetClassName,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div",{role:"presentation",className:"reactist_menugroup__label",children:label}):null,children]}))}));try{Menu.displayName="Menu",Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it. Note that if you are relying on the `[role='menu']`\nattribute to style the menu list, it is applied a `menubar` role instead in Safari.",displayName:"Menu",props:{placement:{defaultValue:{value:'"bottom"'},description:"The placement of the popover.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},fixed:{defaultValue:{value:"false"},description:"Whether the popover has `position: fixed` or not.",name:"fixed",required:!1,type:{name:"boolean | undefined"}},shift:{defaultValue:{value:"0"},description:"The skidding of the popover along the anchor element.",name:"shift",required:!1,type:{name:"number | undefined"}},orientation:{defaultValue:{value:'"both"'},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n  - `both`: all arrow keys work.\n  - `horizontal`: only left and right arrow keys work.\n  - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},values:{defaultValue:null,description:"A map of names and values that will be used by the `MenuItemCheckbox` and\n`MenuItemRadio` components.",name:"values",required:!1,type:{name:"Values | undefined"}},items:{defaultValue:null,description:"Lists all the items with their `ref`s. This state is automatically updated\nwhen an item is registered or unregistered with the `registerItem`\nfunction. The order of the items is automatically defined by the order of\nthe elements in the DOM.\n@example const { items } = useCollectionState();\nitems.forEach((item) => {\n  const { ref } = item;\n  ...\n});",name:"items",required:!1,type:{name:"Item[] | undefined"}},virtualFocus:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of [roving\ntabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual\nfocus.",name:"virtualFocus",required:!1,type:{name:"boolean | undefined"}},rtl:{defaultValue:{value:"false"},description:'Determines how the `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},focusLoop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n  - `true` loops from the last item to the first item and vice-versa.\n  - `horizontal` loops only if `orientation` is `horizontal` or not set.\n  - `vertical` loops only if `orientation` is `vertical` or not set.\n  - If `activeId` is initially set to `null`, the composite element will be\n    focused in between the last and first items.\n\nOn two-dimensional composites:\n  - `true` loops from the last row/column item to the first item in the\n    same row/column and vice-versa. If it's the last item in the last row,\n    it moves to the first item in the first row and vice-versa.\n  - `horizontal` loops only from the last row item to the first item in the\n    same row.\n  - `vertical` loops only from the last column item to the first item in\n    the column row.\n  - If `activeId` is initially set to `null`, vertical loop will have no\n    effect as moving down from the last row or up from the first row will\n    focus the composite element.\n  - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the\n    last item in the last row or column and the first item in the first row\n    or column and vice-versa.",name:"focusLoop",required:!1,type:{name:"boolean | Orientation | undefined"}},focusWrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n  - `true` wraps between rows and columns.\n  - `horizontal` wraps only between rows.\n  - `vertical` wraps only between columns.\n  - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"focusWrap",required:!1,type:{name:"boolean | Orientation | undefined"}},focusShift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"focusShift",required:!1,type:{name:"boolean | undefined"}},moves:{defaultValue:{value:"0"},description:"The number of times the `move` function has been called.\n@example const composite = useCompositeState();\ncomposite.moves; // 0\ncomposite.move(null);\n// On the next render\ncomposite.moves; // 1",name:"moves",required:!1,type:{name:"number | undefined"}},includesBaseElement:{defaultValue:{value:"false"},description:"Indicates whether the `Composite` element should be included in the focus\norder.",name:"includesBaseElement",required:!1,type:{name:"boolean | undefined"}},activeId:{defaultValue:null,description:"The current focused item `id`.\n  - `undefined` will automatically focus the first enabled composite item.\n  - `null` will focus the base composite element and users will be able to\n    navigate out of it using arrow keys.\n  - If `activeId` is initially set to `null`, the base composite element\n    itself will have focus and users will be able to navigate to it using\n    arrow keys.",name:"activeId",required:!1,type:{name:"string | null | undefined"}},animated:{defaultValue:{value:"false"},description:"Determines whether the content should animate when it is shown or hidden.\n  - If `true`, the `animating` state will be `true` when the content is\n    shown or hidden and it will wait for `stopAnimation` to be called or a\n    CSS animation/transition to end before becoming `false`.\n  - If it's set to a number, the `animating` state will be `true` when the\n    content is shown or hidden and it will wait for the number of\n    milliseconds to pass before becoming `false`.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},getAnchorRect:{defaultValue:null,description:"Function that returns the anchor element's DOMRect. If this is explicitly\npassed, it will override the anchor `getBoundingClientRect` method.",name:"getAnchorRect",required:!1,type:{name:"((anchor: HTMLElement | null) => AnchorRect | null) | undefined"}},gutter:{defaultValue:{value:"0"},description:"The distance between the popover and the anchor element. By default, it's 0\nplus half of the arrow offset, if it exists.",name:"gutter",required:!1,type:{name:"number | undefined"}},flip:{defaultValue:{value:"true"},description:'Controls the behavior of the popover when it overflows the viewport.\n\nIf a boolean, specifies whether the popover should flip to the opposite side\nwhen it overflows.\n\nIf a string, indicates the preferred fallback placements when it overflows.\nThe placements must be spaced-delimited, e.g. "top left".\n@example  ```jsx\n const popover = usePopoverState({\n     placement: "right",\n     // In case the `right` placement overflows the viewport,\n     // the placement will fallback to the `bottom` or `top`,\n     // in that order, depending on where it fits.\n     flip: "bottom top",\n });\n```',name:"flip",required:!1,type:{name:"string | boolean | undefined"}},slide:{defaultValue:{value:"true"},description:"Whether the popover should slide when it overflows.",name:"slide",required:!1,type:{name:"boolean | undefined"}},overlap:{defaultValue:{value:"false"},description:"Whether the popover can overlap the anchor element when it overflows.",name:"overlap",required:!1,type:{name:"boolean | undefined"}},sameWidth:{defaultValue:{value:"false"},description:"Whether the popover should have the same width as the anchor element. This\nwill be exposed to CSS as `--popover-anchor-width`.",name:"sameWidth",required:!1,type:{name:"boolean | undefined"}},fitViewport:{defaultValue:{value:"false"},description:"Whether the popover should fit the viewport. If this is set to true, the\npopover wrapper will have `maxWidth` and `maxHeight` set to the viewport\nsize. This will be exposed to CSS as `--popover-available-width` and\n`--popover-available-height`.",name:"fitViewport",required:!1,type:{name:"boolean | undefined"}},arrowPadding:{defaultValue:{value:"4"},description:"The minimum padding between the arrow and the popover corner.",name:"arrowPadding",required:!1,type:{name:"number | undefined"}},overflowPadding:{defaultValue:{value:"8"},description:"The minimum padding between the popover and the viewport edge. This will be\nexposed to CSS as `--popover-overflow-padding`.",name:"overflowPadding",required:!1,type:{name:"number | undefined"}},renderCallback:{defaultValue:null,description:"A function that will be called when the popover needs to calculate its\nstyles. It will override the internal behavior.",name:"renderCallback",required:!1,type:{name:"((props: PopoverStateRenderCallbackProps) => void | (() => void)) | undefined"}},timeout:{defaultValue:{value:"500"},description:"The amount of time in milliseconds to wait before showing or hiding the\npopover.",name:"timeout",required:!1,type:{name:"number | undefined"}},showTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **showing** the popover.\nIt defaults to the value passed to `timeout`.",name:"showTimeout",required:!1,type:{name:"number | undefined"}},hideTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **hiding** the popover.\nIt defaults to the value passed to `timeout`.",name:"hideTimeout",required:!1,type:{name:"number | undefined"}},setItems:{defaultValue:null,description:"Function that will be called when setting the collection `items` state.\n@example // Uncontrolled example\nuseCollectionState({ setItems: (items) => console.log(items) });\n@example // Controlled example\nconst [items, setItems] = useState([]);\nuseCollectionState({ items, setItems });\n@example // Externally controlled example\nfunction Items({ items, onItemsChange }) {\n  const collection = useCollectionState({\n    items,\n    setItems: onItemsChange,\n  });\n}",name:"setItems",required:!1,type:{name:"((items: Item[]) => void) | undefined"}},defaultActiveId:{defaultValue:null,description:'The composite item id that should be focused when the composite is\ninitialized.\n@example ```jsx\nconst composite = useCompositeState({ defaultActiveId: "item-2" });\n<Composite state={composite}>\n  <CompositeItem>Item 1</CompositeItem>\n  <CompositeItem id="item-2">Item 2</CompositeItem>\n  <CompositeItem>Item 3</CompositeItem>\n</Composite>\n```',name:"defaultActiveId",required:!1,type:{name:"string | null | undefined"}},setMoves:{defaultValue:null,description:"Function that will be called when setting the composite `moves` state.\n@example const [moves, setMoves] = useState(0);\nuseCompositeState({ moves, setMoves });",name:"setMoves",required:!1,type:{name:"((moves: number) => void) | undefined"}},setActiveId:{defaultValue:null,description:"Function that will be called when setting the composite `activeId`.\n@example function MyComposite({ activeId, onActiveIdChange }) {\n  const composite = useCompositeState({\n    activeId,\n    setActiveId: onActiveIdChange,\n  });\n}",name:"setActiveId",required:!1,type:{name:"((activeId: string | null | undefined) => void) | undefined"}},defaultVisible:{defaultValue:{value:"false"},description:"The default visibility state of the content.",name:"defaultVisible",required:!1,type:{name:"boolean | undefined"}},setVisible:{defaultValue:null,description:"Function that will be called when setting the disclosure `visible` state.\n@example // Uncontrolled example\nuseDisclosureState({ setVisible: (visible) => console.log(visible) });\n@example // Controlled example\nconst [visible, setVisible] = useState(false);\nuseDisclosureState({ visible, setVisible });\n@example // Externally controlled example\nfunction MyDisclosure({ visible, onVisibleChange }) {\n  const disclosure = useDisclosureState({\n    visible,\n    setVisible: onVisibleChange,\n  });\n}",name:"setVisible",required:!1,type:{name:"((visible: boolean) => void) | undefined"}},defaultValues:{defaultValue:null,description:"A default map of names and values that will be used by the\n`MenuItemCheckbox` and `MenuItemRadio` components.",name:"defaultValues",required:!1,type:{name:"Values | undefined"}},setValues:{defaultValue:null,description:"Function that will be called when setting the menu `values` state.\n@example const [values, setValues] = useState({});\n// Combining the values from two menus into a single state.\nconst menu = useMenuState({ values, setValues });\nconst submenu = useMenuState({ values, setValues });",name:"setValues",required:!1,type:{name:"((values: Values) => void) | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{SubMenu.displayName="SubMenu",SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n<MenuItem label="Edit profile" />\n<SubMenu>\n  <MenuButton>More options</MenuButton>\n  <MenuList>\n    <MenuItem label="Preferences" />\n    <MenuItem label="Sign out" />\n  </MenuList>\n</SubMenu>\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-state.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-anchor.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/components/tooltip/tooltip.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","content","position","gapSize","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function useDelayedTooltipState(initialState){var tooltipState=Object(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__.a)(initialState),delay=function useDelay(){var timeoutRef=react__WEBPACK_IMPORTED_MODULE_5__.useRef(),clearTimeouts=react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function clearTimeouts(){null!=timeoutRef.current&&clearTimeout(timeoutRef.current)}),[]);return react__WEBPACK_IMPORTED_MODULE_5__.useEffect((function(){return clearTimeouts}),[clearTimeouts]),react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function delay(fn,delay){return function(){clearTimeouts(),timeoutRef.current=setTimeout(fn,delay)}}),[clearTimeouts])}();return react__WEBPACK_IMPORTED_MODULE_5__.useMemo((function(){return Object.assign({},tooltipState,{show:delay((function(){return tooltipState.show()}),500),hide:delay((function(){return tooltipState.hide()}),100)})}),[delay,tooltipState])}function Tooltip(_ref){var children=_ref.children,content=_ref.content,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$gapSize=_ref.gapSize,gapSize=void 0===_ref$gapSize?3:_ref$gapSize,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded),state=useDelayedTooltipState({placement:position,gutter:gapSize}),child=react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);if(!content||!child)return child;if("string"==typeof child.ref)throw new Error("Tooltip: String refs cannot be used as they cannot be forwarded");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__.a,{state:state,ref:child.ref,onFocus:function handleFocus(event){var _child$props,_child$props$onFocus;event.currentTarget.addEventListener("keyup",(function handleKeyUp(e){var eventKey=e.key;"Escape"!==eventKey&&"Enter"!==eventKey&&"Space"!==eventKey&&state.show()}),{once:!0}),event.preventDefault(),null==child||null===(_child$props=child.props)||void 0===_child$props||null===(_child$props$onFocus=_child$props.onFocus)||void 0===_child$props$onFocus||_child$props$onFocus.call(_child$props,event)},children:function children(anchorProps){return react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(child,Object.assign({},anchorProps,child.props))}}),state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{state:state,className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("reactist_tooltip",className),children:"function"==typeof content?content():content})):null]})}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"div"'}]}},portalRef:{defaultValue:null,description:"`portalRef` is similar to `ref` but is scoped to the portal node. It's\nuseful when you need to be informed when the portal element is appended to\nthe DOM or removed from the DOM.\n@example const [portalElement, setPortalElement] = useState(null);\n<Portal portalRef={setPortalElement} />;",name:"portalRef",required:!1,type:{name:"((instance: HTMLElement | null) => void) | MutableRefObject<HTMLElement> | undefined"}},portal:{defaultValue:{value:"true"},description:"Determines whether the element should be rendered as a React Portal.",name:"portal",required:!1,type:{name:"boolean | undefined"}},portalElement:{defaultValue:{value:"HTMLDivElement"},description:'An HTML element or a memoized callback function that returns an HTML\nelement to be used as the portal element. By default, the portal element\nwill be a `div` element appended to the `document.body`.\n@example const [portal, setPortal] = useState(null);\n<Portal portalElement={portal} />;\n<div ref={setPortal} />;\n@example const getPortalElement = useCallback(() => {\n  const div = document.createElement("div");\n  const portalRoot = document.getElementById("portal-root");\n  portalRoot.appendChild(div);\n  return div;\n}, []);\n<Portal portalElement={getPortalElement} />;',name:"portalElement",required:!1,type:{name:"HTMLElement | ((element: HTMLElement) => HTMLElement | null) | null | undefined"}},hideOnEscape:{defaultValue:{value:"true"},description:"Determines whether the tooltip will be hidden when the user presses the\nEscape key.",name:"hideOnEscape",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},hideOnControl:{defaultValue:{value:"false"},description:"Determines whether the tooltip will be hidden when the user presses the\nControl key. This has been proposed as an alternative to the Escape key,\nwhich may introduce some issues, especially when tooltips are used within\ndialogs that also hide on Escape. See\nhttps://github.com/w3c/aria-practices/issues/1506",name:"hideOnControl",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},wrapperProps:{defaultValue:null,description:"Props that will be passed to the popover wrapper element. This element will\nbe used to position the popover.",name:"wrapperProps",required:!1,type:{name:"HTMLAttributes<HTMLDivElement> | undefined"}},wrapElement:{defaultValue:null,description:"",name:"wrapElement",required:!1,type:{name:"WrapElement | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode | (() => ReactNode)"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,closeLabel=_ref.closeLabel,text="long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"xxlarge",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_1__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_4__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp<AvatarSize> | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return badge_stories_mainDemo}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),variantClassName=badge_module_default.a["badge-"+variant];return Object(jsx_runtime.jsx)(box.a,Object.assign({},rest,{className:[badge_module_default.a.badge,variantClassName],children:children}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{variant:{defaultValue:{value:"neutral"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"color"'},{value:'"positive"'},{value:'"neutral"'}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function badge_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(columns.b,{space:"large",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"neutral",mdxType:"Badge"},"Neutral")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"positive",mdxType:"Badge"},"Positive")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"color",mdxType:"Badge"},"Color"))))),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available so that the badge's colors can be customized:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"--reactist-badge-neutral-background\n--reactist-badge-neutral-foreground\n\n--reactist-badge-positive-background\n--reactist-badge-positive-foreground\n\n--reactist-badge-color-background\n--reactist-badge-color-foreground\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var badge_stories_mainDemo=function mainDemo(){return Object(esm.b)(columns.b,{space:"large"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"neutral"},"Neutral")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"positive"},"Positive")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"color"},"Color")))};badge_stories_mainDemo.displayName="mainDemo",badge_stories_mainDemo.storyName="Main demo",badge_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Columns space="large">\n            <Column width="content">\n                <Badge variant="neutral">Neutral</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="positive">Positive</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="color">Color</Badge>\n            </Column>\n        </Columns>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo"]},mdxStoryNameToKey={"Main demo":"mainDemo"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"<BaseButton>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _components_tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_tooltip__WEBPACK_IMPORTED_MODULE_5__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_text__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_9__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},tone:{defaultValue:{value:"neutral"},description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},children:{defaultValue:null,description:"Used internally by components composed using `BaseField`. It is not exposed as part of\nthe public props of such components.",name:"children",required:!0,type:{name:"(props: ChildrenRenderProps) => ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#BaseField"]={docgenInfo:BaseField.__docgenInfo,name:"BaseField",path:"src/new-components/base-field/base-field.tsx#BaseField"})}catch(__react_docgen_typescript_loader_error){}try{FieldHint.displayName="FieldHint",FieldHint.__docgenInfo={description:"",displayName:"FieldHint",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldHint"]={docgenInfo:FieldHint.__docgenInfo,name:"FieldHint",path:"src/new-components/base-field/base-field.tsx#FieldHint"})}catch(__react_docgen_typescript_loader_error){}try{FieldMessage.displayName="FieldMessage",FieldMessage.__docgenInfo={description:"",displayName:"FieldMessage",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldMessage"]={docgenInfo:FieldMessage.__docgenInfo,name:"FieldMessage",path:"src/new-components/base-field/base-field.tsx#FieldMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/box.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Using the Box component",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Tips and tricks about the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Box")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"You don't need the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"classNames")," helper as often now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The new ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"className")," prop receives the same kind of values supported by this helper. So you can do things like this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Box className={classNames(styles.container, 'custom-class-name')} />\n\n// …can be written like this\n<Box className={[styles.container, 'custom-class-name']} />\n\n// Other examples:\n<Box\n  className={[\n    styles.container,\n    isReadOnly ? styles.readOnly : null,\n    { [styles.disabled]: isDisabled },\n  ]}\n/>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Granted, this is only supported in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box"),". This is because the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," is the only design system component that officially supports custom styles. Remember that for the other components you can use ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"exceptionallySetClassName"),", but this one is an escape hatch, that we should aim to not use as much as the design system matures. So this one does not support that feature."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingX")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingY")," shorthand props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component has props to set its padding in all four direction: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft"),". You have probably noticed that we can set them all at once with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"padding"),". But you might have missed the fact that we can set the padding in one of the two dimensions at once as well. This is achieved with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingX")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),") and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingY")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// A box with a large padding left and right, and a small padding top and bottom\n<Box paddingX="large" paddingY="small" />\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The same applies to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"margin*")," props."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Using the Box component",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/box/box.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"PaddingStory",(function(){return PaddingStory})),__webpack_require__.d(__webpack_exports__,"MarginStory",(function(){return MarginStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_box__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/heading/heading.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Box",component:_box__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:children})}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes=Object.assign({children:{control:{type:"text"},defaultValue:"The quick brown fox jumps over the lazy dog."},display:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["block","inlineBlock","inline","flex","none"],"block"),flexDirection:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["column","row"],"row"),flexWrap:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["wrap","nowrap"],"nowrap"),alignItems:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","baseline"],"none"),justifyContent:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","spaceBetween"],"none"),textAlign:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["start","center","end","justify"],"none"),background:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["default","aside","highlight","selected","toast"],"none"),borderRadius:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["standard","none","full"],"none")},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.e)());var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Stacks elements on mobile",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{display:"flex",flexDirection:{mobile:"column",tablet:"row"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:30})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches horizontal alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{backgroundColor:"lightgreen"},display:"flex",justifyContent:{mobile:"flexStart",tablet:"center",desktop:"flexEnd"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"One"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Two"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Three"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches vertical alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{height:"120px"},display:"flex",alignItems:{mobile:"flexEnd",tablet:"center",desktop:"flexStart"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:60}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:90})]})})]})]})};function PaddedBox(_ref2){var _paddingProp,prop=_ref2.prop,value=_ref2.value,paddingProp=((_paddingProp={})[prop]=value,_paddingProp);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",border:"primary"},paddingProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",padding:"medium",background:"selected",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})})}))}PaddedBox.displayName="PaddedBox";var PaddingStory=function PaddingStory(_ref3){var padding=_ref3.padding;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The transparent bordered box has padding"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"padding",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingX",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingY",value:padding})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingTop",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingRight",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingBottom",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingLeft",value:padding})]})]})};PaddingStory.displayName="PaddingStory",PaddingStory.argTypes={padding:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.h)("medium")};var marginToPadding={margin:"padding",marginX:"paddingX",marginY:"paddingY",marginTop:"paddingTop",marginRight:"paddingRight",marginBottom:"paddingBottom",marginLeft:"paddingLeft"},marginBoxStyle={opacity:.5,minHeight:100,minWidth:100};function MarginBox(_ref4){var _marginProp,_ref5,prop=_ref4.prop,value=_ref4.value,marginProp=((_marginProp={})[prop]=value,_marginProp),outerPaddingToCompensateNegativeMargin=value.startsWith("-")?((_ref5={})[marginToPadding[prop]]=value.slice(1),_ref5):void 0;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},outerPaddingToCompensateNegativeMargin,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",border:"primary",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",padding:"medium",background:"selected",display:"flex",alignItems:"center",justifyContent:"center",style:marginBoxStyle},marginProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})}))})}))})}MarginBox.displayName="MarginBox";var MarginStory=function MarginStory(_ref6){var margin=_ref6.margin;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The shaded box has margin"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:"When margin is negative, you will see the outer bordered box appear to be inside the shaded box."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"margin",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginX",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginY",value:margin})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginTop",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginRight",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginBottom",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginLeft",value:margin})]})})]})};MarginStory.displayName="MarginStory",MarginStory.argTypes={margin:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["xxlarge","xlarge","large","medium","small","xsmall","none","-xsmall","-small","-medium","-large","-xlarge","-xxlarge"],"medium")},InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({ children, ...props }: PartialProps<typeof Box>) {\n    return (\n        <Wrapper>\n            <Box {...props}>\n                <Text>{children}</Text>\n            </Box>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Stacks elements on mobile">\n                    <Box display="flex" flexDirection={{ mobile: \'column\', tablet: \'row\' }}>\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={30} />\n                        <Placeholder label="Three" height={30} />\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches horizontal alignment depending on viewport size">\n                    <Box\n                        style={{ backgroundColor: \'lightgreen\' }}\n                        display="flex"\n                        justifyContent={{\n                            mobile: \'flexStart\',\n                            tablet: \'center\',\n                            desktop: \'flexEnd\',\n                        }}\n                    >\n                        <div>One</div>\n                        <div>Two</div>\n                        <div>Three</div>\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches vertical alignment depending on viewport size">\n                    <Box\n                        style={{ height: \'120px\' }}\n                        display="flex"\n                        alignItems={{\n                            mobile: \'flexEnd\',\n                            tablet: \'center\',\n                            desktop: \'flexStart\',\n                        }}\n                    >\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={60} />\n                        <Placeholder label="Three" height={90} />\n                    </Box>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),PaddingStory.parameters=Object.assign({storySource:{source:'function PaddingStory({ padding }: { padding: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The transparent bordered box has padding</Heading>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="padding" value={padding} />\n                <PaddedBox prop="paddingX" value={padding} />\n                <PaddedBox prop="paddingY" value={padding} />\n            </Inline>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="paddingTop" value={padding} />\n                <PaddedBox prop="paddingRight" value={padding} />\n                <PaddedBox prop="paddingBottom" value={padding} />\n                <PaddedBox prop="paddingLeft" value={padding} />\n            </Inline>\n        </Stack>\n    )\n}'}},PaddingStory.parameters),MarginStory.parameters=Object.assign({storySource:{source:'function MarginStory({ margin }: { margin: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The shaded box has margin</Heading>\n            <Text>\n                When margin is negative, you will see the outer bordered box appear to be inside the\n                shaded box.\n            </Text>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="margin" value={margin} />\n                    <MarginBox prop="marginX" value={margin} />\n                    <MarginBox prop="marginY" value={margin} />\n                </Inline>\n            </Box>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="marginTop" value={margin} />\n                    <MarginBox prop="marginRight" value={margin} />\n                    <MarginBox prop="marginBottom" value={margin} />\n                    <MarginBox prop="marginLeft" value={margin} />\n                </Inline>\n            </Box>\n        </Stack>\n    )\n}'}},MarginStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveProp<BoxPosition> | undefined"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveProp<BoxDisplay> | undefined"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveProp<BoxFlexDirection> | undefined"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"nowrap"'},{value:'"wrap"'}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveProp<BoxAlignItems> | undefined"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveProp<BoxAlignSelf> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveProp<BoxJustifyContent> | undefined"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"hidden"'},{value:'"auto"'},{value:'"visible"'},{value:'"scroll"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"full"'}]}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{PaddingStory.displayName="PaddingStory",PaddingStory.__docgenInfo={description:"",displayName:"PaddingStory",props:{padding:{defaultValue:null,description:"",name:"padding",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#PaddingStory"]={docgenInfo:PaddingStory.__docgenInfo,name:"PaddingStory",path:"src/new-components/box/box.stories.tsx#PaddingStory"})}catch(__react_docgen_typescript_loader_error){}try{MarginStory.displayName="MarginStory",MarginStory.__docgenInfo={description:"",displayName:"MarginStory",props:{margin:{defaultValue:null,description:"",name:"margin",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#MarginStory"]={docgenInfo:MarginStory.__docgenInfo,name:"MarginStory",path:"src/new-components/box/box.stories.tsx#MarginStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/responsive-props.ts"),_box_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.module.css"),_box_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_box_module_css__WEBPACK_IMPORTED_MODULE_8__),_padding_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/padding.module.css"),_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_padding_module_css__WEBPACK_IMPORTED_MODULE_9__),_margin_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/margin.module.css"),_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_margin_module_css__WEBPACK_IMPORTED_MODULE_10__),_width_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/box/width.module.css"),_width_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_width_module_css__WEBPACK_IMPORTED_MODULE_11__),_excluded=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref$as=_ref.as,component=void 0===_ref$as?"div":_ref$as,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,display=_ref.display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,textAlign=_ref.textAlign,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,margin=_ref.margin,marginY=_ref.marginY,marginX=_ref.marginX,marginTop=_ref.marginTop,marginRight=_ref.marginRight,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,resolvedMarginTop=null!==(_ref6=null!=marginTop?marginTop:marginY)&&void 0!==_ref6?_ref6:margin,resolvedMarginRight=null!==(_ref7=null!=marginRight?marginRight:marginX)&&void 0!==_ref7?_ref7:margin,resolvedMarginBottom=null!==(_ref8=null!=marginBottom?marginBottom:marginY)&&void 0!==_ref8?_ref8:margin,resolvedMarginLeft=null!==(_ref9=null!=marginLeft?marginLeft:marginX)&&void 0!==_ref9?_ref9:margin,omitFlex=!display||"string"==typeof display&&"flex"!==display&&"inlineFlex"!==display;return react__WEBPACK_IMPORTED_MODULE_4__.createElement(component,Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.box,display?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"display",display):null,"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"textAlign",textAlign),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingLeft",resolvedPaddingLeft),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginTop",resolvedMarginTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginRight",resolvedMarginRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginBottom",resolvedMarginBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginLeft",resolvedMarginLeft),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexDirection",flexDirection),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexWrap",flexWrap),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignItems",alignItems),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"justifyContent",justifyContent),null!=alignSelf?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignSelf",alignSelf):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"overflow",overflow),null!=width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"width",String(width)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"border",border):null)||void 0,ref:ref}),children)}))},"./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/button-link/button-link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButtonLink",(function(){return LoadingButtonLink})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return button_link_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return button_link_stories_withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return button_link_stories_iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return button_link_stories_withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return button_link_stories_customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),base_button=__webpack_require__("./src/new-components/base-button/base-button.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","exceptionallySetClassName","openInNewTab"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_link_ButtonLink=Object(polymorphism.a)((function ButtonLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_button.a,Object.assign({},props,{as:as,ref:ref,variant:variant,tone:tone,size:size,exceptionallySetClassName:exceptionallySetClassName,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))}));try{button_link_ButtonLink.displayName="ButtonLink",button_link_ButtonLink.__docgenInfo={description:"A semantic link that looks like a button, exactly matching the `Button` component in all visual\naspects.",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link.tsx#ButtonLink"]={docgenInfo:button_link_ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}function ButtonLinkStoryWrapper(props){return Object(jsx_runtime.jsx)(button_link_ButtonLink,Object.assign({},props,{onClick:function onClick(event){var _props$onClick;event.preventDefault(),null===(_props$onClick=props.onClick)||void 0===_props$onClick||_props$onClick.call(props,event)},href:"https://doist.com"}))}ButtonLinkStoryWrapper.displayName="ButtonLinkStoryWrapper",ButtonLinkStoryWrapper.displayName="ButtonLink";try{ButtonLink.displayName="ButtonLink",ButtonLink.__docgenInfo={description:"",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"]={docgenInfo:ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}var button_link_stories_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function button_link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButtonLink(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(esm.b)(ButtonLinkStoryWrapper,_extends({},props,{loading:loading,onClick:function onClick(event){return setLoading(!0)},mdxType:"ButtonLink"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=button_link_stories_objectWithoutProperties(_ref,button_link_stories_excluded);"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),endIcon:Object(esm.b)(Icon,{mdxType:"Icon"})});return Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(esm.b)(text_text.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(esm.b)(box.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"start",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"center",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"end",mdxType:"LoadingButtonLink"}),label))))}function Template(_ref2){var label=_ref2.label,props=button_link_stories_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")),textLabel="Click me now"),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}))),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}))))))}function DarkModeTemplate(props){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(esm.b)(Template,_extends({},props,{mdxType:"Template"})))}Icon.displayName="Icon",LoadingButtonLink.displayName="LoadingButtonLink",FullWidthTemplate.displayName="FullWidthTemplate",Template.displayName="Template",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButtonLink:LoadingButtonLink,FullWidthTemplate:FullWidthTemplate,Template:Template,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=button_link_stories_objectWithoutProperties(_ref3,_excluded3);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/ButtonLink",component:button_link_ButtonLink,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"ButtonLink"),Object(esm.b)("p",null,"'A semantic link that looks like a button, exactly matching the ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink")," component in all visual\naspects.'"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ButtonLink>")),Object(esm.b)(dist_esm.d,{of:ButtonLinkStoryWrapper,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ButtonLinkStoryWrapper,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Style customization"),Object(esm.b)("p",null,"Check out ",Object(esm.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"With label and icon"),Object(esm.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(esm.b)("p",null,"Nothing prevents you from passing both a ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon before the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon after the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,"Icon-only buttons"),Object(esm.b)("p",null,"Alternatively, you can render an icon-only ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink"),". To do so use the ",Object(esm.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(esm.b)("p",null,"Icon-only buttons do not support receiving the ",Object(esm.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"}))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})))))),Object(esm.b)("h3",null,"With different size"),Object(esm.b)("p",null,"Buttons have a default ",Object(esm.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h3",null,"Customized colors"),Object(esm.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-jsx"},"<ButtonLink\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</ButtonLink>\n")),Object(esm.b)("p",null,"And here's how that look like:"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Enabled")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Disabled"))))),Object(esm.b)("h3",null,"Full-width"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(esm.b)("h3",null,"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var button_link_stories_mainDemo=function mainDemo(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};button_link_stories_mainDemo.displayName="mainDemo",button_link_stories_mainDemo.storyName="Main demo",button_link_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary">Primary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary">Secondary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary">Tertiary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary">Quaternary</ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withLabelAndIcon=function withLabelAndIcon(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon before the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,null)},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon after the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,null)},"Quaternary")))))};button_link_stories_withLabelAndIcon.displayName="withLabelAndIcon",button_link_stories_withLabelAndIcon.storyName="With label and icon",button_link_stories_withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_iconOnlyButtons=function iconOnlyButtons(){return Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)}))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0}))))};button_link_stories_iconOnlyButtons.displayName="iconOnlyButtons",button_link_stories_iconOnlyButtons.storyName="Icon-only buttons",button_link_stories_iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withDifferentSize=function withDifferentSize(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};button_link_stories_withDifferentSize.displayName="withDifferentSize",button_link_stories_withDifferentSize.storyName="With different size",button_link_stories_withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_customizedColors=function customizedColors(){return Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};button_link_stories_customizedColors.displayName="customizedColors",button_link_stories_customizedColors.storyName="Customized colors",button_link_stories_customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <ButtonLink variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </ButtonLink>\n            </Box>\n            <Box>\n                <ButtonLink variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </ButtonLink>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/ButtonLink",parameters:{badges:["accessible"]},component:button_link_ButtonLink,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/button/button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButton",(function(){return LoadingButton})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_box__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/heading/heading.tsx"),_button__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/button/button.tsx"),_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButton(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_16__.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,_extends({},props,{loading:loading,onClick:function onClick(){return setLoading(!0)},mdxType:"Button"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=_objectWithoutProperties(_ref,_excluded);"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"})});return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"start",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"center",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"end",mdxType:"LoadingButton"}),label))))}function PlaygroundTemplate(_ref2){var label=_ref2.label,props=_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")),textLabel="Click me now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"})))))))}function DarkModeTemplate(props){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(PlaygroundTemplate,_extends({},props,{mdxType:"PlaygroundTemplate"})))}Icon.displayName="Icon",LoadingButton.displayName="LoadingButton",FullWidthTemplate.displayName="FullWidthTemplate",PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButton:LoadingButton,FullWidthTemplate:FullWidthTemplate,PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded3);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{title:"Design system/Button",component:_button__WEBPACK_IMPORTED_MODULE_24__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",null,"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"A semantic button that provides all the necessary visual variants. It follows the\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-practices/#button"},"WAI-ARIA Button Pattern"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"h2"},"<Button>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.d,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Style customization"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Check out ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With label and icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Nothing prevents you from passing both a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Icon-only buttons"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Alternatively, you can render an icon-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"Button"),". To do so use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Icon-only buttons do not support receiving the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With different size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Buttons have a default ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Customized colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("code",{parentName:"pre",className:"language-jsx"},"<Button\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</Button>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"And here's how that look like:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Disabled"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Full-width"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Dark mode"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary">Primary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary">Secondary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary">Tertiary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary">Quaternary</Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withLabelAndIcon=function withLabelAndIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))))};withLabelAndIcon.displayName="withLabelAndIcon",withLabelAndIcon.storyName="With label and icon",withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var iconOnlyButtons=function iconOnlyButtons(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0}))))};iconOnlyButtons.displayName="iconOnlyButtons",iconOnlyButtons.storyName="Icon-only buttons",iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withDifferentSize=function withDifferentSize(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};withDifferentSize.displayName="withDifferentSize",withDifferentSize.storyName="With different size",withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var customizedColors=function customizedColors(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};customizedColors.displayName="customizedColors",customizedColors.storyName="Customized colors",customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <Button variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </Button>\n            </Box>\n            <Box>\n                <Button variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </Button>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=PlaygroundTemplate.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Button",parameters:{badges:["accessible"]},component:_button__WEBPACK_IMPORTED_MODULE_24__.a,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/button/button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","tone","size","type","disabled","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function Button(_ref,ref){var variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_base_button__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},props,{as:"button",ref:ref,variant:variant,tone:tone,size:size,type:type,disabled:disabled,exceptionallySetClassName:exceptionallySetClassName}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"A semantic button that also looks like a button, and provides all the necessary visual variants.\nIt follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).",displayName:"Button",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"normal"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"normal"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/checkbox-field/checkbox-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"basicExample",(function(){return basicExample})),__webpack_require__.d(__webpack_exports__,"reactNodeAsLabel",(function(){return reactNodeAsLabel})),__webpack_require__.d(__webpack_exports__,"indeterminateExample",(function(){return indeterminateExample})),__webpack_require__.d(__webpack_exports__,"accessibilityExamples",(function(){return accessibilityExamples}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js"),__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx")),_stack__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/text/text.tsx"),_inline__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/inline/inline.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}Icon.displayName="Icon";var Template=function Template(_ref){var disabled=_ref.disabled,indeterminate=_ref.indeterminate,label=_ref.label;_ref["aria-controls"],_ref["aria-describedby"],_ref["aria-label"],_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{disabled:disabled,indeterminate:indeterminate,label:label,mdxType:"CheckboxField"})};Template.displayName="Template";var layoutProps={Icon:Icon,Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{title:"Design system/CheckboxField",component:___WEBPACK_IMPORTED_MODULE_21__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",null,"CheckboxField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with a built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Basic Example",args:{label:"Default label"},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.d,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"ReactNode as Label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with an icon and a string for the built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"ReactNode as Label",args:{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,{mdxType:"Icon"})," Label with icon")},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"Indeterminate Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Indeterminate Example",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState2[0],setState=_useState2[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium",mdxType:"Inline"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))},mdxType:"CheckboxField"})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Examples",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the checkbox as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var basicExample=Template.bind({});basicExample.storyName="Basic Example",basicExample.args={label:"Default label"},basicExample.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var reactNodeAsLabel=Template.bind({});reactNodeAsLabel.storyName="ReactNode as Label",reactNodeAsLabel.args={label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,null)," Label with icon")},reactNodeAsLabel.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var indeterminateExample=function indeterminateExample(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState4[0],setState=_useState4[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))}})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))};indeterminateExample.displayName="indeterminateExample",indeterminateExample.storyName="Indeterminate Example",indeterminateExample.parameters=Object.assign({storySource:{source:'() => {\n  const [state, setState] = useState([false, true, false, false, false]);\n  const checkedCount = state.filter(Boolean).length;\n  const indeterminate = checkedCount > 0 && checkedCount < state.length;\n  return <Stack space="medium" dividers="primary">\n                    <CheckboxField checked={checkedCount === state.length} onChange={event => {\n      const {\n        checked\n      } = event.currentTarget;\n      setState(state => state.map(() => checked));\n    }} indeterminate={indeterminate} label={`Check/uncheck all (${checkedCount} / ${state.length})`} />\n                    <Inline space="medium">\n                        {state.map((checked, index) => <CheckboxField key={`${index}-${String(checked)}`} label={String(index + 1)} checked={checked} onChange={event => {\n        const {\n          checked\n        } = event.currentTarget;\n        setState(state => {\n          const newState = [...state];\n          newState[index] = checked;\n          return newState;\n        });\n      }} />)}\n                    </Inline>\n                    <Text tone="secondary">\n                        Mark some (but not all) numbered checkboxes to see the one at the top as\n                        indeterminate.\n                    </Text>\n                </Stack>;\n}'}},{docs:{source:{type:"dynamic"}}});var accessibilityExamples=function accessibilityExamples(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will describe the checkbox as "Husky".')))};accessibilityExamples.displayName="accessibilityExamples",accessibilityExamples.storyName="Accessibility Examples",accessibilityExamples.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <CheckboxField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the checkbox as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/CheckboxField",parameters:{badges:["accessible"]},component:___WEBPACK_IMPORTED_MODULE_21__.a,includeStories:["basicExample","reactNodeAsLabel","indeterminateExample","accessibilityExamples"]},mdxStoryNameToKey={"Basic Example":"basicExample","ReactNode as Label":"reactNodeAsLabel","Indeterminate Example":"indeterminateExample","Accessibility Examples":"accessibilityExamples"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/checkbox-field/checkbox-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkbox_field_CheckboxField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","indeterminate","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var svgPath={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};function CheckboxIcon(_ref2){var checked=_ref2.checked,indeterminate=_ref2.indeterminate,disabled=_ref2.disabled,props=_objectWithoutProperties(_ref2,_excluded),pathKey=function getPathKey(_ref){var checked=_ref.checked,indeterminate=_ref.indeterminate,disabled=_ref.disabled;return indeterminate?"mixed":checked?"checked":disabled?"filled":"unchecked"}({checked:checked,indeterminate:indeterminate,disabled:disabled});return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},props,{children:Object(jsx_runtime.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:svgPath[pathKey]})}))}CheckboxIcon.displayName="CheckboxIcon";try{CheckboxIcon.displayName="CheckboxIcon",CheckboxIcon.__docgenInfo={description:"",displayName:"CheckboxIcon",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean | undefined"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"]={docgenInfo:CheckboxIcon.__docgenInfo,name:"CheckboxIcon",path:"src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"})}catch(__react_docgen_typescript_loader_error){}var checkbox_field_module=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.module.css"),checkbox_field_module_default=__webpack_require__.n(checkbox_field_module),checkbox_field_excluded=["label","disabled","indeterminate","defaultChecked","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkbox_field_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function checkbox_field_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkbox_field_CheckboxField=react.forwardRef((function CheckboxField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,disabled=_ref.disabled,indeterminate=_ref.indeterminate,defaultChecked=_ref.defaultChecked,_onChange=_ref.onChange,props=checkbox_field_objectWithoutProperties(_ref,checkbox_field_excluded),isControlledComponent="boolean"==typeof props.checked;"boolean"!=typeof indeterminate||isControlledComponent||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),indeterminate=void 0),label||props["aria-label"]||props["aria-labelledby"]||console.warn("A Checkbox needs a label");var _React$useState2=_slicedToArray(react.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState,internalRef=react.useRef(null),combinedRef=Object(hooks.e)(internalRef,ref);return react.useEffect((function setIndeterminate(){internalRef.current&&"boolean"==typeof indeterminate&&(internalRef.current.indeterminate=indeterminate)}),[indeterminate]),Object(jsx_runtime.jsxs)(box.a,{as:"label",display:"flex",alignItems:"center",className:[checkbox_field_module_default.a.container,disabled?checkbox_field_module_default.a.disabled:null,isChecked?checkbox_field_module_default.a.checked:null,keyFocused?checkbox_field_module_default.a.keyFocused:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,{ref:combinedRef,type:"checkbox","aria-checked":indeterminate?"mixed":isChecked,checked:isChecked,disabled:disabled,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}})),Object(jsx_runtime.jsx)(CheckboxIcon,{checked:isChecked,disabled:disabled,indeterminate:indeterminate,"aria-hidden":!0}),label?Object(jsx_runtime.jsx)(text_text.a,{children:label}):null]})}));try{checkbox_field_CheckboxField.displayName="CheckboxField",checkbox_field_CheckboxField.__docgenInfo={description:"",displayName:"CheckboxField",props:{disabled:{defaultValue:null,description:"Defines whether or not the checkbox is disabled.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the checkbox for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current checkbox for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current checkbox for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label for the checkbox element.",name:"label",required:!1,type:{name:"ReactNode"}},indeterminate:{defaultValue:null,description:"Defines whether or not the checkbox can be of a `mixed` state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"]={docgenInfo:checkbox_field_CheckboxField.__docgenInfo,name:"CheckboxField",path:"src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/columns/columns.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_box__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/box/box.tsx"),_columns__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/columns/columns.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Columns",component:_columns__WEBPACK_IMPORTED_MODULE_6__.b,subcomponents:{Column:_columns__WEBPACK_IMPORTED_MODULE_6__.a},argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["left","center","right"]),alignY:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["top","center","bottom","baseline"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.e)()),parameters:{badges:["accessible"]}};var AlignmentStory=function AlignmentStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use alignY to control vertical alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:30*(i+1)})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use align to control horizontal alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})})]}))})]})};AlignmentStory.displayName="AlignmentStory";var WidthsStory=function WidthsStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})})]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"4/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"4/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]})]})})]})};WidthsStory.displayName="WidthsStory",WidthsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var ResponsiveStory=function ResponsiveStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Columns alignment changes as the viewport size changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"medium",align:{mobile:"left",tablet:"center",desktop:"right"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Space between columns reduces on smaller screen sizes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use collapseBelow to control if/when the columns become stacked depending on viewport width",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))})]})]})};ResponsiveStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),collapseBelow:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["tablet","desktop"],"tablet"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var FlexChildStory=function FlexChildStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"As a flex child",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Element outside of Columns"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))]})})};FlexChildStory.displayName="FlexChildStory",FlexChildStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var NestedColumnsStory=function NestedColumnsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Inner Columns retain their own spacing",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:0,height:50})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:6,height:50})})]})})};NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d),AlignmentStory.parameters=Object.assign({storySource:{source:'function AlignmentStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="xlarge">\n            <Wrapper title="Use alignY to control vertical alignment" border={true}>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={(i + 1) * 30} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Wrapper>\n            <Wrapper title="Use align to control horizontal alignment" border={true}>\n                <Columns {...args}>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                </Columns>\n            </Wrapper>\n        </Stack>\n    )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=Object.assign({storySource:{source:'function WidthsStory({ space }: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="large" dividers="primary">\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="medium">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/5">\n                            <Placeholder label="1/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/5">\n                            <Placeholder label="2/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/5">\n                            <Placeholder label="3/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="4/5">\n                            <Placeholder label="4/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n        </Stack>\n    )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory(args: PartialProps<typeof Columns>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Columns alignment changes as the viewport size changes">\n                    <Columns\n                        space="medium"\n                        align={{ mobile: \'left\', tablet: \'center\', desktop: \'right\' }}\n                    >\n                        {times(5).map((i) => (\n                            <Column width="content" key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Space between columns reduces on smaller screen sizes">\n                    <Columns space={{ mobile: \'xsmall\', tablet: \'medium\', desktop: \'xlarge\' }}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Use collapseBelow to control if/when the columns become stacked depending on viewport width">\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),FlexChildStory.parameters=Object.assign({storySource:{source:'function FlexChildStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="As a flex child">\n            <Box display="flex" alignItems="center">\n                <Box>\n                    <Placeholder label="Element outside of Columns" />\n                </Box>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={50} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Box>\n        </Wrapper>\n    )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=Object.assign({storySource:{source:'function NestedColumnsStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="Inner Columns retain their own spacing">\n            <Columns space="xlarge">\n                <Column>\n                    <Placeholder label={0} height={50} />\n                </Column>\n\n                <Column>\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Column>\n\n                <Column>\n                    <Placeholder label={6} height={50} />\n                </Column>\n            </Columns>\n        </Wrapper>\n    )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/columns/columns.module.css"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["width","children","exceptionallySetClassName"],_excluded2=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,height:"full",flexShrink:"content"===width?0:void 0,ref:ref,children:children}))})),Columns=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,_ref2$align=_ref2.align,align=void 0===_ref2$align?"left":_ref2$align,_ref2$alignY=_ref2.alignY,alignY=void 0===_ref2$alignY?"top":_ref2$alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space)],display:"flex",flexDirection:"desktop"===collapseBelow?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===collapseBelow?{mobile:"column",tablet:"row"}:"row",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":alignY})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":align})),ref:ref,children:children}))}))},"./src/new-components/common-helpers.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return generateElementId})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),uid=0;function generateElementId(prefix){return prefix+"-"+function uniqueId(){return uid++}()}function useId(providedId){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=providedId?providedId:null);return ref.current||(ref.current=generateElementId("element")),ref.current}},"./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/deprecated-modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),reach_dialog_esm=__webpack_require__("./node_modules/@reach/dialog/dist/reach-dialog.esm.js"),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),modal_module=__webpack_require__("./src/new-components/deprecated-modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function DeprecatedModal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]);return Object(jsx_runtime.jsx)(reach_dialog_esm.b,{isOpen:isOpen,onDismiss:onDismiss,dangerouslyBypassFocusLock:!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),"data-testid":"modal-overlay",children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(reach_dialog_esm.a,Object.assign({},props,{as:box.a,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}function DeprecatedModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function DeprecatedModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(DeprecatedModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function DeprecatedModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function DeprecatedModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function DeprecatedModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}DeprecatedModal.displayName="DeprecatedModal",DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalActions.displayName="DeprecatedModalActions";try{DeprecatedModal.displayName="DeprecatedModal",DeprecatedModal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"DeprecatedModal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"]={docgenInfo:DeprecatedModal.__docgenInfo,name:"DeprecatedModal",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"DeprecatedModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"]={docgenInfo:DeprecatedModalCloseButton.__docgenInfo,name:"DeprecatedModalCloseButton",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalHeader.displayName="DeprecatedModalHeader",DeprecatedModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"DeprecatedModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see DeprecatedModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"]={docgenInfo:DeprecatedModalHeader.__docgenInfo,name:"DeprecatedModalHeader",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"DeprecatedModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"]={docgenInfo:DeprecatedModalBody.__docgenInfo,name:"DeprecatedModalBody",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalFooter.displayName="DeprecatedModalFooter",DeprecatedModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"DeprecatedModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"]={docgenInfo:DeprecatedModalFooter.__docgenInfo,name:"DeprecatedModalFooter",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalActions.displayName="DeprecatedModalActions",DeprecatedModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"DeprecatedModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"]={docgenInfo:DeprecatedModalActions.__docgenInfo,name:"DeprecatedModalActions",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,toggle:function toggle(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var _ref2$initialState=_ref2.initialState,initialState=void 0===_ref2$initialState?defaultInitialState:_ref2$initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],toggle=react.useCallback((function(){return setOpen((function(v){return!v}))}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(initialState),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,toggle:toggle,onChange:onChange},props)}),[isOpen,toggle,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,toggle=react.useContext(ModalStoryContext).toggle;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:toggle,children:children})}function Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,toggle=_React$useContext3.toggle,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(DeprecatedModal,Object.assign({isOpen:isOpen,onDismiss:toggle,width:width,height:height},props))}function ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",Modal.displayName="Modal",ModalHeader.displayName="ModalHeader";var ModalBody=DeprecatedModalBody;function ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({withDivider:withScrollableContent},props))}function ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalActions,Object.assign({withDivider:withScrollableContent},props))}ModalFooter.displayName="ModalFooter",ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/deprecated-modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Components/Modal",component:DeprecatedModal,parameters:{badges:["accessible","deprecated"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://reach.tech/dialog/"},"Reach UI's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Components/Modal",parameters:{badges:["accessible","deprecated"]},component:DeprecatedModal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/divider/divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/divider/divider.module.css"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_divider_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["weight"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"tertiary":_ref$weight,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"hr",className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_5__.a)(_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"weight",weight)},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"tertiary"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/heading/heading.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveHeadingStory",(function(){return ResponsiveHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/heading/heading.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var HeadingStory=function HeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{dividers:"primary",space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",children:"Heading level 1, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"larger",children:"Heading level 1, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,children:"Heading level 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"smaller",children:"Heading level 1, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"largest",children:"Heading level 2, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"larger",children:"Heading level 2, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,children:"Heading level 2"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"smaller",children:"Heading level 2, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"largest",children:"Heading level 3, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"larger",children:"Heading level 3, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,children:"Heading level 3"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"smaller",children:"Heading level 3, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"largest",children:"Heading level 4 / 5 / 6, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"larger",children:"Heading level 4 / 5 / 6, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,children:"Heading level 4 / 5 / 6"})]})]})})};HeadingStory.displayName="HeadingStory";var TruncatedHeadingStory=function TruncatedHeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",lineClamp:1,children:"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,lineClamp:2,children:"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."})]})};TruncatedHeadingStory.displayName="TruncatedHeadingStory";var ResponsiveHeadingStory=function ResponsiveHeadingStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveHeadingStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}},HeadingStory.parameters=Object.assign({storySource:{source:'function HeadingStory() {\n    return (\n        <section className="story">\n            <Stack dividers="primary" space="medium">\n                <Stack space="small">\n                    <Heading level={1} size="largest">\n                        Heading level 1, largest\n                    </Heading>\n                    <Heading level={1} size="larger">\n                        Heading level 1, larger\n                    </Heading>\n                    <Heading level={1}>Heading level 1</Heading>\n                    <Heading level={1} size="smaller">\n                        Heading level 1, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={2} size="largest">\n                        Heading level 2, largest\n                    </Heading>\n                    <Heading level={2} size="larger">\n                        Heading level 2, larger\n                    </Heading>\n                    <Heading level={2}>Heading level 2</Heading>\n                    <Heading level={2} size="smaller">\n                        Heading level 2, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={3} size="largest">\n                        Heading level 3, largest\n                    </Heading>\n                    <Heading level={3} size="larger">\n                        Heading level 3, larger\n                    </Heading>\n                    <Heading level={3}>Heading level 3</Heading>\n                    <Heading level={3} size="smaller">\n                        Heading level 3, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={4} size="largest">\n                        Heading level 4 / 5 / 6, largest\n                    </Heading>\n                    <Heading level={4} size="larger">\n                        Heading level 4 / 5 / 6, larger\n                    </Heading>\n                    <Heading level={4}>Heading level 4 / 5 / 6</Heading>\n                </Stack>\n            </Stack>\n        </section>\n    )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=Object.assign({storySource:{source:'function TruncatedHeadingStory() {\n    return (\n        <section className="story">\n            <Heading level={1} size="largest" lineClamp={1}>\n                This is a long title which we will use demonstrate truncating content. When this\n                overflows and begins to drop to a new line, its overflowing content will be replaced\n                by ellipses.\n            </Heading>\n            <Heading level={2} lineClamp={2}>\n                Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n                Sometimes we need to provide more context yet still remain skimmable to users, and\n                subtitles are a good way to do this. As it&rsquo;s much longer now we can allow a\n                second line to be displayed before truncating it at two lines.\n            </Heading>\n        </section>\n    )\n}'}},TruncatedHeadingStory.parameters),ResponsiveHeadingStory.parameters=Object.assign({storySource:{source:"function ResponsiveHeadingStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Heading {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveHeadingStory.parameters),HeadingPlaygroundStory.parameters=Object.assign({storySource:{source:'function HeadingPlaygroundStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <section className="story playground">\n            <Heading {...props} />\n        </section>\n    )\n}'}},HeadingPlaygroundStory.parameters);try{ResponsiveHeadingStory.displayName="ResponsiveHeadingStory",ResponsiveHeadingStory.__docgenInfo={description:"",displayName:"ResponsiveHeadingStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"]={docgenInfo:ResponsiveHeadingStory.__docgenInfo,name:"ResponsiveHeadingStory",path:"src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"})}catch(__react_docgen_typescript_loader_error){}try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/heading/heading.module.css"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,align=_ref.align,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),headingElementName="h"+level,lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{className:[exceptionallySetClassName,_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,as:headingElementName,ref:ref,children:children}))}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"regular"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"normal"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden-visually/hidden-visually.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenVisually}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.module.css"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HiddenVisually=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__.a)((function HiddenVisually(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{ref:ref,position:"absolute",overflow:"hidden",className:_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.hiddenVisually}))}))},"./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden/hidden.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return hidden_stories_ResponsiveStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./src/new-components/box/box.tsx")),hidden_module=__webpack_require__("./src/new-components/hidden/hidden.module.css"),hidden_module_default=__webpack_require__.n(hidden_module),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["display","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var hidden_Hidden=Object(polymorphism.a)((function Hidden(_ref,ref){var _ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),hiddenOnPrint="print"in props&&props.print,hiddenOnDesktop="above"in props,hiddenOnMobile="below"in props,hiddenOnTablet="below"in props&&"desktop"===props.below||"above"in props&&"mobile"===props.above;return hiddenOnDesktop&&hiddenOnMobile&&console.warn('<Hidden /> should receive either above="…" or below="…" but not both'),hiddenOnDesktop||hiddenOnMobile||hiddenOnPrint||console.warn("<Hidden /> did not receive any criteria to hide itself"),"above"in props&&delete props.above,"below"in props&&delete props.below,"print"in props&&delete props.print,Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,className:[exceptionallySetClassName,hiddenOnPrint?hidden_module_default.a.hiddenOnPrint:null],display:hiddenOnDesktop&&hiddenOnMobile?"none":{mobile:hiddenOnMobile?"none":display,tablet:hiddenOnTablet?"none":display,desktop:hiddenOnDesktop?"none":display},children:children}))})),hidden_stories_ResponsiveStory=(__webpack_exports__.default={title:"Design system/Hidden",component:hidden_Hidden,parameters:{badges:["accessible"]}},function ResponsiveStory(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(storybook_helper.b,{}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Always visible 📱💻🖥"}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"mobile",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on mobile 📱",height:30})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"desktop",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on desktop 🖥",height:75})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in tablet and desktop 💻🖥",height:60})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in mobile and tablet 📱💻",height:45})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Does not make sense"})})]})]})});hidden_stories_ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="medium">\n                <Placeholder label="Always visible 📱💻🖥" />\n\n                <Hidden above="mobile">\n                    <Placeholder label="Visible only on mobile 📱" height={30} />\n                </Hidden>\n\n                <Hidden below="desktop">\n                    <Placeholder label="Visible only on desktop 🖥" height={75} />\n                </Hidden>\n\n                <Hidden below="tablet">\n                    <Placeholder label="Visible in tablet and desktop 💻🖥" height={60} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Visible in mobile and tablet 📱💻" height={45} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Does not make sense" />\n                </Hidden>\n            </Stack>\n        </>\n    )\n}'}},hidden_stories_ResponsiveStory.parameters)},"./src/new-components/icons/alert-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlertIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["tone"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var alertIconForTone={info:AlertInfoIcon,positive:AlertPositiveIcon,caution:AlertCautionIcon,critical:AlertCriticalIcon};function AlertIcon(_ref){var tone=_ref.tone,props=_objectWithoutProperties(_ref,_excluded),Icon=alertIconForTone[tone];return Icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Icon,Object.assign({},props)):null}function AlertInfoIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",fill:"currentColor"})}))}function AlertPositiveIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",fill:"currentColor"})}))}function AlertCautionIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",fill:"currentColor"})}))}function AlertCriticalIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",fill:"currentColor"})}))}AlertInfoIcon.displayName="AlertInfoIcon",AlertPositiveIcon.displayName="AlertPositiveIcon",AlertCautionIcon.displayName="AlertCautionIcon",AlertCriticalIcon.displayName="AlertCriticalIcon";try{AlertIcon.displayName="AlertIcon",AlertIcon.__docgenInfo={description:"",displayName:"AlertIcon",props:{tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/alert-icon.tsx#AlertIcon"]={docgenInfo:AlertIcon.__docgenInfo,name:"AlertIcon",path:"src/new-components/icons/alert-icon.tsx#AlertIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/close-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CloseIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{fill:"currentColor",d:"M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"})}))}CloseIcon.displayName="CloseIcon";try{CloseIcon.displayName="CloseIcon",CloseIcon.__docgenInfo={description:"",displayName:"CloseIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/close-icon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/new-components/icons/close-icon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/password-visible-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PasswordVisibleIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordVisibleIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"gray",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{d:"M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("circle",{cx:"12",cy:"12",r:"3.5"})]})}))}PasswordVisibleIcon.displayName="PasswordVisibleIcon";try{PasswordVisibleIcon.displayName="PasswordVisibleIcon",PasswordVisibleIcon.__docgenInfo={description:"",displayName:"PasswordVisibleIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"]={docgenInfo:PasswordVisibleIcon.__docgenInfo,name:"PasswordVisibleIcon",path:"src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/inline/inline.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return NestedStackStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/heading/heading.tsx"),_inline__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/inline/inline.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function renderInlineContent(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:20,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:80,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:150,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:180,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:100,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48})]})}__webpack_exports__.default={title:"Design system/Inline",component:_inline__WEBPACK_IMPORTED_MODULE_5__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("medium"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.i)(["left","center","right"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.e)()),parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how it wraps content",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{children:renderInlineContent()}))})};InteractivePropsStory.displayName="InteractivePropsStory";var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how spacing changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:renderInlineContent()})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how alignment changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",align:{mobile:"left",tablet:"center",desktop:"right"},children:renderInlineContent()})})]})]})};ResponsiveStory.argTypes=Object.assign({space:{control:!1},align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d);var NestedStackStory=function NestedStackStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_4__.a,{level:"1",children:["Parent stack with space=“",null!=space?space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()})]})})};NestedStackStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("xlarge"),align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory(args: PartialProps<typeof Inline>) {\n    return (\n        <Wrapper title="Change the viewport width to see how it wraps content" border={true}>\n            <Inline {...args}>{renderInlineContent()}</Inline>\n        </Wrapper>\n    )\n}'}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space=\"medium\">\n                <Wrapper title=\"Change the viewport width to see how spacing changes\" border={true}>\n                    <Inline space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}>\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n                <Wrapper\n                    title=\"Change the viewport width to see how alignment changes\"\n                    border={true}\n                >\n                    <Inline\n                        space=\"xsmall\"\n                        align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n                    >\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStackStory.parameters=Object.assign({storySource:{source:'function NestedStackStory({ space }: PartialProps<typeof Inline>) {\n    return (\n        <>\n            <Stack space={space}>\n                <Heading level="1">Parent stack with space=&ldquo;{space ?? \'none\'}&rdquo;</Heading>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n            </Stack>\n        </>\n    )\n}'}},NestedStackStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStackStory.displayName="NestedStackStory",NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/inline/inline.module.css"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_inline_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","alignY","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Inline=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function Inline(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,display:"flex",flexWrap:"wrap",className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.a)(_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"space",space)],ref:ref,alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),children:children}))}))},"./src/new-components/loading/loading.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Example",(function(){return Example})),__webpack_require__.d(__webpack_exports__,"allSizes",(function(){return loading_stories_allSizes})),__webpack_require__.d(__webpack_exports__,"customizeColor",(function(){return loading_stories_customizeColor})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return loading_stories_accessibilityAttributes})),__webpack_require__.d(__webpack_exports__,"accessibilityConsiderations",(function(){return loading_stories_accessibilityConsiderations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["size","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizeMapping={xsmall:16,small:24,medium:36,large:48};function Loading(_ref){var _sizeMapping$size,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),numericSize=null!==(_sizeMapping$size=sizeMapping[size])&&void 0!==_sizeMapping$size?_sizeMapping$size:sizeMapping.small,ariaLabel=props["aria-label"]?props["aria-label"]:props["aria-labelledby"]?void 0:"Loading…";return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{"aria-label":ariaLabel,className:exceptionallySetClassName,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar",children:Object(jsx_runtime.jsx)(spinner.a,{size:numericSize,"aria-hidden":!0})}))}Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{size:{defaultValue:{value:"small"},description:"The size of the loading spinner.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the loading component for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current loading component for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current loading component for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/new-components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var loading_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function loading_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function loading_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Example(_ref){var children=_ref.children,size=_ref.size;return Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},children),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},'size="',size,'"'))}Example.displayName="Example";var layoutProps={Example:Example};function MDXContent(_ref2){var components=_ref2.components,props=loading_stories_objectWithoutProperties(_ref2,loading_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Loading",component:Loading,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Loading"),Object(esm.b)("p",null,"A loading indicator that comes in three sizes."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"All Sizes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Loading,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Loading,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Customized color"),Object(esm.b)("p",null,"The loading indicator adopts the current brand background color defined in the ",Object(esm.b)("inlineCode",{parentName:"p"},"--reactist-spinner-tint"),"\nCSS variable."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Customize Color",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"},mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("h2",null,"Accessibility"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(Loading,{"aria-label":"Loading puppies",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary",mdxType:"Text"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-describedby"))))),Object(esm.b)("h4",null,"Usage Considerations"),Object(esm.b)("p",null,"If the ",Object(esm.b)("inlineCode",{parentName:"p"},"Loading")," component is describing the loading progress of a particular region of a page, you should use the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-describedby")," attribute to point to the status, and set the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-busy")," attribute to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," on the region until it is finished loading."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Considerations",mdxType:"Story"},Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"},mdxType:"Box"},Object(esm.b)(Loading,{"aria-describedby":"loading-progress",mdxType:"Loading"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var loading_stories_allSizes=function allSizes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_allSizes.displayName="allSizes",loading_stories_allSizes.storyName="All Sizes",loading_stories_allSizes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_customizeColor=function customizeColor(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"}},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_customizeColor.displayName="customizeColor",loading_stories_customizeColor.storyName="Customize Color",loading_stories_customizeColor.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd" style={{\n  \'--reactist-spinner-tint\': \'red\'\n}}>\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityAttributes=function accessibilityAttributes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(Loading,{"aria-label":"Loading puppies"}),Object(esm.b)(box.a,{as:"pre"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens"}),Object(esm.b)(box.a,{as:"pre"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress"}),Object(esm.b)(box.a,{as:"pre"},"aria-describedby")))};loading_stories_accessibilityAttributes.displayName="accessibilityAttributes",loading_stories_accessibilityAttributes.storyName="Accessibility Attributes",loading_stories_accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Stack space="xxlarge" align="center">\n                <Loading aria-label="Loading puppies" />\n                <Box as="pre">aria-label</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-kittens" tone="secondary">\n                    Loading kittens...\n                </Text>\n                <Loading aria-labelledby="loading-kittens" />\n                <Box as="pre">aria-labelledby</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-progress" tone="secondary">\n                    50% complete...\n                </Text>\n                <Loading aria-label="loading-progress" />\n                <Box as="pre">aria-describedby</Box>\n            </Stack>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityConsiderations=function accessibilityConsiderations(){return Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"}},Object(esm.b)(Loading,{"aria-describedby":"loading-progress"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete"))};loading_stories_accessibilityConsiderations.displayName="accessibilityConsiderations",loading_stories_accessibilityConsiderations.storyName="Accessibility Considerations",loading_stories_accessibilityConsiderations.parameters=Object.assign({storySource:{source:'<Box alignItems="center" aria-busy={true} display="flex" flexDirection="column" justifyContent="spaceEvenly" style={{\n  background: \'#f3f3f3\',\n  border: \'1px solid #333\',\n  width: \'200px\',\n  height: \'200px\'\n}}>\n            <Loading aria-describedby="loading-progress" />\n            <Text id="loading-progress" tone="secondary">\n                50% complete\n            </Text>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Loading",parameters:{badges:["accessible"]},component:Loading,includeStories:["allSizes","customizeColor","accessibilityAttributes","accessibilityConsiderations"]},mdxStoryNameToKey={"All Sizes":"allSizes","Customize Color":"customizeColor","Accessibility Attributes":"accessibilityAttributes","Accessibility Considerations":"accessibilityConsiderations"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal})),__webpack_require__.d(__webpack_exports__,"autofocus",(function(){return modal_stories_autofocus})),__webpack_require__.d(__webpack_exports__,"stackingModals",(function(){return modal_stories_stackingModals}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),menu=__webpack_require__("./src/components/menu/menu.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return Object(jsx_runtime.jsx)("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26",children:Object(jsx_runtime.jsxs)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:[Object(jsx_runtime.jsx)("circle",{fill:color,cx:"19",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"13",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"7",cy:"13",r:"2"})]})})};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),dist_es2015=__webpack_require__("./node_modules/aria-hidden/dist/es2015/index.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),modal_module=__webpack_require__("./src/new-components/modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function Modal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),setVisible=react.useCallback((function(visible){visible||null==onDismiss||onDismiss()}),[onDismiss]),state=Object(dialog_state.a)({visible:isOpen,setVisible:setVisible}),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]),portalRef=react.useRef(null),dialogRef=react.useRef(null),backdropRef=react.useRef(null),handleBackdropClick=react.useCallback((function(event){var _dialogRef$current,_backdropRef$current;null!==(_dialogRef$current=dialogRef.current)&&void 0!==_dialogRef$current&&_dialogRef$current.contains(event.target)||null===(_backdropRef$current=backdropRef.current)||void 0===_backdropRef$current||!_backdropRef$current.contains(event.target)||(event.stopPropagation(),null==onDismiss||onDismiss())}),[onDismiss]);return react.useLayoutEffect((function disableAccessibilityTreeOutside(){if(isOpen&&portalRef.current)return Object(dist_es2015.a)(portalRef.current)}),[isOpen]),isOpen?Object(jsx_runtime.jsx)(portal.a,{portalRef:portalRef,children:Object(jsx_runtime.jsx)(box.a,{"data-testid":"modal-overlay","data-overlay":!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),onClick:handleBackdropClick,ref:backdropRef,children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(dialog.a,Object.assign({},props,{ref:dialogRef,as:box.a,state:state,hideOnEscape:!0,preventBodyScroll:!0,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}):null}function ModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function ModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(ModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function ModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function ModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function ModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}Modal.displayName="Modal",ModalCloseButton.displayName="ModalCloseButton",ModalBody.displayName="ModalBody",ModalActions.displayName="ModalActions";try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"Modal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/new-components/modal/modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}try{ModalCloseButton.displayName="ModalCloseButton",ModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"ModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalCloseButton"]={docgenInfo:ModalCloseButton.__docgenInfo,name:"ModalCloseButton",path:"src/new-components/modal/modal.tsx#ModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{ModalHeader.displayName="ModalHeader",ModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"ModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see ModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalHeader"]={docgenInfo:ModalHeader.__docgenInfo,name:"ModalHeader",path:"src/new-components/modal/modal.tsx#ModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{ModalBody.displayName="ModalBody",ModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"ModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalBody"]={docgenInfo:ModalBody.__docgenInfo,name:"ModalBody",path:"src/new-components/modal/modal.tsx#ModalBody"})}catch(__react_docgen_typescript_loader_error){}try{ModalFooter.displayName="ModalFooter",ModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"ModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalFooter"]={docgenInfo:ModalFooter.__docgenInfo,name:"ModalFooter",path:"src/new-components/modal/modal.tsx#ModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{ModalActions.displayName="ModalActions",ModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"ModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalActions"]={docgenInfo:ModalActions.__docgenInfo,name:"ModalActions",path:"src/new-components/modal/modal.tsx#ModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,openModal:function openModal(){},closeModal:function closeModal(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var initialState=_ref2.initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],openModal=react.useCallback((function(){setOpen(!0)}),[]),closeModal=react.useCallback((function(){setOpen(!1)}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(Object.assign({},defaultInitialState,initialState)),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,openModal:openModal,closeModal:closeModal,onChange:onChange},props)}),[isOpen,openModal,closeModal,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,_ref5$action=_ref5.action,action=void 0===_ref5$action?"close":_ref5$action,_React$useContext2=react.useContext(ModalStoryContext),openModal=_React$useContext2.openModal,closeModal=_React$useContext2.closeModal;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:"open"===action?openModal:closeModal,children:children})}function modal_stories_components_Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,closeModal=_React$useContext3.closeModal,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(Modal,Object.assign({isOpen:isOpen,onDismiss:closeModal,width:width,height:height},props))}function modal_stories_components_ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(ModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",modal_stories_components_Modal.displayName="Modal",modal_stories_components_ModalHeader.displayName="ModalHeader";var modal_stories_components_ModalBody=ModalBody;function modal_stories_components_ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({withDivider:withScrollableContent},props))}function modal_stories_components_ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalActions,Object.assign({withDivider:withScrollableContent},props))}modal_stories_components_ModalFooter.displayName="ModalFooter",modal_stories_components_ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Modal",component:Modal,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://ariakit.org/components/dialog"},"Ariakit's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:Modal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Modal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:ModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:ModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:ModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:ModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:ModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,{mdxType:"Columns"},Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(menu.a,{mdxType:"Menu"},Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,{mdxType:"ThreeDotsIcon"}),mdxType:"MenuButton"}),Object(esm.b)(menu.e,{"aria-label":"Simple menu",mdxType:"MenuList"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit"),mdxType:"MenuItem"},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate"),mdxType:"MenuItem"},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove"),mdxType:"MenuItem"},"Remove")))),Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(ModalCloseButton,null))),mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Autofocus"),Object(esm.b)("p",null,"By default the ",Object(esm.b)("inlineCode",{parentName:"p"},"autoFocus")," prop is ",Object(esm.b)("inlineCode",{parentName:"p"},"true"),", which shifts the focus onto the first focusable element in the modal. You can further refine this\nby using the ",Object(esm.b)("inlineCode",{parentName:"p"},"data-autofocus")," attribute if you wish to focus on elements other than the first one. This is made possible using React Focus Lock, please see its ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/theKashey/react-focus-lock/tree/v2.9.1#autofocus"},"documentation")," for more details."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Autofocus",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){},mdxType:"TextField"}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0,mdxType:"TextField"}))),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Stacking modals"),Object(esm.b)("p",null,"Modals may be stacked on top of one another, with each of them having their independent states, e.g. ",Object(esm.b)("inlineCode",{parentName:"p"},"width")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"height"),"."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Stacking modals",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"},mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}))))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,null,Object(esm.b)(columns.a,null,Object(esm.b)(menu.a,null,Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,null)}),Object(esm.b)(menu.e,{"aria-label":"Simple menu"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit")},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate")},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove")},"Remove")))),Object(esm.b)(columns.a,null,Object(esm.b)(ModalCloseButton,null)))},Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader button={<Columns>\n                            <Column>\n                                <Menu>\n                                    <MenuButton as={ReactistButton} variant="tertiary" icon={<ThreeDotsIcon />} />\n                                    <MenuList aria-label="Simple menu">\n                                        <MenuItem onSelect={action(\'Edit\')}>Edit</MenuItem>\n                                        <MenuItem onSelect={action(\'Duplicate\')}>\n                                            Duplicate\n                                        </MenuItem>\n                                        <MenuItem onSelect={action(\'Remove\')}>Remove</MenuItem>\n                                    </MenuList>\n                                </Menu>\n                            </Column>\n                            <Column>\n                                <ModalComponents.ModalCloseButton />\n                            </Column>\n                        </Columns>}>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_autofocus=function autofocus(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){}}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0}))),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_autofocus.displayName="autofocus",modal_stories_autofocus.storyName="Autofocus",modal_stories_autofocus.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader>\n                    <Heading level={1}>Update your info</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="large">\n                        <TextField label="Name" value="Bob Odenkirk" onChange={() => undefined} />\n                        <TextField label="Address" data-autofocus />\n                    </Stack>\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Save\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_stackingModals=function stackingModals(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(text_text.a,null,"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,null),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"}},Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)))))))};modal_stories_stackingModals.displayName="stackingModals",modal_stories_stackingModals.storyName="Stacking modals",modal_stories_stackingModals.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal 1">\n                <ModalHeader>\n                    <Heading level={1}>Bottom modal</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Text>\n                        Use the form to customize this modal, or open an additional modal with the\n                        button below.\n                    </Text>\n                    <ModalOptionsForm />\n                    <ModalStoryStateProvider initialState={{\n        width: \'small\',\n        height: \'fitContent\'\n      }}>\n                        <Button variant="primary" action="open">\n                            Open second modal\n                        </Button>\n                        <Modal aria-label="Modal 2">\n                            <ModalHeader>\n                                <Heading level={1}>Top modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                        </Modal>\n                    </ModalStoryStateProvider>\n                </ModalBody>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Modal",parameters:{badges:["accessible"]},component:Modal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal","autofocus","stackingModals"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal",Autofocus:"autofocus","Stacking modals":"stackingModals"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/notice/notice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),box=__webpack_require__("./src/new-components/box/box.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),notice_module=__webpack_require__("./src/new-components/notice/notice.module.css"),notice_module_default=__webpack_require__.n(notice_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notice(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone;return Object(jsx_runtime.jsx)(box.a,{id:id,role:"alert","aria-live":"polite",className:[notice_module_default.a.container,Object(responsive_props.a)(notice_module_default.a,"tone",tone)],children:Object(jsx_runtime.jsxs)(columns.b,{space:"small",alignY:"top",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content",children:Object(jsx_runtime.jsx)(alert_icon.a,{tone:tone})}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsx)(box.a,{paddingY:"xsmall",children:children})})]})})}Notice.displayName="Notice";try{Notice.displayName="Notice",Notice.__docgenInfo={description:"",displayName:"Notice",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/notice/notice.tsx#Notice"]={docgenInfo:Notice.__docgenInfo,name:"Notice",path:"src/new-components/notice/notice.tsx#Notice"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,text=(_ref.closeLabel,"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(esm.b)(text_text.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu.")));return Object(esm.b)(Notice,{tone:tone,mdxType:"Notice"},text)}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Notice",component:Notice,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Notice"),Object(esm.b)("p",null,"A simple Notice component."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Notice,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Notice,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Notice",parameters:{badges:["accessible"]},component:Notice,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/password-field/password-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return password_field_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return password_field_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return password_field_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js")),tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordHiddenIcon(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(jsx_runtime.jsxs)("g",{fill:"gray",fillRule:"evenodd",transform:"translate(2 4)",children:[Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"}),Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"}),Object(jsx_runtime.jsx)("rect",{width:"21",height:"1",x:"-.722",y:"7.778",rx:".5",transform:"rotate(-45 9.778 8.278)"})]})}))}PasswordHiddenIcon.displayName="PasswordHiddenIcon";try{PasswordHiddenIcon.displayName="PasswordHiddenIcon",PasswordHiddenIcon.__docgenInfo={description:"",displayName:"PasswordHiddenIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"]={docgenInfo:PasswordHiddenIcon.__docgenInfo,name:"PasswordHiddenIcon",path:"src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"})}catch(__react_docgen_typescript_loader_error){}var password_field_module=__webpack_require__("./src/new-components/password-field/password-field.module.css"),password_field_module_default=__webpack_require__.n(password_field_module),text_field_module=__webpack_require__("./src/new-components/text-field/text-field.module.css"),text_field_module_default=__webpack_require__.n(text_field_module),_excluded=["variant","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","togglePasswordLabel","hidden","aria-describedby"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var password_field_PasswordField=react.forwardRef((function PasswordField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_ref$togglePasswordLa=_ref.togglePasswordLabel,togglePasswordLabel=void 0===_ref$togglePasswordLa?"Toggle password visibility":_ref$togglePasswordLa,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded),id=Object(common_helpers.b)(props.id),internalRef=react.useRef(null),inputRef=Object(hooks.e)(internalRef,ref),_React$useState2=_slicedToArray(react.useState(!1),2),isPasswordVisible=_React$useState2[0],setPasswordVisible=_React$useState2[1];function togglePasswordVisibility(){var _internalRef$current;setPasswordVisible((function(v){return!v})),null===(_internalRef$current=internalRef.current)||void 0===_internalRef$current||_internalRef$current.focus()}return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(jsx_runtime.jsxs)(box.a,{display:"flex",alignItems:"center",className:[password_field_module_default.a.inputWrapper,text_field_module_default.a.inputWrapper,"error"===tone?text_field_module_default.a.error:null,"bordered"===variant?text_field_module_default.a.bordered:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,extraProps,{ref:inputRef,type:isPasswordVisible?"text":"password"})),Object(jsx_runtime.jsx)(tooltip.a,{content:togglePasswordLabel,children:Object(jsx_runtime.jsx)("button",{type:"button",onClick:togglePasswordVisibility,"aria-label":togglePasswordLabel,tabIndex:-1,children:isPasswordVisible?Object(jsx_runtime.jsx)(password_visible_icon.a,{"aria-hidden":!0}):Object(jsx_runtime.jsx)(PasswordHiddenIcon,{"aria-hidden":!0})})})]})}})}));try{password_field_PasswordField.displayName="PasswordField",password_field_PasswordField.__docgenInfo={description:"",displayName:"PasswordField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:{value:"Toggle password visibility"},description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.tsx#PasswordField"]={docgenInfo:password_field_PasswordField.__docgenInfo,name:"PasswordField",path:"src/new-components/password-field/password-field.tsx#PasswordField"})}catch(__react_docgen_typescript_loader_error){}var password_field_stories_excluded=["label","auxiliaryLabel"];function password_field_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function password_field_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/PasswordField",component:password_field_PasswordField,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var password_field_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=password_field_stories_objectWithoutProperties(_ref,password_field_stories_excluded);return Object(jsx_runtime.jsx)(password_field_PasswordField,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Password"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Forgot your password?"},hint:{control:{type:"text"},defaultValue:"Must be at least 100 characters long, and it should include each letter of the alphabet"},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Type your password"},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge"],"small")};var password_field_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Comparing to original password…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"It does not match the original password",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Matches original password!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};password_field_stories_MessageToneStory.displayName="MessageToneStory";var password_field_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Password field without a built-in label"}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};password_field_stories_WithoutLabelStory.displayName="WithoutLabelStory",password_field_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof PasswordField>) {\n    return (\n        <PasswordField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},password_field_stories_InteractivePropsStory.parameters),password_field_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <PasswordField\n                label="Password confirmation"\n                message="Comparing to original password…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="It does not match the original password"\n                tone="error"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Matches original password!"\n                tone="success"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},password_field_stories_MessageToneStory.parameters),password_field_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <PasswordField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Password field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},password_field_stories_WithoutLabelStory.parameters);try{password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:null,description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"]={docgenInfo:password_field_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/responsive-props.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function getClassNames(styles,property,value){if(!value)return null;var classList=[];return"string"==typeof value?classList.push(styles[property+"-"+value]):(value.mobile&&classList.push(styles[property+"-"+value.mobile]),value.tablet&&classList.push(styles["tablet-"+property+"-"+value.tablet]),value.desktop&&classList.push(styles["desktop-"+property+"-"+value.desktop])),classList}function mapResponsiveProp(fromValue,mapper){if(fromValue)return"object"!=typeof fromValue?mapper(fromValue):{mobile:fromValue.mobile?mapper(fromValue.mobile):void 0,tablet:fromValue.tablet?mapper(fromValue.tablet):void 0,desktop:fromValue.desktop?mapper(fromValue.desktop):void 0}}},"./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/select-field/select-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/select-field/select-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/SelectField",component:___WEBPACK_IMPORTED_MODULE_6__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0,defaultValue:"-",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"-",disabled:!0,children:"Select theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Light themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"default",children:"Default theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"bright",children:"Extra bright"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Dark themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"contrast",children:"High contrast"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"dark",children:"Dark mode"})]})]}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Theme"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"The theme you select will be applied immediately. If you upgrade to premium you will have more themes to choose from."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saving…",tone:"loading",disabled:!0,maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Something went wrong. Please, try again.",tone:"error",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saved successfully!",tone:"success",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the select element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the select element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof SelectField>) {\n    return (\n        <SelectField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n            defaultValue="-"\n        >\n            <option value="-" disabled>\n                Select theme\n            </option>\n            <optgroup label="Light themes">\n                <option value="default">Default theme</option>\n                <option value="bright">Extra bright</option>\n            </optgroup>\n            <optgroup label="Dark themes">\n                <option value="contrast">High contrast</option>\n                <option value="dark">Dark mode</option>\n            </optgroup>\n        </SelectField>\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <SelectField\n                label="Country of residence"\n                message="Saving…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Something went wrong. Please, try again."\n                tone="error"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Saved successfully!"\n                tone="success"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the select element)</em>\n                </Text>\n            </Stack>\n            <SelectField label={null} id="custom-textarea" aria-describedby="custom-description">\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>\n                        (inspect the select element accessibility properties if you are curious)\n                    </em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/select-field/select-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/select-field/select-field.module.css"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","children","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SelectField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function SelectField(_ref,ref){var id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_children=_ref.children,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.selectWrapper,"error"===tone?_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null],children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({},props,extraProps,{ref:ref,children:_children})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(SelectChevron,{"aria-hidden":!0})]})}})}));function SelectChevron(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("svg",Object.assign({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"})}))}SelectChevron.displayName="SelectChevron";try{SelectField.displayName="SelectField",SelectField.__docgenInfo={description:"",displayName:"SelectField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.tsx#SelectField"]={docgenInfo:SelectField.__docgenInfo,name:"SelectField",path:"src/new-components/select-field/select-field.tsx#SelectField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/spinner/spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Spinner}));__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/react/index.js");var _spinner_module_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/spinner/spinner.module.css"),_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_spinner_module_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg",{"aria-hidden":!0,width:size,height:size,viewBox:"0 0 24 24",className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.svg,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g",{fill:"none",fillRule:"nonzero",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})]})})}Spinner.displayName="Spinner";try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/spinner/spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/new-components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/stack/stack.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_heading__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["itemCount"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Stack",component:_stack__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["start","center","end"]),dividers:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["primary","secondary","tertiary"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.e)()),parameters:{badges:["accessible"]}};var widths=[300,360,430,280,600,490,400],heights=[80,40,60,70,90,30,100];function size(index){return{width:widths[index%widths.length],height:heights[index%heights.length]}}var InteractivePropsStory=function InteractivePropsStory(_ref){var itemCount=_ref.itemCount,args=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count",5)};var ResponsiveStory=function ResponsiveStory(_ref2){var itemCount=_ref2.itemCount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,title:"Alignment and spacing changes as the viewport width changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},align:{mobile:"start",tablet:"center",desktop:"end"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))})})]})};ResponsiveStory.argTypes=Object.assign({itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count"),space:{control:!1},align:{control:!1},dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d);var NestedStacksStory=function NestedStacksStory(args){var _args$space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"1",children:["Parent stack with space=“",null!==(_args$space=args.space)&&void 0!==_args$space?_args$space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]})]}))};NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)("xlarge"),dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({\n    itemCount,\n    ...args\n}: PartialProps<typeof Stack> & { itemCount: number }) {\n    return (\n        <Wrapper border={true}>\n            <Stack {...args}>\n                {times(itemCount).map((i) => (\n                    <Placeholder key={i} label={i + 1} {...size(i)} />\n                ))}\n            </Stack>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Wrapper border title=\"Alignment and spacing changes as the viewport width changes\">\n                <Stack\n                    space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}\n                    align={{ mobile: 'start', tablet: 'center', desktop: 'end' }}\n                >\n                    {times(itemCount).map((i) => (\n                        <Placeholder key={i} label={i + 1} {...size(i)} />\n                    ))}\n                </Stack>\n            </Wrapper>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=Object.assign({storySource:{source:'function NestedStacksStory(args: PartialProps<typeof Stack>) {\n    return (\n        <Stack {...args}>\n            <Heading level="1">\n                Parent stack with space=&ldquo;{args.space ?? \'none\'}&rdquo;\n            </Heading>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n        </Stack>\n    )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Stack}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-keyed-flatten-children/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_divider__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/divider/divider.tsx"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/stack/stack.module.css"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_stack_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","dividers","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Stack=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Stack(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"start":_ref$align,_ref$dividers=_ref.dividers,dividers=void 0===_ref$dividers?"none":_ref$dividers,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),alignProps="start"===align?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"start"===align?"flexStart":"end"===align?"flexEnd":"center"}))};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,alignProps,{as:as,className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"space",space)],ref:ref,children:"none"!==dividers?react__WEBPACK_IMPORTED_MODULE_5__.Children.map(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default()(children),(function(child,index){return index>0?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_divider__WEBPACK_IMPORTED_MODULE_10__.a,{weight:dividers}),child]}):child})):children}))}))},"./src/new-components/storybook-helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/box/box.tsx"),_heading__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./src/new-components/default-styles.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function select(options,defaultValue){return{control:{type:"select"},options:options,defaultValue:defaultValue}}function selectWithNone(options){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge","full"]),width:selectWithNone(["auto","maxContent","minContent","fitContent","xsmall","small","medium","large","xlarge","full"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){var _Object$assign;return Object.assign({},accumulator,((_Object$assign={})[key]={control:!1},_Object$assign))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_19__.a,{space:"small",children:[title?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_18__.a,{level:"2",children:title}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{width:"full",style:border?{border:"1px dotted black"}:void 0,children:children})]})}function ResponsiveWidthRef(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{height:"36px"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("div",{style:{position:"fixed",top:0,left:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"},children:"desktop min width"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"},children:"tablet min width"})]})]})}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium",children:label})}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/switch-field/switch-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return accessibilityAttributes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_switch_field__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var label=_ref.label,hint=_ref.hint,disabled=_ref.disabled;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{label:label||"Default label",hint:hint,disabled:disabled,mdxType:"SwitchField"})}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/SwitchField",component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"SwitchField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A checkbox with a built-in label element that visually looks like a toggle switch."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},argTypes:{label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the switch as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"dynamic"}}});var accessibilityAttributes=function accessibilityAttributes(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will describe the switch as "Husky".')))};accessibilityAttributes.displayName="accessibilityAttributes",accessibilityAttributes.storyName="Accessibility Attributes",accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <SwitchField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the switch as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/SwitchField",parameters:{badges:["accessible"]},component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["playground","accessibilityAttributes"]},mdxStoryNameToKey={Playground:"playground","Accessibility Attributes":"accessibilityAttributes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/switch-field/switch-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitchField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_box__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/new-components/box/box.tsx"),_stack__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/text/text.tsx"),_hidden_visually__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),_base_field__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/common-helpers.ts"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/switch-field/switch-field.module.css"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","aria-label","aria-labelledby","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SwitchField=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SwitchField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,hint=_ref.hint,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,hidden=_ref.hidden,defaultChecked=_ref.defaultChecked,originalId=_ref.id,originalAriaDescribedBy=_ref["aria-describedby"],originalAriaLabel=_ref["aria-label"],originalAriaLabelledby=_ref["aria-labelledby"],_onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded),id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(),ariaDescribedBy=null!=originalAriaDescribedBy?originalAriaDescribedBy:hint?hintId:void 0,ariaLabel=null!=originalAriaLabel?originalAriaLabel:void 0,ariaLabelledBy=null!=originalAriaLabelledby?originalAriaLabelledby:void 0,_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_16__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{className:[_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.container,disabled?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.disabled:null,isChecked?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.checked:null,keyFocused?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.keyFocused:null],as:"label",display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.toggle,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_hidden_visually__WEBPACK_IMPORTED_MODULE_18__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("input",Object.assign({},props,{id:id,type:"checkbox",disabled:disabled,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,ref:ref,checked:isChecked,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span",{className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.handle})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_text__WEBPACK_IMPORTED_MODULE_17__.a,{exceptionallySetClassName:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.label,children:label})]}),hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_19__.b,{id:hintId,children:hint}):null]})}));try{SwitchField.displayName="SwitchField",SwitchField.__docgenInfo={description:"",displayName:"SwitchField",props:{"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the switch for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current switch for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current switch for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/switch-field/switch-field.tsx#SwitchField"]={docgenInfo:SwitchField.__docgenInfo,name:"SwitchField",path:"src/new-components/switch-field/switch-field.tsx#SwitchField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/tabs/tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"themedVariant",(function(){return themedVariant})),__webpack_require__.d(__webpack_exports__,"usingTheTabAwareSlotComponent",(function(){return usingTheTabAwareSlotComponent})),__webpack_require__.d(__webpack_exports__,"multipleTabListInstances",(function(){return multipleTabListInstances})),__webpack_require__.d(__webpack_exports__,"polymorphism",(function(){return polymorphism}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_tabs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/tabs/tabs.tsx"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/columns/columns.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(_ref){var variant=_ref.variant,space=_ref.space,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,render=_ref.render,onSelectedIdChange=_ref.onSelectedIdChange,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{variant:variant,selectedId:selectedId,defaultSelectedId:defaultSelectedId,onSelectedIdChange:onSelectedIdChange,mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,space:space,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))))};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Tabs",component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Tabs"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://ariakit.org/examples/tab"},"Ariakit's Tab component"),". For more details of its expected\nbehaviour, see ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role"},"ARIA: tab role"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}},controls:{exclude:["children"]}},args:{"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},argTypes:{selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},name:"Main demo",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tabs>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabList>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tab>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabPanel>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabAwareSlot>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"The following CSS custom properties are available so that the tabs' colors can be customized:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-neutral-background\n--reactist-tab-neutral-foreground\n--reactist-tab-neutral-unselected\n--reactist-tab-neutral-track\n--reactist-tab-neutral-border\n\n--reactist-tab-themed-background\n--reactist-tab-themed-foreground\n--reactist-tab-themed-unselected\n--reactist-tab-themed-track\n--reactist-tab-themed-border\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Their size can also be customized with:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-track-border-width\n--reactist-tab-border-radius\n--reactist-tab-border-width\n--reactist-tab-height\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Themed variant"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},args:{"aria-label":"Tabs with themed variant style",variant:"themed"},name:"Themed variant",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Using the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabAwareSlot>")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Using the TabAwareSlot component",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,{mdxType:"Columns"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content",mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,{mdxType:"TabAwareSlot"},(function(_ref3){var selectedId=_ref3.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3")))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabList>")," instances"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"As long as they exist within the same ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<Tabs>")," component tree, multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<TabList>")," instances can be rendered."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Multiple TabList instances",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"By default, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"TabPanel")," renders an unstyled div. When more control is needed, an element type or component\ncan be specified with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Note that when combined with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},'render="active"')," prop, the entire tabpanel will be affected, including the actual polymorphic component/element passed into ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Polymorphism",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 3"))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=Template.bind({});mainDemo.storyName="Main demo",mainDemo.argTypes={selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},mainDemo.args={"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},mainDemo.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}},controls:{exclude:["children"]}});var themedVariant=Template.bind({});themedVariant.storyName="Themed variant",themedVariant.args={"aria-label":"Tabs with themed variant style",variant:"themed"},themedVariant.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}}});var usingTheTabAwareSlotComponent=function usingTheTabAwareSlotComponent(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,null,(function(_ref4){var selectedId=_ref4.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))))};usingTheTabAwareSlotComponent.displayName="usingTheTabAwareSlotComponent",usingTheTabAwareSlotComponent.storyName="Using the TabAwareSlot component",usingTheTabAwareSlotComponent.parameters=Object.assign({storySource:{source:'<Tabs>\n            <Columns>\n                <Column width="content">\n                    <TabList aria-label="TabAwareSlot example tabs">\n                        <Tab id="tab1">Tab 1</Tab>\n                        <Tab id="tab2">Tab 2</Tab>\n                        <Tab id="tab3">Tab 3</Tab>\n                    </TabList>\n                </Column>\n                <Column>\n                    <TabAwareSlot>\n                        {({\n          selectedId\n        }) => <Box height="full" display="flex" alignItems="center" justifyContent="flexEnd">\n                                <Text>Currently showing the {selectedId} tab</Text>\n                            </Box>}\n                    </TabAwareSlot>\n                </Column>\n            </Columns>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var multipleTabListInstances=function multipleTabListInstances(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")))};multipleTabListInstances.displayName="multipleTabListInstances",multipleTabListInstances.storyName="Multiple TabList instances",multipleTabListInstances.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n            <TabList aria-hidden>\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var polymorphism=function polymorphism(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 3")))};polymorphism.displayName="polymorphism",polymorphism.storyName="Polymorphism",polymorphism.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1" as={Box} paddingX="small" paddingY="xlarge" render="active">\n                <Text>Content of tab 1</Text>\n            </TabPanel>\n            <TabPanel id="tab2" as="section" render="active">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3" as={Columns} paddingX="small" paddingY="xlarge" render="active">\n                <Column>Column 1</Column>\n                <Column>Column 2</Column>\n                <Column>Column 3</Column>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Tabs",parameters:{badges:["accessible"]},component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,includeStories:["mainDemo","themedVariant","usingTheTabAwareSlotComponent","multipleTabListInstances","polymorphism"]},mdxStoryNameToKey={"Main demo":"mainDemo","Themed variant":"themedVariant","Using the TabAwareSlot component":"usingTheTabAwareSlotComponent","Multiple TabList instances":"multipleTabListInstances",Polymorphism:"polymorphism"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/tabs/tabs.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return Tabs})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab})),__webpack_require__.d(__webpack_exports__,"c",(function(){return TabList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return TabPanel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return TabAwareSlot}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),ariakit_tab__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-state.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/ariakit/esm/tab/tab.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-list.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-panel.js"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/utils/polymorphism.ts"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/tabs/tabs.module.css"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__),_box__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","id","exceptionallySetClassName"],_excluded2=["children","space"],_excluded3=["children","id","as","render"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TabsContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext(null);function Tabs(_ref){var children=_ref.children,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,onSelectedIdChange=_ref.onSelectedIdChange,tabState=Object(ariakit_tab__WEBPACK_IMPORTED_MODULE_16__.a)({selectedId:selectedId,setSelectedId:onSelectedIdChange}),previousDefaultSelectedId=Object(_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__.a)(defaultSelectedId),actualSelectedId=tabState.selectedId,select=tabState.select;react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function selectDefaultTab(){selectedId||defaultSelectedId===previousDefaultSelectedId||defaultSelectedId===actualSelectedId||void 0===defaultSelectedId||select(defaultSelectedId)}),[selectedId,defaultSelectedId,actualSelectedId,select,previousDefaultSelectedId]);var memoizedTabState=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function memoizeTabState(){return{tabState:tabState,variant:variant}}),[variant,tabState]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TabsContext.Provider,{value:memoizedTabState,children:children})}Tabs.displayName="Tabs";var Tab=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function Tab(_ref2,ref){var as=_ref2.as,children=_ref2.children,id=_ref2.id,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var variant=tabContextValue.variant,tabState=tabContextValue.tabState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_17__.a,Object.assign({},props,{as:as,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(exceptionallySetClassName,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.tab,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["tab-"+variant]),id:id,state:tabState,ref:ref,children:children}))}));function TabList(_ref3){var children=_ref3.children,_ref3$space=_ref3.space,space=void 0===_ref3$space?"xsmall":_ref3$space,props=_objectWithoutProperties(_ref3,_excluded2),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var tabState=tabContextValue.tabState,variant=tabContextValue.variant;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_tab__WEBPACK_IMPORTED_MODULE_18__.a,Object.assign({state:tabState,as:_box__WEBPACK_IMPORTED_MODULE_24__.a,position:"relative",width:"maxContent"},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.track,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+space],_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+variant])}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:space,children:children})]}))})}TabList.displayName="TabList";var TabPanel=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function TabPanel(_ref4,ref){var children=_ref4.children,id=_ref4.id,as=_ref4.as,_ref4$render=_ref4.render,render=void 0===_ref4$render?"always":_ref4$render,props=_objectWithoutProperties(_ref4,_excluded3),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext),_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),tabRendered=_React$useState2[0],setTabRendered=_React$useState2[1],tabIsActive=(null==tabContextValue?void 0:tabContextValue.tabState.selectedId)===id;if(react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function trackTabRenderedState(){!tabRendered&&tabIsActive&&setTabRendered(!0)}),[tabRendered,tabIsActive]),!tabContextValue)return null;var tabState=tabContextValue.tabState;return"always"===render||"active"===render&&tabIsActive||"lazy"===render&&(tabIsActive||tabRendered)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({tabId:id},props,{state:tabState,as:as,ref:ref,children:children})):null}));function TabAwareSlot(_ref5){var children=_ref5.children,tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);return tabContextValue?children({selectedId:null==tabContextValue?void 0:tabContextValue.tabState.selectedId}):null}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>` components",name:"children",required:!0,type:{name:"ReactNode"}},variant:{defaultValue:{value:"neutral"},description:"Determines the look and feel of the tabs.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"themed"'}]}},selectedId:{defaultValue:null,description:"The id of the selected tab. Assigning a value makes this a\ncontrolled component",name:"selectedId",required:!1,type:{name:"string | null | undefined"}},defaultSelectedId:{defaultValue:null,description:"The tab to initially select. This can be used if the component should not\nbe a controlled component but needs to have a tab selected",name:"defaultSelectedId",required:!1,type:{name:"string | null | undefined"}},onSelectedIdChange:{defaultValue:null,description:"Called with the tab id when a tab is selected",name:"onSelectedIdChange",required:!1,type:{name:"((selectedId: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/new-components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{TabList.displayName="TabList",TabList.__docgenInfo={description:"A component used to group `<Tab>` elements together.",displayName:"TabList",props:{"aria-label":{defaultValue:null,description:"Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted.",name:"aria-label",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"A list of `<Tab>` elements",name:"children",required:!0,type:{name:"ReactNode"}},space:{defaultValue:{value:"xsmall"},description:"Controls the spacing between tabs",name:"space",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},"aria-labelledby":{defaultValue:null,description:"One or more element IDs used to label the tab list for assistive technologies. Required if\n`aria-label` is omitted.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-hidden":{defaultValue:null,description:"For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden",name:"aria-hidden",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/new-components/tabs/tabs.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}try{TabAwareSlot.displayName="TabAwareSlot",TabAwareSlot.__docgenInfo={description:"Allows content to be rendered based on the current tab being selected while outside of the TabPanel\ncomponent. Can be placed freely within the main `<Tabs>` component.",displayName:"TabAwareSlot",props:{children:{defaultValue:null,description:"Render prop used to provide the content to be rendered inside the slot. The render prop will be\ncalled with the current `selectedId`",name:"children",required:!0,type:{name:"(provided: { selectedId?: string | null | undefined; }) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabAwareSlot"]={docgenInfo:TabAwareSlot.__docgenInfo,name:"TabAwareSlot",path:"src/new-components/tabs/tabs.tsx#TabAwareSlot"})}catch(__react_docgen_typescript_loader_error){}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.",displayName:"Tab",props:{children:{defaultValue:null,description:"The content to render inside of the tab button",name:"children",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tab's identifier. This must match its corresponding `<TabPanel>`'s id",name:"id",required:!0,type:{name:"string"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/new-components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The content to be rendered inside the tab",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tabPanel's identifier. This must match its corresponding `<Tab>`'s id",name:"id",required:!0,type:{name:"string"}},render:{defaultValue:null,description:"By default, the tab panel's content is always rendered even when they are not active. This behaviour can be changed to\n'active', which renders only when the tab is active, and 'lazy', meaning while inactive tab panels will not be rendered\ninitially, they will remain mounted once they are active until the entire Tabs tree is unmounted.",name:"render",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"always"'},{value:'"active"'},{value:'"lazy"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/new-components/tabs/tabs.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-area/text-area.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return text_area_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return text_area_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return text_area_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_area_module=__webpack_require__("./src/new-components/text-area/text-area.module.css"),text_area_module_default=__webpack_require__.n(text_area_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function TextArea(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,hidden:hidden,"aria-describedby":ariaDescribedBy,className:[text_area_module_default.a.textAreaContainer,"error"===tone?text_area_module_default.a.error:null,"bordered"===variant?text_area_module_default.a.bordered:null],maxWidth:maxWidth,children:function children(extraProps){return Object(jsx_runtime.jsx)(box.a,{width:"full",display:"flex",children:Object(jsx_runtime.jsx)("textarea",Object.assign({},props,extraProps))})}})}TextArea.displayName="TextArea";try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/new-components/text-area/text-area.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var text_area_stories_excluded=["label","auxiliaryLabel"];function text_area_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function text_area_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/TextArea",component:TextArea,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var text_area_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=text_area_stories_objectWithoutProperties(_ref,text_area_stories_excluded);return Object(jsx_runtime.jsx)(TextArea,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"User bio"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"You’ll have a better experience in our community if others get to know a little bit about you."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Tell us something about yourself. Don’t be shy."},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge","full"],"small")};var text_area_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Saving changes…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Too short. Don't be shy, tell us a bit more.",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Changes saved successfully!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};text_area_stories_MessageToneStory.displayName="MessageToneStory";var text_area_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(TextArea,{label:null,id:"custom-textarea","aria-describedby":"custom-description",rows:8}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the textarea accessibility properties if you are curious)"})})]})]})};text_area_stories_WithoutLabelStory.displayName="WithoutLabelStory",text_area_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextArea>) {\n    return (\n        <TextArea\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},text_area_stories_InteractivePropsStory.parameters),text_area_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextArea\n                label="Profile bio"\n                message="Saving changes…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Too short. Don\'t be shy, tell us a bit more."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Changes saved successfully!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},text_area_stories_MessageToneStory.parameters),text_area_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <TextArea\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                rows={8}\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the textarea accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},text_area_stories_WithoutLabelStory.parameters);try{text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"]={docgenInfo:text_area_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-field/text-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text/text.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text-field/text-field.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/TextField",component:___WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Your name"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"We need your name for billing and shipping purposes. Make sure to enter it correctly."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Enter your name as it appears in your ID"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Verifying code…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Invalid code. Please, try again.",tone:"error",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Code verification successful!",tone:"success",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the input element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Text field without a built-in label"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextField>) {\n    return (\n        <TextField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextField\n                label="Verification code"\n                message="Verifying code…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Invalid code. Please, try again."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Code verification successful!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the input element)</em>\n                </Text>\n            </Stack>\n            <TextField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Text field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text-field/text-field.module.css"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","type","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TextField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function TextField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.inputWrapper,"error"===tone?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input",Object.assign({},props,extraProps,{type:type,ref:ref}))})}})}));try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"src/new-components/text-field/text-field.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text/text.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveTextStory",(function(){return ResponsiveTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return TextPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/text/text.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Text",component:_text__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var TextStory=function TextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"regular",children:"Subtitle Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"secondary",children:"Subtitle Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"danger",children:"Subtitle Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"positive",children:"Subtitle Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"semibold",children:"Subtitle Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"bold",children:"Subtitle Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"regular",children:"Body Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"secondary",children:"Body Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"danger",children:"Body Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"positive",children:"Body Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"semibold",children:"Body Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"bold",children:"Body Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"regular",children:"Copy Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"secondary",children:"Copy Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"danger",children:"Copy Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"positive",children:"Copy Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"semibold",children:"Copy Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"bold",children:"Copy Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"regular",children:"Caption Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"secondary",children:"Caption Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"danger",children:"Caption Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"positive",children:"Caption Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"semibold",children:"Caption Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"bold",children:"Caption Bold"})]})})};TextStory.displayName="TextStory";var TruncatedTextStory=function TruncatedTextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:1,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:4,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."})]})})};TruncatedTextStory.displayName="TruncatedTextStory";var ResponsiveTextStory=function ResponsiveTextStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveTextStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}};var TextPlaygroundStory=function TextPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}},TextStory.parameters=Object.assign({storySource:{source:'function TextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text size="subtitle" weight="regular">\n                    Subtitle Regular\n                </Text>\n                <Text size="subtitle" tone="secondary">\n                    Subtitle Secondary\n                </Text>\n                <Text size="subtitle" tone="danger">\n                    Subtitle Danger\n                </Text>\n                <Text size="subtitle" tone="positive">\n                    Subtitle Positive\n                </Text>\n                <Text size="subtitle" weight="semibold">\n                    Subtitle Semibold\n                </Text>\n                <Text size="subtitle" weight="bold">\n                    Subtitle Bold\n                </Text>\n\n                <Text size="body" weight="regular">\n                    Body Regular\n                </Text>\n                <Text size="body" tone="secondary">\n                    Body Secondary\n                </Text>\n                <Text size="body" tone="danger">\n                    Body Danger\n                </Text>\n                <Text size="body" tone="positive">\n                    Body Positive\n                </Text>\n                <Text size="body" weight="semibold">\n                    Body Semibold\n                </Text>\n                <Text size="body" weight="bold">\n                    Body Bold\n                </Text>\n\n                <Text size="copy" weight="regular">\n                    Copy Regular\n                </Text>\n                <Text size="copy" tone="secondary">\n                    Copy Secondary\n                </Text>\n                <Text size="copy" tone="danger">\n                    Copy Danger\n                </Text>\n                <Text size="copy" tone="positive">\n                    Copy Positive\n                </Text>\n                <Text size="copy" weight="semibold">\n                    Copy Semibold\n                </Text>\n                <Text size="copy" weight="bold">\n                    Copy Bold\n                </Text>\n\n                <Text size="caption" weight="regular">\n                    Caption Regular\n                </Text>\n                <Text size="caption" tone="secondary">\n                    Caption Secondary\n                </Text>\n                <Text size="caption" tone="danger">\n                    Caption Danger\n                </Text>\n                <Text size="caption" tone="positive">\n                    Caption Positive\n                </Text>\n                <Text size="caption" weight="semibold">\n                    Caption Semibold\n                </Text>\n                <Text size="caption" weight="bold">\n                    Caption Bold\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TextStory.parameters),TruncatedTextStory.parameters=Object.assign({storySource:{source:'function TruncatedTextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text lineClamp={1}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n\n                <Text lineClamp={4}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TruncatedTextStory.parameters),ResponsiveTextStory.parameters=Object.assign({storySource:{source:"function ResponsiveTextStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Text {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveTextStory.parameters),TextPlaygroundStory.parameters=Object.assign({storySource:{source:'function TextPlaygroundStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <section className="story playground">\n            <Text {...props} />\n        </section>\n    )\n}'}},TextPlaygroundStory.parameters);try{ResponsiveTextStory.displayName="ResponsiveTextStory",ResponsiveTextStory.__docgenInfo={description:"",displayName:"ResponsiveTextStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#ResponsiveTextStory"]={docgenInfo:ResponsiveTextStory.__docgenInfo,name:"ResponsiveTextStory",path:"src/new-components/text/text.stories.tsx#ResponsiveTextStory"})}catch(__react_docgen_typescript_loader_error){}try{TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Text}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utils/polymorphism.ts"),_text_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/text/text.module.css"),_text_module_css__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_text_module_css__WEBPACK_IMPORTED_MODULE_12__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__.a)((function Text(_ref,ref){var as=_ref.as,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,align=_ref.align,children=_ref.children,lineClamp=_ref.lineClamp,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),lineClampMultipleLines="string"==typeof lineClamp?Number(lineClamp)>1:(null!=lineClamp?lineClamp:1)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{as:as,className:[exceptionallySetClassName,_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.text,"body"!==size?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"size",size):null,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"tone",tone):null,lineClampMultipleLines?_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,ref:ref,children:children}))}))},"./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/toast/toast.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NotificationToastsStory",(function(){return toast_stories_NotificationToastsStory})),__webpack_require__.d(__webpack_exports__,"StaticToastStory",(function(){return toast_stories_StaticToastStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),checkbox_field=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),close_icon=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/new-components/icons/close-icon.tsx")),text_text=__webpack_require__("./src/new-components/text/text.tsx"),toast_module=__webpack_require__("./src/new-components/toast/toast.module.css"),toast_module_default=__webpack_require__.n(toast_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["message","description","icon","action","onDismiss","dismissLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StaticToast=react_default.a.forwardRef((function Toast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,onDismiss=_ref.onDismiss,_ref$dismissLabel=_ref.dismissLabel,dismissLabel=void 0===_ref$dismissLabel?"Close":_ref$dismissLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)(box.a,Object.assign({ref:ref,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:toast_module_default.a.toastContainer},props,{children:[icon?Object(jsx_runtime.jsx)(ToastContentSlot,{children:icon}):null,Object(jsx_runtime.jsx)(box.a,{flexGrow:1,maxWidth:"small",children:description?Object(jsx_runtime.jsxs)(stack.a,{space:"small",children:[Object(jsx_runtime.jsxs)(text_text.a,{weight:"bold",children:[message," "]}),Object(jsx_runtime.jsx)(text_text.a,{children:description})]}):Object(jsx_runtime.jsx)(text_text.a,{children:message})}),action?Object(jsx_runtime.jsx)(ToastContentSlot,{children:isActionObject(action)?Object(jsx_runtime.jsx)(button_button.a,{variant:"tertiary",size:"small",onClick:action.onClick,children:action.label}):action}):null,onDismiss?Object(jsx_runtime.jsx)(ToastContentSlot,{children:Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",size:"small",onClick:onDismiss,"aria-label":dismissLabel,icon:Object(jsx_runtime.jsx)(close_icon.a,{})})}):null]}))}));function isActionObject(action){return null!=action&&"object"==typeof action&&"label"in action&&"onClick"in action&&"string"==typeof action.label&&"function"==typeof action.onClick}function ToastContentSlot(_ref2){var children=_ref2.children;return Object(jsx_runtime.jsx)(box.a,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:toast_module_default.a.slot,children:children})}ToastContentSlot.displayName="ToastContentSlot";try{StaticToast.displayName="StaticToast",StaticToast.__docgenInfo={description:"A toast that shows a message, and an optional action associated with it.\n\nThis component is generally not meant to be used directly. Most of the time you'll want to use\ntoasts generated via `useToasts` instead. However, this component is available in case you need\nto take control of rendering a toast under different circumstances than that of notification-like\nfloating toasts.\n\nThis component makes no assumptions outwardly about how it is positioned on the screen. That is,\nit will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\nprovides the toast look and feel, but you are responsible for positioning it as you want.",displayName:"StaticToast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:{value:"Close"},description:"The label for the button that dismisses the toast.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/static-toast.tsx#StaticToast"]={docgenInfo:StaticToast.__docgenInfo,name:"StaticToast",path:"src/new-components/toast/static-toast.tsx#StaticToast"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts");__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function animate(_ref){var element=_ref.element,transforms=_ref.transforms,transition=_ref.transition,done=_ref.done,fallbackTimeout=setTimeout((function(){null==done||done()}),400);transforms.forEach((function(_ref2){var property=_ref2.property,_ref2$from=_ref2.from,from=void 0===_ref2$from?"":_ref2$from;element.style.setProperty(property,from)})),element.style.setProperty("transition",""),element.addEventListener("transitionend",(function transitionEndHandler(event){event.target===element&&(element.style.setProperty("transition",""),null==done||done(),element.removeEventListener("transitionend",transitionEndHandler),clearTimeout(fallbackTimeout))})),window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){element.style.setProperty("transition",transition),transforms.forEach((function(_ref3){var property=_ref3.property,_ref3$to=_ref3.to,to=void 0===_ref3$to?"":_ref3$to;element.style.setProperty(property,to)}))}))}))}var use_toasts_excluded=["toastId"];function use_toasts_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function use_toasts_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return use_toasts_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||use_toasts_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_slicedToArray(arr,i){return function use_toasts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function use_toasts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||use_toasts_unsupportedIterableToArray(arr,i)||function use_toasts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return use_toasts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?use_toasts_arrayLikeToArray(o,minLen):void 0}}function use_toasts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var use_toasts_InternalToast=react_default.a.forwardRef((function InternalToast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,autoDismissDelay=_ref.autoDismissDelay,dismissLabel=_ref.dismissLabel,_ref$showDismissButto=_ref.showDismissButton,showDismissButton=void 0===_ref$showDismissButto||_ref$showDismissButto,toastId=_ref.toastId,onDismiss=_ref.onDismiss,onRemoveToast=_ref.onRemoveToast,_React$useState2=use_toasts_slicedToArray(react_default.a.useState(Boolean(autoDismissDelay)),2),timeoutRunning=_React$useState2[0],setTimeoutRunning=_React$useState2[1],timeoutRef=react_default.a.useRef(),startTimeout=react_default.a.useCallback((function startTimeout(){setTimeoutRunning(!0)}),[]),stopTimeout=react_default.a.useCallback((function stopTimeout(){setTimeoutRunning(!1),clearTimeout(timeoutRef.current),timeoutRef.current=void 0}),[]);return react_default.a.useEffect((function setupAutoDismiss(){if(timeoutRunning&&autoDismissDelay)return timeoutRef.current=window.setTimeout((function(){onRemoveToast(toastId),null==onDismiss||onDismiss()}),1e3*autoDismissDelay),stopTimeout}),[autoDismissDelay,onDismiss,onRemoveToast,toastId,stopTimeout,timeoutRunning]),Object(jsx_runtime.jsx)(StaticToast,{ref:ref,message:message,description:description,icon:icon,action:action,onDismiss:showDismissButton?function(){null==onDismiss||onDismiss(),onRemoveToast(toastId)}:void 0,dismissLabel:dismissLabel,onMouseEnter:stopTimeout,onMouseLeave:startTimeout})})),ToastsContext=react_default.a.createContext((function(){return function(){}}));function ToastsProvider(_ref2){var children=_ref2.children,_ref2$padding=_ref2.padding,padding=void 0===_ref2$padding?"large":_ref2$padding,_ref2$defaultAutoDism=_ref2.defaultAutoDismissDelay,defaultAutoDismissDelay=void 0===_ref2$defaultAutoDism?10:_ref2$defaultAutoDism,_ref2$defaultDismissL=_ref2.defaultDismissLabel,defaultDismissLabel=void 0===_ref2$defaultDismissL?"Close":_ref2$defaultDismissL,_React$useState4=use_toasts_slicedToArray(react_default.a.useState([]),2),toasts=_React$useState4[0],setToasts=_React$useState4[1],_useToastsAnimation=function useToastsAnimation(){var refs=Object(react.useMemo)((function(){return new Map}),[]),positions=Object(react.useMemo)((function(){return new Map}),[]);Object(react.useLayoutEffect)((function(){var animations=[];Array.from(refs.entries()).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),id=_ref5[0],element=_ref5[1];if(element){var prevTop=positions.get(id),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height;"number"==typeof prevTop&&prevTop!==top?animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+(prevTop-top)+"px)"}]}):"number"!=typeof prevTop&&animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+height+"px)"},{property:"opacity",from:"0"}]}),positions.set(id,element.getBoundingClientRect().top)}else refs.delete(id)})),animations.forEach((function(_ref6){animate({element:_ref6.element,transforms:_ref6.transforms,transition:_ref6.transition})}))}));var animateRemove=Object(react.useCallback)((function animateRemove(id,onAnimationDone){var element=refs.get(id);element&&animate({element:element,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:onAnimationDone})}),[refs]);return{mappedRef:Object(react.useCallback)((function(id){return function(ref){refs.set(id,ref)}}),[refs]),animateRemove:animateRemove}}(),mappedRef=_useToastsAnimation.mappedRef,animateRemove=_useToastsAnimation.animateRemove,removeToast=react_default.a.useCallback((function onRemoveToast(toastId){animateRemove(toastId,(function(){setToasts((function(list){var index=list.findIndex((function(n){return n.toastId===toastId}));if(index<0)return list;var copy=_toConsumableArray(list);return copy.splice(index,1),copy}))}))}),[animateRemove]),showToast=react_default.a.useCallback((function showToast(props){var toastId=Object(common_helpers.a)("toast"),newToast=Object.assign({autoDismissDelay:defaultAutoDismissDelay,dismissLabel:defaultDismissLabel},props,{toastId:toastId});return setToasts((function(list){return[].concat(_toConsumableArray(list),[newToast])})),function(){return removeToast(toastId)}}),[defaultAutoDismissDelay,defaultDismissLabel,removeToast]);return Object(jsx_runtime.jsxs)(ToastsContext.Provider,{value:showToast,children:[children,Object(jsx_runtime.jsx)(portal.a,{children:0===toasts.length?null:Object(jsx_runtime.jsx)(box.a,{className:toast_module_default.a.stackedToastsView,position:"fixed",width:"full",paddingX:padding,paddingBottom:padding,children:Object(jsx_runtime.jsx)(stack.a,{space:"medium",children:toasts.map((function(_ref3){var toastId=_ref3.toastId,props=use_toasts_objectWithoutProperties(_ref3,use_toasts_excluded);return Object(jsx_runtime.jsx)(use_toasts_InternalToast,Object.assign({ref:mappedRef(toastId),toastId:toastId,onRemoveToast:removeToast},props),toastId)}))})})})]})}function useToasts(){return react_default.a.useContext(ToastsContext)}function use_toasts_Toast(props){var showToast=useToasts(),propsRef=react_default.a.useRef(props);return react_default.a.useEffect((function(){return showToast(propsRef.current)}),[showToast]),null}ToastsProvider.displayName="ToastsProvider";try{use_toasts_Toast.displayName="Toast",use_toasts_Toast.__docgenInfo={description:'Adds a toast to be rendered, stacked alongside any other currently active toasts.\n\nFor most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\nThis component is provided for convenience to render toasts in the markup, but it has some\npeculiarities, which are discussed below.\n\nInternally, this calls `showToast`. It is provided for two reasons:\n\n1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n   toasts rendered in this way will be removed from view when the context where it is rendered\n   is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n   by the user or after a delay. They\'ll still be animated on their way out, though.\n2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n   `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when\n   the component ceases to be rendered).\n\nThis is useful for cases when the consumer wants to control when a toast is visible, and to keep\nit visible based on an app-specific condition.\n\nSomething important to note about this component is that it triggers the toast based on the props\npassed when first rendered, and it does not update the toast if these props change on subsequent\nrenders. In this sense, this is an imperative component, more than a descriptive one. This is\ndone to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\ntoast imperatively, and you loose control over it. It remains rendered according to the props you\nfirst passed.',displayName:"Toast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:null,description:"The label for the button that dismisses the toast.\nThe label for the button that dismisses the toast.\n\nIt defaults to the value set in the ToastsProvider, but individual toasts can have a\ndifferent value if needed.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}},autoDismissDelay:{defaultValue:null,description:"The number of seconds the toast is expected to be shown before it is dismissed automatically,\nor false to disable auto-dismiss.\n\nIt defaults to whatever is the autoDismissDelay set in the ToastsProvider.",name:"autoDismissDelay",required:!1,type:{name:"number | false | undefined"}},showDismissButton:{defaultValue:{value:"true"},description:"Whether to show the dismiss button or not.\n\nUse this value with care. If combined with disabling `autoDismissDelay`, it may leave you\nwith toasts that the user won't be able to dismiss at will. It then is your responsibility to\ndismiss the toast by calling the function returned by `showToast`.",name:"showDismissButton",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#Toast"]={docgenInfo:use_toasts_Toast.__docgenInfo,name:"Toast",path:"src/new-components/toast/use-toasts.tsx#Toast"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProvider.displayName="ToastsProvider",ToastsProvider.__docgenInfo={description:"Provides the state management and rendering of the toasts currently active.\n\nYou need to render this near the top of your app components tree, in order to `useToasts`.",displayName:"ToastsProvider",props:{defaultDismissLabel:{defaultValue:{value:"Close"},description:"The default label to apply to toast dismiss buttons.\n\nThis is useful in environments that need locatization, so you do not need to pass the same\ntranslated label every time you trigger a toast.\n\nHowever, you can still apply a different label to a specific toast, by passing a different\nvalue when calling showToast.",name:"defaultDismissLabel",required:!1,type:{name:"string | undefined"}},defaultAutoDismissDelay:{defaultValue:{value:"10"},description:"The default number of seconds after which the toast will be dismissed automatically.\n\nYou can pass a different value to a specific toast when calling `showToast`. You can even\npass `false` if you want a certain toast to never be dismissed automatically.",name:"defaultAutoDismissDelay",required:!1,type:{name:"number | undefined"}},padding:{defaultValue:{value:"large"},description:"The padding used to separate the toasts from the viewport borders.",name:"padding",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},children:{defaultValue:null,description:"The app wrapped by the provider.",name:"children",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProvider"]={docgenInfo:ToastsProvider.__docgenInfo,name:"ToastsProvider",path:"src/new-components/toast/use-toasts.tsx#ToastsProvider"})}catch(__react_docgen_typescript_loader_error){}try{useToasts.displayName="useToasts",useToasts.__docgenInfo={description:"Provides a function `showToast` that shows a new toast every time you call it.\n\n```jsx\nconst showToast = useToasts()\n\n<button onClick={() => showToast({ message: 'Hello' })}>\n  Say hello\n</button>\n```\n\nAll toasts fired via this function are rendered in a global fixed location, and stacked one on\ntop of the other.\n\nWhen called, `showToast` returns a function that dismisses the toast when called.",displayName:"useToasts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#useToasts"]={docgenInfo:useToasts.__docgenInfo,name:"useToasts",path:"src/new-components/toast/use-toasts.tsx#useToasts"})}catch(__react_docgen_typescript_loader_error){}try{ToastProps.displayName="ToastProps",ToastProps.__docgenInfo={description:"The props needed to fire up a new notification toast.",displayName:"ToastProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastProps"]={docgenInfo:ToastProps.__docgenInfo,name:"ToastProps",path:"src/new-components/toast/use-toasts.tsx#ToastProps"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProviderProps.displayName="ToastsProviderProps",ToastsProviderProps.__docgenInfo={description:"The props needed by the ToastsProvider component.",displayName:"ToastsProviderProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProviderProps"]={docgenInfo:ToastsProviderProps.__docgenInfo,name:"ToastsProviderProps",path:"src/new-components/toast/use-toasts.tsx#ToastsProviderProps"})}catch(__react_docgen_typescript_loader_error){}function toast_stories_slicedToArray(arr,i){return function toast_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function toast_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function toast_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return toast_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return toast_stories_arrayLikeToArray(o,minLen)}(arr,i)||function toast_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function toast_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Design system/Toast",parameters:{badges:["accessible"],layout:"fullscreen"},decorators:[function(Story){return Object(jsx_runtime.jsx)(ToastsProvider,{children:Object(jsx_runtime.jsx)(Story,{})})}]};var toast_stories_message=["Task was successfully deleted","Message was sent","Someone invited you to collaborate on a project","The project could not be deleted because there are other members collaborating on it","Your invitation could not be sent. Please try again.","There was an error trying to delete the channel. Please, try again.","An unknown error happened. If the issue persist, contact our support team."],actions=["Undo","Retry","Details"];function getRandom(list){return list[Math.floor(Math.random()*list.length)]}var toast_stories_NotificationToastsStory=function NotificationToastsStory(){var showToast=useToasts(),count=react.useRef(0),_React$useState2=toast_stories_slicedToArray(react.useState(!1),2),showSticky=_React$useState2[0],setShowSticky=_React$useState2[1];return Object(jsx_runtime.jsxs)(box.a,{padding:"large",children:[Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"useToast"})," hook to fire notification-like toasts."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return showToast({message:count.current+++": "+getRandom(toast_stories_message)})},children:"Show toast"}),Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){var actionLabel=getRandom(actions);showToast({message:count.current+++": "+getRandom(toast_stories_message),action:{label:actionLabel,onClick:Object(esm.action)(actionLabel)}})},children:"Show toast with action"})]})}),Object(jsx_runtime.jsx)(switch_field.a,{label:"Show sticky toast?",checked:showSticky,onChange:function onChange(event){return setShowSticky(event.target.checked)},hint:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Using the ",Object(jsx_runtime.jsx)("code",{children:"<Toast/>"})," component, you can achieve having a toast that remains in view, and you control when it goes away."]})})]}),showSticky?Object(jsx_runtime.jsx)(use_toasts_Toast,{message:"This is a sticky toast",showDismissButton:!1,autoDismissDelay:!1}):null]})};toast_stories_NotificationToastsStory.displayName="NotificationToastsStory";var toast_stories_StaticToastStory=function StaticToastStory(){var _React$useState4=toast_stories_slicedToArray(react.useState(!1),2),showIcon=_React$useState4[0],setShowIcon=_React$useState4[1],_React$useState6=toast_stories_slicedToArray(react.useState(!1),2),showDismiss=_React$useState6[0],setShowDismiss=_React$useState6[1],_React$useState8=toast_stories_slicedToArray(react.useState("none"),2),actionVariant=_React$useState8[0],setActionVariant=_React$useState8[1],onClick=Object(esm.action)("Toast action"),action="default"===actionVariant?{label:"Accept invitation",onClick:onClick}:"loading"===actionVariant?Object(jsx_runtime.jsx)(spinner.a,{size:16}):"icon-button"===actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",icon:Object(jsx_runtime.jsx)(password_visible_icon.a,{}),"aria-label":"Done",size:"small",onClick:onClick}):"none"!==actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:actionVariant,onClick:onClick,children:"Accept invitation"}):void 0,commonProps={icon:showIcon?Object(jsx_runtime.jsx)(alert_icon.a,{tone:"info"}):void 0,onDismiss:showDismiss?function(){}:void 0,action:action};return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",padding:"large",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Statically-rendered toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"StaticToast"})," component to render a toast in custom positions."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show icon?",checked:showIcon,onChange:function onChange(event){return setShowIcon(event.target.checked)}}),Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show dismiss button?",checked:showDismiss,onChange:function onChange(event){return setShowDismiss(event.target.checked)}})]})}),Object(jsx_runtime.jsxs)(select_field.a,{label:"Action button variant",value:actionVariant,onChange:function onChange(event){setActionVariant(event.target.value)},maxWidth:"xsmall",children:[Object(jsx_runtime.jsx)("option",{value:"none",children:"none"}),Object(jsx_runtime.jsx)("option",{value:"default",children:"default"}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom button",children:[Object(jsx_runtime.jsx)("option",{value:"primary",children:"primary"}),Object(jsx_runtime.jsx)("option",{value:"secondary",children:"secondary"}),Object(jsx_runtime.jsx)("option",{value:"tertiary",children:"tertiary"}),Object(jsx_runtime.jsx)("option",{value:"quaternary",children:"quaternary"})]}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom element",children:[Object(jsx_runtime.jsx)("option",{value:"icon-button",children:"icon-button"}),Object(jsx_runtime.jsx)("option",{value:"loading",children:"loading"})]})]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message only"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project"},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message and description"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project",description:"You need to accept the invitation in order to collaborate."},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Very long content"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"The project you were invited to could not be loaded into your workspace at this time",description:"Please, try to access the project again in a few minutes. If the problem persists, contact our support team"},commonProps))]})]})};toast_stories_StaticToastStory.displayName="StaticToastStory",toast_stories_NotificationToastsStory.parameters=Object.assign({storySource:{source:'function NotificationToastsStory() {\n    const showToast = useToasts()\n    const count = React.useRef(0)\n    const [showSticky, setShowSticky] = React.useState(false)\n    return (\n        <Box padding="large">\n            <Stack space="xlarge">\n                <Heading level={1} size="larger">\n                    Toasts\n                </Heading>\n                <Text>\n                    Use the <code>useToast</code> hook to fire notification-like toasts.\n                </Text>\n                <Box>\n                    <Inline space="large">\n                        <Button\n                            variant="primary"\n                            onClick={() =>\n                                showToast({ message: `${count.current++}: ${getRandom(message)}` })\n                            }\n                        >\n                            Show toast\n                        </Button>\n                        <Button\n                            variant="primary"\n                            onClick={() => {\n                                const actionLabel = getRandom(actions)\n                                showToast({\n                                    message: `${count.current++}: ${getRandom(message)}`,\n                                    action: {\n                                        label: actionLabel,\n                                        onClick: storybookAction(actionLabel),\n                                    },\n                                })\n                            }}\n                        >\n                            Show toast with action\n                        </Button>\n                    </Inline>\n                </Box>\n                <SwitchField\n                    label="Show sticky toast?"\n                    checked={showSticky}\n                    onChange={(event) => setShowSticky(event.target.checked)}\n                    hint={\n                        <>\n                            Using the <code>&lt;Toast/&gt;</code> component, you can achieve having\n                            a toast that remains in view, and you control when it goes away.\n                        </>\n                    }\n                />\n            </Stack>\n            {showSticky ? (\n                <Toast\n                    message="This is a sticky toast"\n                    showDismissButton={false}\n                    autoDismissDelay={false}\n                />\n            ) : null}\n        </Box>\n    )\n}'}},toast_stories_NotificationToastsStory.parameters),toast_stories_StaticToastStory.parameters=Object.assign({storySource:{source:'function StaticToastStory() {\n    const [showIcon, setShowIcon] = React.useState(false)\n    const [showDismiss, setShowDismiss] = React.useState(false)\n    const [actionVariant, setActionVariant] = React.useState<\n        ButtonProps[\'variant\'] | \'default\' | \'loading\' | \'icon-button\' | \'none\'\n    >(\'none\')\n\n    const onClick = storybookAction(\'Toast action\')\n    const action: StaticToastProps[\'action\'] =\n        actionVariant === \'default\' ? (\n            { label: \'Accept invitation\', onClick }\n        ) : actionVariant === \'loading\' ? (\n            <Spinner size={16} />\n        ) : actionVariant === \'icon-button\' ? (\n            <Button\n                variant="quaternary"\n                icon={<PasswordVisibleIcon />}\n                aria-label="Done"\n                size="small"\n                onClick={onClick}\n            />\n        ) : actionVariant !== \'none\' ? (\n            <Button variant={actionVariant} onClick={onClick}>\n                Accept invitation\n            </Button>\n        ) : undefined\n\n    const commonProps = {\n        icon: showIcon ? <AlertIcon tone="info" /> : undefined,\n        onDismiss: showDismiss ? () => undefined : undefined,\n        action,\n    }\n\n    return (\n        <Stack space="xlarge" padding="large">\n            <Heading level={1} size="larger">\n                Statically-rendered toasts\n            </Heading>\n            <Text>\n                Use the <code>StaticToast</code> component to render a toast in custom positions.\n            </Text>\n            <Box>\n                <Inline space="large">\n                    <CheckboxField\n                        label="Show icon?"\n                        checked={showIcon}\n                        onChange={(event) => setShowIcon(event.target.checked)}\n                    />\n                    <CheckboxField\n                        label="Show dismiss button?"\n                        checked={showDismiss}\n                        onChange={(event) => setShowDismiss(event.target.checked)}\n                    />\n                </Inline>\n            </Box>\n            <SelectField\n                label="Action button variant"\n                value={actionVariant}\n                onChange={(event) => {\n                    // @ts-expect-error\n                    setActionVariant(event.target.value)\n                }}\n                maxWidth="xsmall"\n            >\n                <option value="none">none</option>\n                <option value="default">default</option>\n                <optgroup label="Custom button">\n                    <option value="primary">primary</option>\n                    <option value="secondary">secondary</option>\n                    <option value="tertiary">tertiary</option>\n                    <option value="quaternary">quaternary</option>\n                </optgroup>\n                <optgroup label="Custom element">\n                    <option value="icon-button">icon-button</option>\n                    <option value="loading">loading</option>\n                </optgroup>\n            </SelectField>\n\n            <Stack space="medium">\n                <Heading level="2">Message only</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Message and description</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    description="You need to accept the invitation in order to collaborate."\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Very long content</Heading>\n                <StaticToast\n                    message="The project you were invited to could not be loaded into your workspace at this time"\n                    description="Please, try to access the project again in a few minutes. If the problem persists, contact our support team"\n                    {...commonProps}\n                />\n            </Stack>\n        </Stack>\n    )\n}'}},toast_stories_StaticToastStory.parameters)},"./src/utils/polymorphism.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return polymorphicComponent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function polymorphicComponent(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}},"./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":"./stories/components/Avatar.stories.tsx","./components/ColorPicker.stories.tsx":"./stories/components/ColorPicker.stories.tsx","./components/Dropdown.stories.tsx":"./stories/components/Dropdown.stories.tsx","./components/Input.stories.tsx":"./stories/components/Input.stories.tsx","./components/KeyCapturer.stories.mdx":"./stories/components/KeyCapturer.stories.mdx","./components/KeyboardShortcut.stories.tsx":"./stories/components/KeyboardShortcut.stories.tsx","./components/Notification.stories.tsx":"./stories/components/Notification.stories.tsx","./components/ProgressBar.stories.tsx":"./stories/components/ProgressBar.stories.tsx","./components/Select.stories.tsx":"./stories/components/Select.stories.tsx","./components/Time.stories.tsx":"./stories/components/Time.stories.tsx","./components/Tooltip.stories.tsx":"./stories/components/Tooltip.stories.tsx","./components/color.stories.tsx":"./stories/components/color.stories.tsx","./reactist/Reactist.stories.mdx":"./stories/reactist/Reactist.stories.mdx","./reactist/nesting-vs-polymorphism.stories.mdx":"./stories/reactist/nesting-vs-polymorphism.stories.mdx","./reactist/simplified-nested-markup.stories.mdx":"./stories/reactist/simplified-nested-markup.stories.mdx","./reactist/single-child-stack-columns.stories.mdx":"./stories/reactist/single-child-stack-columns.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},"./stories/components/Avatar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/avatar_story.less"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/avatar/avatar.tsx"),_src__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/inline/inline.tsx"),_src__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Avatar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.withKnobs],component:_src__WEBPACK_IMPORTED_MODULE_5__.a};var exampleData=[{size:"xxs",user:{name:"Henning Mu",email:"henning@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xs",user:{name:"João Va",email:"joao@foo.com"},image:"https://loremflickr.com/320/320"},{size:"s",user:{name:"Amir Sa",email:"amir@foo.com"},image:"https://loremflickr.com/320/320"},{size:"m",user:{name:"Alex Mu",email:"alex@foo.com"},image:"https://loremflickr.com/320/320"},{size:"l",user:{name:"Julia",email:"julia@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xl",user:{name:"Janusz Gr",email:"janusz@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxl",user:{name:"Jaime Az",email:"jaime@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxxl",user:{name:"Igor Kh",email:"igor@foo.com"},image:"https://loremflickr.com/320/320"}],InitialsAvatarStory=function InitialsAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user},index)}))})};InitialsAvatarStory.displayName="InitialsAvatarStory";var CustomColorAvatarStory=function CustomColorAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{colorList:["palevioletred","palegoldenrod","palegreen","paleturquoise"],size:data.size,user:data.user},index)}))})};CustomColorAvatarStory.displayName="CustomColorAvatarStory";var PictureAvatarStory=function PictureAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user,avatarUrl:data.image},index)}))})};PictureAvatarStory.displayName="PictureAvatarStory";var AvatarPlaygroundStory=function AvatarPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_7__.a,{className:"story Avatar",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{user:{name:args.userName,email:args.email}}))})};AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.args={size:"l",avatarUrl:"https://loremflickr.com/320/320",userName:"",email:""},AvatarPlaygroundStory.argTypes={size:{type:"select",options:["xxs","xs","s","m","l","xl","xxl","xxxl"]},avatarUrl:{control:{type:"text"}},userName:{control:{type:"text"}},email:{control:{type:"text"}},className:{control:{type:null}},user:{control:{type:null}},colorList:{control:{type:null}}},InitialsAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} />\n        ))}\n    </Inline>\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=Object.assign({storySource:{source:"() => (\n    <Inline space=\"small\">\n        {exampleData.map((data, index) => (\n            <Avatar\n                colorList={['palevioletred', 'palegoldenrod', 'palegreen', 'paleturquoise']}\n                key={index}\n                size={data.size}\n                user={data.user}\n            />\n        ))}\n    </Inline>\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} avatarUrl={data.image} />\n        ))}\n    </Inline>\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <Box className="story Avatar">\n            <Avatar\n                {...args}\n                user={{\n                    name: args.userName,\n                    email: args.email,\n                }}\n            />\n        </Box>\n    )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ColorPicker.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),deprecated_dropdown=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/color-picker/color-picker.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),COLORS=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return Object(jsx_runtime.jsxs)(deprecated_dropdown.a.Box,{right:!0,className:"reactist_color_picker",children:[Object(jsx_runtime.jsx)(deprecated_dropdown.a.Trigger,{children:(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),Object(jsx_runtime.jsx)("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor},children:Object(jsx_runtime.jsx)("span",{className:"color_trigger--inner_ring"})}))}),Object(jsx_runtime.jsx)(deprecated_dropdown.a.Body,{children:Object(jsx_runtime.jsx)("div",{className:"color_options",children:colorList.reduce((function(items,currentColor,currentIndex){return items.push(Object(jsx_runtime.jsx)(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null},currentIndex)),items}),[])})})]})}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=Object(jsx_runtime.jsx)("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)},children:Object(jsx_runtime.jsx)("span",{className:"color_item--inner_ring"})});return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:item}):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:{value:"[\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]"},description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/ColorPicker",component:components_color_picker,parameters:{badges:["notAccessible"]}};var ColorPicker_stories_ColorPickersStory=function ColorPickersStory(){var _React$useState2=_slicedToArray(react.useState(0),2),color=_React$useState2[0],setColor=_React$useState2[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor})]})};ColorPicker_stories_ColorPickersStory.displayName="ColorPickersStory";var ColorPicker_stories_CustomColorPickersStory=function CustomColorPickersStory(){var _React$useState4=_slicedToArray(react.useState(0),2),color=_React$useState4[0],setColor=_React$useState4[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:["red","green","palegoldenrod","#FF00FF"]})]})};ColorPicker_stories_CustomColorPickersStory.displayName="CustomColorPickersStory";var ColorPicker_stories_NamedColorPickersStory=function NamedColorPickersStory(){var _React$useState6=_slicedToArray(react.useState(0),2),color=_React$useState6[0],setColor=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Named Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:[{color:"red",name:"Red"},{color:"green",name:"Green"},{color:"palegoldenrod",name:"Gold"},{color:"#FF00FF",name:"Pink"},{color:"#ABCDEF",name:"Blue-Gray-ish"}]})]})};ColorPicker_stories_NamedColorPickersStory.displayName="NamedColorPickersStory";var ColorPicker_stories_SmallColorPickerStory=function SmallColorPickerStory(){var _React$useState8=_slicedToArray(react.useState(0),2),color=_React$useState8[0],setColor=_React$useState8[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Small Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{small:!0,color:color,onChange:setColor})]})};ColorPicker_stories_SmallColorPickerStory.displayName="SmallColorPickerStory",ColorPicker_stories_ColorPickersStory.parameters=Object.assign({storySource:{source:'function ColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Color Picker</p>\n            <ColorPicker color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=Object.assign({storySource:{source:"function CustomColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Custom Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={['red', 'green', 'palegoldenrod', '#FF00FF']}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=Object.assign({storySource:{source:"function NamedColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Named Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={[\n                    { color: 'red', name: 'Red' },\n                    { color: 'green', name: 'Green' },\n                    { color: 'palegoldenrod', name: 'Gold' },\n                    { color: '#FF00FF', name: 'Pink' },\n                    { color: '#ABCDEF', name: 'Blue-Gray-ish' },\n                ]}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=Object.assign({storySource:{source:'function SmallColorPickerStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Small Color Picker</p>\n            <ColorPicker small color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},"./stories/components/Dropdown.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/deprecated-button/index.ts"),_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/alert/alert.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Dropdown",component:_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["notAccessible","deprecated"]}};var DropdownStory=function DropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__.a,{tone:"critical",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"Deprecated:"})," While not a 1:1 replacement, consider using"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"/?path=/docs/components-menu",children:"Menu"})," as an alternative"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show dropdown"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{children:"Dropdown Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"You can add anything"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"you want to a dropdown"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"(e.g. lists and headings)"})]})]})})]})]})})};DropdownStory.displayName="DropdownStory";var InteractiveDropdownStory=function InteractiveDropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{allowBodyInteractions:!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show interactive dropdown (will not close when clicking on it)"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{children:"Wow this is interactive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"Click outside"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"to close this"})]})]})})]})})};InteractiveDropdownStory.displayName="InteractiveDropdownStory",DropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{\' \'}\n                <a href="/?path=/docs/components-menu">Menu</a> as an alternative\n            </Alert>\n\n            <Dropdown.Box>\n                <Dropdown.Trigger>\n                    <Button variant="primary">Trigger: Click to show dropdown</Button>\n                </Dropdown.Trigger>\n                <Dropdown.Body>\n                    <div>\n                        <h2>Dropdown Content</h2>\n                        <ul>\n                            <li>You can add anything</li>\n                            <li>you want to a dropdown</li>\n                            <li>(e.g. lists and headings)</li>\n                        </ul>\n                    </div>\n                </Dropdown.Body>\n            </Dropdown.Box>\n        </Stack>\n    </section>\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Dropdown.Box allowBodyInteractions>\n            <Dropdown.Trigger>\n                <Button variant="primary">\n                    Trigger: Click to show interactive dropdown (will not close when clicking on it)\n                </Button>\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div>\n                    <h1>Wow this is interactive</h1>\n                    <ul>\n                        <li>Click outside</li>\n                        <li>to close this</li>\n                    </ul>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    </section>\n)'}},InteractiveDropdownStory.parameters)},"./stories/components/Input.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-input/input.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Input=react.forwardRef((function(props,ref){var className=classnames_default()("reactist_input",props.className);return Object(jsx_runtime.jsx)("input",Object.assign({},props,{className:className,ref:ref}))}));Input.displayName="Input";try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{className:{defaultValue:null,description:"Additional css class applied to the input.",name:"className",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/deprecated-input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var deprecated_input=Input,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),Input_stories_InputStory=(__webpack_require__("./stories/components/styles/input_story.less"),__webpack_exports__.default={title:"Components/Input",component:deprecated_input,parameters:{badges:["deprecated"]}},function InputStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsxs)("div",{className:"story-info",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-textfield",children:"TextField"})," instead"]}),Object(jsx_runtime.jsxs)("p",{children:["This component is a dumb wrapper around the",Object(jsx_runtime.jsx)("code",{children:" <input />"})," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",Object(jsx_runtime.jsx)("code",{children:"<input />"})," element."]})]}),Object(jsx_runtime.jsx)(deprecated_input,{placeholder:"Simple input wrapper"})]})});Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_input,Object.assign({},args))})};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <div className="story-info">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-textfield">TextField</a> instead\n            </Alert>\n            <p>\n                This component is a dumb wrapper around the\n                <code> &lt;input /&gt;</code> element which justs add a class name to give it is\n                unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n                directly applied onto the underlying <code>&lt;input /&gt;</code> element.\n            </p>\n        </div>\n        <Input placeholder="Simple input wrapper" />\n    </section>\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <Input {...args} />\n    </section>\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/KeyCapturer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"<input>"))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"<KeyCapturer\n    onEnter={ this._handleEnter }\n    onBackspace={ this._handleBackspace }\n    propagateBackspace\n>\n    <input value={ value } onChange={ this._handleChange } />\n</KeyCapturer>\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/components/KeyboardShortcut.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/components/keyboard-shortcut/keyboard-shortcut.less"),__webpack_require__("./src/components/keyboard-shortcut/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/KeyboardShortcut",parameters:{badges:["accessible"]}};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("pre",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("code",{children:["<KeyboardShortcut>",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"  ","string"==typeof shortcut?shortcut:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:["{",JSON.stringify(shortcut),"}"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"</KeyboardShortcut>"]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"On macOS:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!0,children:shortcut})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"Elsewhere:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!1,children:shortcut})]})]})};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.text)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=Object.assign({storySource:{source:"(args) => {\n    const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n    return (\n        <section className=\"story\">\n            <pre>\n                <code>\n                    &lt;KeyboardShortcut&gt;\n                    <br />\n                    &nbsp;&nbsp;\n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        </>\n                    )}\n                    <br />\n                    &lt;/KeyboardShortcut&gt;\n                </code>\n            </pre>\n            <p>\n                <strong>On macOS:</strong>\n                <KeyboardShortcut isMac={true}>{shortcut}</KeyboardShortcut>\n            </p>\n            <p>\n                <strong>Elsewhere:</strong>\n                <KeyboardShortcut isMac={false}>{shortcut}</KeyboardShortcut>\n            </p>\n        </section>\n    )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Notification.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory})),__webpack_require__.d(__webpack_exports__,"AccessibilityExample",(function(){return Notification_stories_AccessibilityExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),avatar=__webpack_require__("./src/new-components/avatar/avatar.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CloseIcon_svg_CloseIcon=function CloseIcon(){return Object(jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:Object(jsx_runtime.jsx)("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"})})};CloseIcon_svg_CloseIcon.displayName="CloseIcon";var CloseIcon_svg=CloseIcon_svg_CloseIcon,_excluded=(__webpack_require__("./src/components/deprecated-notification/deprecated-notification.less"),["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","aria-live"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DeprecatedNotification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,_ref$ariaLive=_ref["aria-live"],ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,rest=_objectWithoutProperties(_ref,_excluded),titleId=title?id+"-title":null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?id+"-subtitle":null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?id+"-content":null,contentIdAttribute=children?{id:id+"-content"}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=Object(jsx_runtime.jsx)("div",Object.assign({className:"reactist-notification__content"},contentIdAttribute,{children:null!=children?children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?Object(jsx_runtime.jsx)("h3",Object.assign({className:"reactist-notification__title"},titleIdAttribute,{children:title})):null,subtitle?Object(jsx_runtime.jsx)("p",Object.assign({className:"reactist-notification__subtitle"},subtitleIdAttribute,{children:subtitle})):null]})})),notificationBody=Object(jsx_runtime.jsxs)("div",{className:"reactist-notification__icon-content-group",children:[null!=icon?icon:null,notificationContent]});return Object(jsx_runtime.jsxs)("div",Object.assign({id:id,role:"alert",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)}),"aria-live":ariaLive},ariaLabelledBy,ariaDescribedBy,rest,{children:[onClick?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__button",onClick:onClick,children:notificationBody}):notificationBody,onClose?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText,children:null!=customCloseButton?customCloseButton:Object(jsx_runtime.jsx)(CloseIcon_svg,{})}):null]}))}DeprecatedNotification.displayName="DeprecatedNotification";try{DeprecatedNotification.displayName="DeprecatedNotification",DeprecatedNotification.__docgenInfo={description:"",displayName:"DeprecatedNotification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<HTMLDivElement>) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"]={docgenInfo:DeprecatedNotification.__docgenInfo,name:"DeprecatedNotification",path:"src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./stories/components/styles/notification_story.less");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/DeprecatedNotification",component:DeprecatedNotification,parameters:{badges:["accessible","deprecated"]}};var Notification_stories_StandardNotificationStory=function StandardNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Standard Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"standard-notification",icon:Object(jsx_runtime.jsx)("span",{className:"notification-story-notification-dot"}),title:"You have a new message!",subtitle:"Click here to view.",onClose:Object(esm.action)("onClose"),onClick:Object(esm.action)("onClick")})]})};Notification_stories_StandardNotificationStory.displayName="StandardNotificationStory";var Notification_stories_NonClickableNotificationStory=function NonClickableNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Non-clickable Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"non-clickable-notification",title:"Your task is due in 5 hours",subtitle:"Keep going!",onClose:Object(esm.action)("onClose")})]})};Notification_stories_NonClickableNotificationStory.displayName="NonClickableNotificationStory";var Notification_stories_CustomContentNotificationStory=function CustomContentNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Content Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"custom-content-notification",icon:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Brock Lesnar",email:"brock@twist.com"}}),onClose:Object(esm.action)("onClose"),className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("div",{className:"notification-story-content",children:[Object(jsx_runtime.jsx)("p",{className:"notification-story-text",children:"You received a message from Brock"}),Object(jsx_runtime.jsx)("h4",{className:"notification-story-heading",children:"Better not leave him hanging"})]})})]})};Notification_stories_CustomContentNotificationStory.displayName="CustomContentNotificationStory";var Notification_stories_NotificationPlaygroundStory=function NotificationPlaygroundStory(args){var onClose=args.onClose?Object(esm.action)("onClose"):void 0,onClick=args.onClick?Object(esm.action)("onClick"):void 0,icon=args.icon?Object(jsx_runtime.jsx)("div",{className:"notification-story-avatar-container",children:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Ada bot",email:"adabot@twist.com"}})}):null,children=args.children?Object(jsx_runtime.jsx)("div",{className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("p",{className:"notification-story-text",children:["If children is provided, then"," ",Object(jsx_runtime.jsx)("strong",{children:"it will be rendered instead of the title and subtitle"})]})}):null;return Object(jsx_runtime.jsx)("section",{className:"story playground",children:Object(jsx_runtime.jsx)(DeprecatedNotification,Object.assign({id:"playground-notification"},args,{onClose:onClose,onClick:onClick,icon:icon,children:children}))})};Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory";var Notification_stories_AccessibilityExample=function AccessibilityExample(){var _React$useState2=_slicedToArray(react.useState("Test message"),2),textContent=_React$useState2[0],setTextContent=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(textContent),2),notificationContent=_React$useState4[0],setNotificationContent=_React$useState4[1],_React$useState6=_slicedToArray(react.useState("assertive"),2),currentAriaLive=_React$useState6[0],setCurrentAriaLive=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"notification-off","aria-live":currentAriaLive,title:notificationContent,onClose:Object(esm.action)("onClose")}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceBetween",marginTop:"xlarge",children:[Object(jsx_runtime.jsxs)(box.a,{children:[Object(jsx_runtime.jsxs)(box.a,{marginTop:"medium",display:"flex",flexDirection:"row",alignItems:"center",onChange:function onChangeValue(event){setCurrentAriaLive(event.target.value)},children:[Object(jsx_runtime.jsx)("input",{type:"radio",id:"off",name:"aria-live",value:"off",checked:"off"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"off",children:'aria-live="off"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"polite",name:"aria-live",value:"polite",checked:"polite"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"polite",children:'aria-live="polite"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"assertive",name:"aria-live",value:"assertive",checked:"assertive"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"assertive",children:'aria-live="assertive"'})]}),Object(jsx_runtime.jsx)("br",{}),"off"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will not be announced by a screen reader."}):null,"polite"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader after the current content."}):null,"assertive"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader immediately."}):null]}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",alignItems:"flexEnd",children:[Object(jsx_runtime.jsx)(text_field.a,{label:"Content",value:textContent,onChange:function onChange(event){return setTextContent(event.currentTarget.value)}})," ",Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return setNotificationContent(textContent)},children:"Submit"})]})]})]})};Notification_stories_AccessibilityExample.displayName="AccessibilityExample",Notification_stories_NotificationPlaygroundStory.args={title:"You have a new notification",subtitle:"Click to open",closeAltText:"Close me!",icon:!0,children:!1,onClose:!0,onClick:!0},Notification_stories_NotificationPlaygroundStory.argTypes={icon:{control:{type:"boolean"}},onClose:{control:{type:"boolean"}},onClick:{control:{type:"boolean"}},className:{control:{type:null}},customCloseButton:{control:{type:null}},id:{control:{type:null}}},Notification_stories_StandardNotificationStory.parameters=Object.assign({storySource:{source:'function StandardNotificationStory() {\n    return (\n        <section className="story">\n            <p>Standard Notification</p>\n            <DeprecatedNotification\n                id="standard-notification"\n                icon={<span className="notification-story-notification-dot" />}\n                title="You have a new message!"\n                subtitle="Click here to view."\n                onClose={action(\'onClose\')}\n                onClick={action(\'onClick\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=Object.assign({storySource:{source:'function NonClickableNotificationStory() {\n    return (\n        <section className="story">\n            <p>Non-clickable Notification</p>\n            <DeprecatedNotification\n                id="non-clickable-notification"\n                title="Your task is due in 5 hours"\n                subtitle="Keep going!"\n                onClose={action(\'onClose\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=Object.assign({storySource:{source:'function CustomContentNotificationStory() {\n    return (\n        <section className="story">\n            <p>Custom Content Notification</p>\n            <DeprecatedNotification\n                id="custom-content-notification"\n                icon={<Avatar size="s" user={{ name: \'Brock Lesnar\', email: \'brock@twist.com\' }} />}\n                onClose={action(\'onClose\')}\n                className="notification-story-notification-container"\n            >\n                <div className="notification-story-content">\n                    <p className="notification-story-text">You received a message from Brock</p>\n                    <h4 className="notification-story-heading">Better not leave him hanging</h4>\n                </div>\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=Object.assign({storySource:{source:'function NotificationPlaygroundStory(args) {\n    const onClose = args.onClose ? action(\'onClose\') : undefined\n    const onClick = args.onClick ? action(\'onClick\') : undefined\n    const icon = args.icon ? (\n        <div className="notification-story-avatar-container">\n            <Avatar size="s" user={{ name: \'Ada bot\', email: \'adabot@twist.com\' }} />\n        </div>\n    ) : null\n    const children = args.children ? (\n        <div className="notification-story-notification-container">\n            <p className="notification-story-text">\n                If children is provided, then{\' \'}\n                <strong>it will be rendered instead of the title and subtitle</strong>\n            </p>\n        </div>\n    ) : null\n\n    return (\n        <section className="story playground">\n            <DeprecatedNotification\n                id="playground-notification"\n                {...args}\n                onClose={onClose}\n                onClick={onClick}\n                icon={icon}\n            >\n                {children}\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters),Notification_stories_AccessibilityExample.parameters=Object.assign({storySource:{source:'function AccessibilityExample() {\n    const [textContent, setTextContent] = React.useState(\'Test message\')\n    const [notificationContent, setNotificationContent] = React.useState(textContent)\n    const [currentAriaLive, setCurrentAriaLive] = React.useState<\'off\' | \'polite\' | \'assertive\'>(\n        \'assertive\',\n    )\n\n    function onChangeValue(event: React.FormEvent<HTMLInputElement>) {\n        setCurrentAriaLive(\n            (event.target as HTMLInputElement).value as \'off\' | \'polite\' | \'assertive\',\n        )\n    }\n\n    return (\n        <section className="story">\n            <DeprecatedNotification\n                id="notification-off"\n                aria-live={currentAriaLive}\n                title={notificationContent}\n                onClose={action(\'onClose\')}\n            />\n\n            <Box\n                display="flex"\n                flexDirection="row"\n                justifyContent="spaceBetween"\n                marginTop="xlarge"\n            >\n                <Box>\n                    <Box\n                        marginTop="medium"\n                        display="flex"\n                        flexDirection="row"\n                        alignItems="center"\n                        onChange={onChangeValue}\n                    >\n                        <input\n                            type="radio"\n                            id="off"\n                            name="aria-live"\n                            value="off"\n                            checked={currentAriaLive === \'off\'}\n                        />\n                        <label htmlFor="off">aria-live="off"</label>\n                        <input\n                            type="radio"\n                            id="polite"\n                            name="aria-live"\n                            value="polite"\n                            checked={currentAriaLive === \'polite\'}\n                        />\n                        <label htmlFor="polite">aria-live="polite"</label>\n                        <input\n                            type="radio"\n                            id="assertive"\n                            name="aria-live"\n                            value="assertive"\n                            checked={currentAriaLive === \'assertive\'}\n                        />\n                        <label htmlFor="assertive">aria-live="assertive"</label>\n                    </Box>\n\n                    <br />\n\n                    {currentAriaLive === \'off\' ? (\n                        <Text tone="secondary">\n                            Changes will not be announced by a screen reader.\n                        </Text>\n                    ) : null}\n                    {currentAriaLive === \'polite\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader after the current content.\n                        </Text>\n                    ) : null}\n\n                    {currentAriaLive === \'assertive\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader immediately.\n                        </Text>\n                    ) : null}\n                </Box>\n\n                <Box display="flex" flexDirection="row" alignItems="flexEnd">\n                    <TextField\n                        label="Content"\n                        value={textContent}\n                        onChange={(event) => setTextContent(event.currentTarget.value)}\n                    />\n                    &nbsp;\n                    <Button variant="primary" onClick={() => setNotificationContent(textContent)}>\n                        Submit\n                    </Button>\n                </Box>\n            </Box>\n        </section>\n    )\n}'}},Notification_stories_AccessibilityExample.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ProgressBar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/progressbar_story.less"),__webpack_require__("./node_modules/react/index.js");var hidden_visually=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/progress-bar/progress-bar.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,ariaValuetext=_ref["aria-valuetext"],finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return Object(jsx_runtime.jsxs)("div",{className:finalClassName,children:[Object(jsx_runtime.jsx)("div",{className:"inner",style:{width:width+"%"}}),Object(jsx_runtime.jsx)(hidden_visually.a,{children:Object(jsx_runtime.jsx)("progress",{value:width,max:100,"aria-valuetext":null!=ariaValuetext?ariaValuetext:void 0})})]})}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative for assitive technologies.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar,ProgressBar_stories_ProgressBarStory=(__webpack_exports__.default={title:"Components/ProgressBar",component:components_progress_bar,parameters:{badges:["accessible"]}},function ProgressBarStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Progress Bars"}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:0}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:25}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:50}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:75}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:100})]})});ProgressBar_stories_ProgressBarStory.displayName="ProgressBarStory";var ProgressBar_stories_ProgressBarPlaygroundStory=function ProgressBarPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(components_progress_bar,Object.assign({},args))})};ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.args={fillPercentage:50},ProgressBar_stories_ProgressBarPlaygroundStory.argTypes={fillPercentage:{control:{type:"number"}},className:{control:{type:null}}},ProgressBar_stories_ProgressBarStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <p>Progress Bars</p>\n        <ProgressBar fillPercentage={0} />\n        <ProgressBar fillPercentage={25} />\n        <ProgressBar fillPercentage={50} />\n        <ProgressBar fillPercentage={75} />\n        <ProgressBar fillPercentage={100} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <ProgressBar {...args} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Select.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-select/select.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["value","options","onChange","disabled","className","defaultValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,_excluded),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return Object(jsx_runtime.jsx)("select",Object.assign({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps,{children:null==options?void 0:options.map((function(option){return Object(jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.text},option.key||option.value)}))}))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/deprecated-select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var deprecated_select=Select,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Select_stories_options=[{value:"intro",text:"Select a fruit",disabled:!0},{value:"apple",text:"🍎 Apple"},{value:"pear",text:"🍐 Pear"},{value:"fish",text:"🐟 Fish",disabled:!0},{value:"banana",text:"🍌 Banana"},{value:"grapes",text:"🍇 Grapes"}],Select_stories_SelectStory=(__webpack_exports__.default={title:"Components/Select",component:deprecated_select,parameters:{badges:["deprecated"]}},function SelectStory(){var _React$useState2=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState2[0],setValue=_React$useState2[1];return Object(jsx_runtime.jsxs)(stack.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-selectfield",children:"SelectField"})," instead"]}),Object(jsx_runtime.jsx)(deprecated_select,{value:value,options:Select_stories_options,onChange:setValue})]})});Select_stories_SelectStory.displayName="SelectStory";var Select_stories_SelectPlaygroundStory=function SelectPlaygroundStory(args){var _React$useState4=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState4[0],setValue=_React$useState4[1];return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_select,Object.assign({},args,{value:value,options:Select_stories_options,onChange:setValue}))})};Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.args={disabled:!1},Select_stories_SelectPlaygroundStory.argTypes={disabled:{control:{type:"boolean"}},value:{control:{type:null}},defaultValue:{control:{type:null}},className:{control:{type:null}},options:{control:{type:null}}},Select_stories_SelectStory.parameters=Object.assign({storySource:{source:'function SelectStory() {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead\n            </Alert>\n\n            <Select value={value} options={options} onChange={setValue} />\n        </Stack>\n    )\n}'}},Select_stories_SelectStory.parameters),Select_stories_SelectPlaygroundStory.parameters=Object.assign({storySource:{source:'function SelectPlaygroundStory(args) {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <section className="story">\n            <Select {...args} value={value} options={options} onChange={setValue} />\n        </section>\n    )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Time.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/time_story.less");var react=__webpack_require__("./node_modules/react/index.js"),dayjs_min=__webpack_require__("./node_modules/dayjs/dayjs.min.js"),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./src/components/tooltip/tooltip.tsx")),localizedFormat=__webpack_require__("./node_modules/dayjs/plugin/localizedFormat.js"),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?""+diffDays+daysSuffix:diffHours>0&&diffHours<=23?""+diffHours+hoursSuffix:diffMinutes>0&&diffMinutes<=59?""+diffMinutes+minutesSuffix:momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}},jsx_runtime=(__webpack_require__("./src/components/time/time.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var time_Time=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Time,_React$Component);var _super=_createSuper(Time);function Time(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Time),(_this=_super.call(this,props)).refreshInterval=void 0,_this.refreshInterval=void 0,_this.state={hovered:!1,mouseX:void 0,mouseY:void 0},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Time,[{key:"componentDidMount",value:function componentDidMount(){this.props.refresh&&this._refresh()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){!prevProps.refresh&&this.props.refresh&&this._refresh(),prevProps.refresh&&!this.props.refresh&&this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"_setHovered",value:function _setHovered(hovered,event){var _this$state=this.state,mouseX=_this$state.mouseX,mouseY=_this$state.mouseY,clientX=event.clientX,clientY=event.clientY;clientX===mouseX&&clientY===mouseY||this.setState((function(){return{hovered:hovered,mouseX:clientX,mouseY:clientY}}))}},{key:"_renderTime",value:function _renderTime(config){if(this.props.time){if(this.state.hovered){if(this.props.expandFullyOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTimeLong(this.props.time,config);if(this.props.expandOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTime(this.props.time,config)}return TimeUtils.timeAgo(this.props.time,config)}}},{key:"_refresh",value:function _refresh(){var _this2=this;this.refreshInterval=setInterval((function(){_this2.forceUpdate()}),6e4)}},{key:"render",value:function render(){var _this3=this,className="reactist_time";this.props.className&&(className=this.props.className);var timeComponent=this._renderTime(this.props.config);return Object(jsx_runtime.jsx)("time",{className:className,onMouseEnter:function onMouseEnter(event){return _this3._setHovered(!0,event)},onMouseLeave:function onMouseLeave(event){return _this3._setHovered(!1,event)},children:this.props.tooltipOnHover?Object(jsx_runtime.jsx)(tooltip.a,{content:this.props.tooltip||this.props.time&&TimeUtils.formatTimeLong(this.props.time,this.props.config),children:Object(jsx_runtime.jsx)("span",{children:timeComponent})}):timeComponent})}}]),Time}(react.Component);time_Time.displayName=void 0,time_Time.defaultProps=void 0,time_Time.displayName="Time",time_Time.defaultProps={expandOnHover:!1,expandFullyOnHover:!1,tooltipOnHover:!1,refresh:!0,config:{locale:"en",daysSuffix:"d",hoursSuffix:"h",minutesSuffix:"m",momentsAgo:"moments ago"}};try{time_Time.displayName="Time",time_Time.__docgenInfo={description:"",displayName:"Time",props:{time:{defaultValue:null,description:"UNIX timestamp of the time to display.",name:"time",required:!1,type:{name:"number | undefined"}},config:{defaultValue:{value:"{\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    }"},description:"Configuration for localization.",name:"config",required:!1,type:{name:"TimeConfig | undefined"}},className:{defaultValue:null,description:"Additional css class applied to the time element.",name:"className",required:!1,type:{name:"string | undefined"}},tooltipOnHover:{defaultValue:{value:"false"},description:"",name:"tooltipOnHover",required:!1,type:{name:"boolean | undefined"}},refresh:{defaultValue:{value:"true"},description:"Refresh the component every DELAY seconds.",name:"refresh",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"If you don't want to use the default time format on the tooltip use this prop to supply a custom text",name:"tooltip",required:!1,type:{name:"ReactNode"}},expandOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to short absolute version.",name:"expandOnHover",required:!1,type:{name:"boolean | undefined"}},expandFullyOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to the full absolute version.",name:"expandFullyOnHover",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/time/time.tsx#Time"]={docgenInfo:time_Time.__docgenInfo,name:"Time",path:"src/components/time/time.tsx#Time"})}catch(__react_docgen_typescript_loader_error){}var components_time=time_Time,exampleTimes=(__webpack_exports__.default={title:"Components/Time",component:components_time,parameters:{badges:["accessible"]}},[{title:"Now",time:dayjs_min_default()().unix()},{title:"Now - 2 Minutes",time:dayjs_min_default()().subtract(2,"minutes").unix()},{title:"Now - 2 Hours",time:dayjs_min_default()().subtract(2,"hours").unix()},{title:"Now - 18 Hours",time:dayjs_min_default()().subtract(18,"hours").unix()},{title:"Now - 2 Days",time:dayjs_min_default()().subtract(2,"days").unix()},{title:"Now - 2 Weeks",time:dayjs_min_default()().subtract(2,"weeks").unix()},{title:"Now - 2 Years",time:dayjs_min_default()().subtract(2,"years").unix()}]),Time_stories_NoHoverEffectStory=function NoHoverEffectStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Normal Time (no hover effect)"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{time:time.time})]},index)}))]})};Time_stories_NoHoverEffectStory.displayName="NoHoverEffectStory";var Time_stories_ExpandTimeStory=function ExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandOnHover:!0,time:time.time})]},index)}))]})};Time_stories_ExpandTimeStory.displayName="ExpandTimeStory";var Time_stories_FullyExpandTimeStory=function FullyExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Fully expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,time:time.time})]},index)}))]})};Time_stories_FullyExpandTimeStory.displayName="FullyExpandTimeStory";var Time_stories_TooltipTimeStory=function TooltipTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Show full time in tooltip on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{tooltipOnHover:!0,time:time.time})]},index)}))]})};Time_stories_TooltipTimeStory.displayName="TooltipTimeStory";var Time_stories_TranslatedTimeStory=function TranslatedTimeStory(){var i18nConfig={locale:"de",hoursSuffix:"Std",minutesSuffix:"min",momentsAgo:"Gerade eben"};return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Translated times"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,config:i18nConfig,time:time.time})]},index)}))]})};Time_stories_TranslatedTimeStory.displayName="TranslatedTimeStory";var Time_stories_TimePlaygroundStory=function TimePlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story time",children:Object(jsx_runtime.jsx)(components_time,Object.assign({},args))})};Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.args={time:exampleTimes[0].time,expandOnHover:!1,expandFullyOnHover:!1,refresh:!0},Time_stories_TimePlaygroundStory.argTypes={expandOnHover:{control:{type:"boolean"}},expandFullyOnHover:{control:{type:"boolean"}},refresh:{control:{type:"boolean"}},config:{control:{type:null}},className:{control:{type:null}},tooltipOnHover:{control:{type:null}},tooltip:{control:{type:null}}},Time_stories_NoHoverEffectStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Normal Time (no hover effect)</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Fully expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandFullyOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Show full time in tooltip on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time tooltipOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=Object.assign({storySource:{source:"() => {\n    const i18nConfig = {\n        locale: 'de',\n        hoursSuffix: 'Std',\n        minutesSuffix: 'min',\n        momentsAgo: 'Gerade eben',\n    }\n\n    return (\n        <section className=\"story time\">\n            <p>Translated times</p>\n            {exampleTimes.map((time, index) => (\n                <div key={index}>\n                    <span>{time.title}</span>\n                    <Time expandFullyOnHover config={i18nConfig} time={time.time} />\n                </div>\n            ))}\n        </section>\n    )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story time">\n        <Time {...args} />\n    </section>\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Tooltip.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/tooltip_story.less");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/deprecated-button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Tooltip",parameters:{badges:["accessible"]}};var ExampleButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function ExampleButton(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({ref:ref},props,{children:["I am a button.",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),"Hover or focus me to see a tooltip."]}))})),TooltipPlaygroundStory=function TooltipPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story tooltip",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{autoFocus:!0,placeholder:"Focus here so you can press Tab to test focusing the button below"}),Object(react__WEBPACK_IMPORTED_MODULE_2__.createElement)(_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{key:String(args.position)+String(args.gapSize)}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ExampleButton,{}))]})};TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.args={content:"Very helpful content in this tooltip",gapSize:5},TooltipPlaygroundStory.argTypes={position:{control:{type:"select",options:["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],title:"test"}}},TooltipPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <section className="story tooltip">\n            <input\n                autoFocus\n                placeholder="Focus here so you can press Tab to test focusing the button below"\n            />\n            <Tooltip\n                // Tooltip does not react to dynamic changes of some props so we force a new\n                // component re-render every time these change.\n                {...args}\n                key={String(args.position) + String(args.gapSize)}\n            >\n                <ExampleButton />\n            </Tooltip>\n        </section>\n    )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/color.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/heading/heading.tsx"),_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./stories/components/styles/color-story.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-background","--reactist-framework-fill-crest","--reactist-framework-fill-selected","--reactist-framework-fill-summit"],frameworkBorderColors=["--reactist-divider-primary","--reactist-divider-secondary","--reactist-divider-tertiary"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-toast"];function Swatch(_ref){var color=_ref.color;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.b,{alignY:"center",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__.a,{style:{background:"var("+color+")"},className:"color_swatch"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("code",{className:"color_swatch__css_variable",children:color})})]},color)}Swatch.displayName="Swatch";var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",exceptionallySetClassName:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Framework"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Fill"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkFillColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Border"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkBorderColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:contentColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))})]})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:'function Colors() {\n    return (\n        <Stack space="xlarge" exceptionallySetClassName="story">\n            <Heading level={1} size="larger">\n                Framework\n            </Heading>\n\n            <Heading level={2}>Framework-Fill</Heading>\n            <Stack space="small">\n                {frameworkFillColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={2}>Framework-Border</Heading>\n            <Stack space="small">\n                {frameworkBorderColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={1} size="larger">\n                Content\n            </Heading>\n            <Stack space="small">\n                {contentColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n        </Stack>\n    )\n}'}},Colors.parameters)},"./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/reactist/Reactist.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),"\nIf you prefer to include static files, download the latest tarball from the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/packages/60435"},"package page")," and include the following files in your project:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/dist/reactist.cjs.production.min.js"),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/styles/reactist.css")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),"\nWe identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),"\nThis boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),"\nFirst run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),"\nthis will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json)\nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/nesting-vs-polymorphism.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Nesting vs combining via polymorphism",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Nesting vs. combining via polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The design system components have this ability where you can render one component as a certain HTML tag:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack as="ul">\n  {tasks.map((task) => (\n    <Box as="li" key={task.id}>{task.content}</Box>\n  )}\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The main purpose is to be able to take advantage of the new components while at the same time not dropping the ball on using semantic HTML."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, it can also be used to render as another React component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// Link below can be thought of as the Link component in react-router\n<ButtonLink as={Link}>Click me</ButtonLink>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is useful to be able to get the functionality of one component with the visuals and functionality of another component. In the example above, we render a link that has the visual look and feel of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," from our design system; but the link functionality is provided by react-router, allowing this link to perform ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("abbr",{title:"Single-Page Application"},"SPA"),"-like navigation on the client-side instead of a full server round trip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Caveats"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"With great power, comes great responsibility. You should not abuse this feature for markup optimization purposes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"What's markup optimization? Take the following example, for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column>\n        <Stack space="small">\n            <One />\n            <Two />\n        </Stack>\n    </Column>\n    <Column>\n        <Stack space="small">\n            <Three />\n            <Four />\n        </Stack>\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We could be tempted to say that each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," could also be the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", thus removing one extra container element and simplifying your markup."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column as={Stack} space="small">\n        <One />\n        <Two />\n    </Column>\n    <Column as={Stack} space="small">\n        <Three />\n        <Four />\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is not guaranteed to work 100% of the time because styles could clash."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In the example above, for instance, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," element will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="medium"')," effect. While the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="small"')," effect of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"At first, you might think there's no problem because the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," child elements is applied in the vertical direction (top and bottom) to keep a vertical space between them. While the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," elements is applied in the horizontal direction (left and right) to keep columns separated. So, in theory, these margins should not clash. However, columns add vertical spacing also, for when they show in collapsed form due to the viewport getting narrower (i.e. responsive design)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You may think: what if I have not instructed a particular ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element to collapse on responsive viewport sizes? The styles are there all the same, just in case. We could think of optimizing this and not applying the styles except to collapsible columns, but the main caveat warned about here remains: in general, combining two React components into one via polymorphism may break things, especially if both components have similar responsibilities regarding style and/or functionality."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Nesting vs combining via polymorphism",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/simplified-nested-markup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Simplified markup of the Stack and Inline components",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Simplified markup of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Inline")," components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It's no secret that our layout components are inspired by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://seek-oss.github.io/braid-design-system/foundations/layout"},"the ones in the Braid Design System"),". One key difference in some of these components is that we simplified them to privilege simpler markup by default."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, for instance, ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," elements automatically generate an extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," wrapping each of its child elements. This allows them to achieve a full level of separation of concerns. You see, part of the layout duties of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," component relies on applying certain styles to its child elements (e.g. to achieve the spacing they apply margin to the child elements). So they add this extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," around each child to make sure these styles are applied to these divs, and do not collide with the styles that the actual child element has."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is all better illustrated by an example. Take this ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Inline>\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</Inline>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, this component will render roughly the following markup:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <div class="css classes for the inline child wrapper">\n        <button type="button">Cancel</button>\n    </div>\n    <div class="css classes for the inline child wrapper">\n        <button type="submit">Save</button>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In our design system, however, this is the markup that we'll generate:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Originally, our components were like that of Braid, but this issue was brought up internally, and we decided to make it simpler, even if it adds a burden to the consumer of these components. A burden that we need to be aware of. You can find more information about this change in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/pull/497"},"the PR that introduced it"),". The concern is not ours alone, as it ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/seek-oss/braid-design-system/issues/386"},"was raised in Braid's own repo as well"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We explain below why this change made sense."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why we made the change"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A good deal of the time, what we nest inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is already a block element. Also, we favour having components without outward margin in the out-most container. So ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"there's no concern that the margin that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"Stack")," applies to its child elements will clash with the margin that the child elements themselves may have"),". So it seems a waste of resources to have a UI language that could potentially generate lots of useless extra containers around a relatively simple UI."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like with the extra container in place"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Take, for instance, this example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack space="xlarge">\n    <Stack space="small">\n        <label>Username</label>\n        <input name="username" />\n    </Stack>\n    <Stack space="small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </Stack>\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If we generated extra containers for each child, this would generate a markup similar to what's shown below:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Username</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="username" />\n            </div>\n        </div>\n    </div>\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Password</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="password" type="password" />\n            </div>\n        </div>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"And just imagine if inside the inner stack we rendered a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," element, which also did the same for its child elements."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like without the extra container element"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack space-small">\n        <label>Username</label>\n        <input name="username" />\n    </div>\n    <div class="stack space-small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why do you need to know all this"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This change comes with a caveat: depending on what child element you use, this way in which it all works may cause trouble."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The exact situations are not fully documented yet. But if you find yourself having trouble with some elements inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", consider wrapping them manually in a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<div>")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Box>")," yourself, and see if it fixes your issue. As we find concrete examples, we can add them to this documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For instance, this could happen if you pass to a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," a component that renders a fragment with more than one child in it. Depending on what you expect, you may not get what you want. For instance, given this component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"function List() {\n    return (\n        <>\n            <header>List</header>\n            <ul>…</ul>\n        </>\n    )\n}\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you pass this element into a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", it will consider each of the two child elements (the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"header")," and the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ul"),") to be individual items in the stack, and will apply spacing into it. This is arguably not what you want. Technically, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is reaching out into the internals of this component and possibly breaking its own layout."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"There are easy ways around this. Either do not return a fragment, or wrap this element in an extra container manually when put inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),". Or maybe this is what you wanted in a particular case, in which case you got what you wanted."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Simplified markup of the Stack and Inline components",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/single-child-stack-columns.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/About Stack or Columns with a single child",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Columns")," with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Avoid having single-child ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Columns")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Columns />")," with a single ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Column />")," inside makes no sense most of the time. The same applies to having ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Stack />")," elements with a single child. It can happen when we remove stuff from the UI. So be aware that if you remove something from inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element and a single child remains, then you might be able to remove them altogether and render that single child directly in place."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Stack>\n  <Something />\n</Stack>\n\n// …or this…\n<Columns>\n  <Column>\n    <Something />\n  </Column>\n</Columns>\n\n// …can probably be just this\n<Something />\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About conditionally-rendered child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, sometimes the second child element is rendered conditionally. Those cases are OK, of course:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// This is ok\n<Stack>\n  <Header />\n  {showBody ? <Body /> : null}\n</Stack>\n\n// And this too\n<Columns>\n  <Column width="content">\n    <Sidebar />\n  </Column>\n  {showContent ? (\n    <Column>\n      <Content />\n    </Column>\n  ) : null}\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Inline")," elements with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You might wonder why not say the same about ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),". We've found that ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," can be useful with a single child. It has the effect of making that child element not expand its full height, because it how behaves like an inline element rather than a block one. In reality, it still behaves like a block element, but a block element inside an inline context. So you might still want to leave it in place, but you should also check if you can remove it when removing other children of the inline element."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/About Stack or Columns with a single child",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);
\ No newline at end of file
diff --git a/docs/main.bbe9bc9f.iframe.bundle.js b/docs/main.bbe9bc9f.iframe.bundle.js
deleted file mode 100644
index 83604bcc1..000000000
--- a/docs/main.bbe9bc9f.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"),__webpack_require__("./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bjUmGQ1{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small);min-height:calc(2*var(--reactist-spacing-small) + var(--reactist-button-small-height) + 2px)}.PyULHXUj{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}.PyULHXUj svg{color:var(--reactist-alert-tone-info-icon)}.hIW0DUrF{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.hIW0DUrF svg{color:var(--reactist-alert-tone-positive-icon)}._1Ho1jjqk{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1Ho1jjqk svg{color:var(--reactist-alert-tone-caution-icon)}._177zyoVP{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._177zyoVP svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_1bjUmGQ1","tone-info":"PyULHXUj","tone-positive":"hIW0DUrF","tone-caution":"_1Ho1jjqk","tone-critical":"_177zyoVP"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}.Sva128bQ{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}._1CEziM4w{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3fRfWCm3{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._1UdsEmnB{--reactist-avatar-size:var(--reactist-avatar-size-small)}.aOiZgBic{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.O_uq2aRB{--reactist-avatar-size:var(--reactist-avatar-size-large)}._3wlhGvdY{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2Qwl8hZI{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2A19sfWg{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._2oWcPdrM{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._1ptksGmT{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.w-jaOD8t{--reactist-avatar-size:var(--reactist-avatar-size-small)}._2VsKPPHN{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.Kps9rVTS{--reactist-avatar-size:var(--reactist-avatar-size-large)}._2f1ZsW6N{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._3iKrYPyj{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1DZ0T2GD{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._1LxYW80E{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._3cB9NvrU{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.uLzmqAWK{--reactist-avatar-size:var(--reactist-avatar-size-small)}._22zzC83m{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.PRY49uSU{--reactist-avatar-size:var(--reactist-avatar-size-large)}.LGu4W2mc{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._2hst-HQf{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._1QLSb8gY{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}",""]),exports.locals={avatar:"Sva128bQ","size-xxs":"_1CEziM4w","size-xs":"_3fRfWCm3","size-s":"_1UdsEmnB","size-m":"aOiZgBic","size-l":"O_uq2aRB","size-xl":"_3wlhGvdY","size-xxl":"_2Qwl8hZI","size-xxxl":"_2A19sfWg","tablet-size-xxs":"_2oWcPdrM","tablet-size-xs":"_1ptksGmT","tablet-size-s":"w-jaOD8t","tablet-size-m":"_2VsKPPHN","tablet-size-l":"Kps9rVTS","tablet-size-xl":"_2f1ZsW6N","tablet-size-xxl":"_3iKrYPyj","tablet-size-xxxl":"_1DZ0T2GD","desktop-size-xxs":"_1LxYW80E","desktop-size-xs":"_3cB9NvrU","desktop-size-s":"uLzmqAWK","desktop-size-m":"_22zzC83m","desktop-size-l":"PRY49uSU","desktop-size-xl":"LGu4W2mc","desktop-size-xxl":"_2hst-HQf","desktop-size-xxxl":"_1QLSb8gY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-badge-neutral-background:#eee;--reactist-badge-neutral-foreground:#666;--reactist-badge-positive-background:rgba(5,133,39,0.1);--reactist-badge-positive-foreground:#058527;--reactist-badge-color-background:#faead1;--reactist-badge-color-foreground:#8f4700}._16rUqpuT{font-family:var(--reactist-font-family);font-size:10px;font-weight:var(--reactist-font-weight-medium);border-radius:3px;padding:3px var(--reactist-spacing-xsmall);text-transform:uppercase}.nBcZWKqg{color:var(--reactist-badge-neutral-foreground);background-color:var(--reactist-badge-neutral-background)}._1eIHGtGO{color:var(--reactist-badge-positive-foreground);background-color:var(--reactist-badge-positive-background)}._2F1bBd2z{color:var(--reactist-badge-color-foreground);background-color:var(--reactist-badge-color-background)}",""]),exports.locals={badge:"_16rUqpuT","badge-neutral":"nBcZWKqg","badge-positive":"_1eIHGtGO","badge-color":"_2F1bBd2z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1AOsTJG3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._2Ics8rP_{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._1AOsTJG3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._1AOsTJG3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._1AOsTJG3._2o-nyUTF{border-radius:1000px}._1AOsTJG3._3NSQNfFo{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._1AOsTJG3._1xS1YG4L{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._1AOsTJG3._1tvpnBHw{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._1AOsTJG3:not(._2PQcvkB9){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._1AOsTJG3:focus-visible:not([aria-disabled=true]),._1AOsTJG3:hover:not([aria-disabled=true]),._1AOsTJG3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._1AOsTJG3._2PQcvkB9{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._1AOsTJG3:not(._3AuL4yE4){min-width:68px}._1AOsTJG3._3AuL4yE4{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._1AOsTJG3 ._3wqLydX-{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._1AOsTJG3 ._2RzezWii{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);--reactist-content-primary:var(--reactist-content-toast);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}@keyframes _3v5DmtsH{0%{opacity:0}to{opacity:1}}:root{--reach-dialog:1;--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._3jjo0wSd{isolation:isolate}[data-reach-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3v5DmtsH .2s;animation:_3v5DmtsH .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}[data-reach-dialog-overlay]>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}[data-reach-dialog-overlay]._3dZ8SMqI>[data-focus-lock-disabled] ._5Eq_Wmv{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}[data-reach-dialog-content]{background:var(--reactist-bg-default);padding:0;outline:none;transition:box-shadow .5s}._5Eq_Wmv{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out;max-width:100%}._1jvHg-bL ._5Eq_Wmv{width:100%}._22sgLJIW ._5Eq_Wmv{width:768px}.gwIpBSNi ._5Eq_Wmv{width:580px}._1LaotiZv ._5Eq_Wmv{width:450px}@media (min-width:992px){.B2BwdSPs ._5Eq_Wmv{width:960px}}@media (min-width:1200px){.B2BwdSPs ._5Eq_Wmv{width:1060px}}@media (max-width:1000px){.B2BwdSPs ._5Eq_Wmv{width:768px}}@media (max-width:580px){.ynZOvPCT:not(._1LaotiZv) ._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx:not(._1LaotiZv) ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._5Eq_Wmv{width:100%!important;max-height:none}.ynZOvPCT._2MXWR1nx>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}.ynZOvPCT._2MXWR1nx ._5Eq_Wmv{border-bottom-left-radius:0;border-bottom-right-radius:0}}.tJiZ17qL{display:flex;align-items:center;height:32px}._1ZCXZZbD{min-height:32px}",""]),exports.locals={"reach-portal":"_3jjo0wSd",fadein:"_3v5DmtsH",fitContent:"_3dZ8SMqI",container:"_5Eq_Wmv",full:"_1jvHg-bL",large:"_22sgLJIW",medium:"gwIpBSNi",small:"_1LaotiZv",xlarge:"B2BwdSPs",overlay:"ynZOvPCT",expand:"_2MXWR1nx",buttonContainer:"tJiZ17qL",headerContent:"_1ZCXZZbD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal,1)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw.cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw option{background-color:var(--reactist-bg-aside)}._37qME_zw select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));margin-top:var(--reactist-spacing-large);border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}._14o3mgku{margin-top:var(--reactist-spacing-xsmall)}._1-Qo1ZMw{margin-top:var(--reactist-spacing-small)}._2zCa-_AP{margin-top:var(--reactist-spacing-medium)}.fBRTKaCF{margin-top:var(--reactist-spacing-large)}._3xoTod4f{margin-top:var(--reactist-spacing-xlarge)}._1GEBxxCD{margin-top:var(--reactist-spacing-xxlarge)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81","track-xsmall":"_14o3mgku","track-small":"_1-Qo1ZMw","track-medium":"_2zCa-_AP","track-large":"fBRTKaCF","track-xlarge":"_3xoTod4f","track-xxlarge":"_1GEBxxCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font-family:var(--reactist-font-family);width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}",""]),exports.locals={textAreaContainer:"_22PFG8iD",bordered:"_29Be2aIS",error:"_2NQlDy3I"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO:not(._1UmGt5zL){border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL input{padding:0;height:24px}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast,400)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n  background-color: rgba(0, 0, 0, 0.1);\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n  height: 18px;\n  width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n  width: 12px;\n  height: 12px;\n}\n.reactist_color_picker .color_item {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 4px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n  background-color: transparent;\n  border: 2px solid white;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n  visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n  padding: 6px;\n  display: flex;\n  flex-wrap: wrap;\n  width: 164px;\n  position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n  visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n    .color_trigger {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 24px;\n\n        &--inner_ring {\n            background-color: rgba(0, 0, 0, 0.1);\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_trigger--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.small {\n            height: 18px;\n            width: 18px;\n\n            .color_trigger--inner_ring {\n                width: 12px;\n                height: 12px;\n            }\n        }\n    }\n\n    .color_item {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        cursor: pointer;\n\n        &--inner_ring {\n            background-color: transparent;\n            border: 2px solid white;\n            height: 24px;\n            width: 24px;\n            border-radius: 50%;\n            visibility: hidden;\n        }\n        &:hover {\n            .color_item--inner_ring {\n                visibility: visible;\n            }\n        }\n\n        &.active {\n            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .color_options {\n        padding: 6px;\n        display: flex;\n        flex-wrap: wrap;\n        width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n        position: relative;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        visibility: hidden;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n  cursor: pointer;\n  user-select: none;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.reactist_button--small {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  padding: 5px 15px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n  padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n  padding: 10px 15px;\n}\n.reactist_button--primary {\n  background-color: #3f82ef;\n  color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n  background-color: #3b7be2;\n}\n.reactist_button--danger {\n  background-color: #de4c4a;\n  color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n  background-color: #cf2826;\n}\n.reactist_button--secondary {\n  background-color: white;\n  color: #202020;\n  border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n  background-color: #f9f9f9;\n}\n.reactist_button--link {\n  color: #3f82ef;\n  text-decoration: none;\n}\n.reactist_button--link:disabled {\n  color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n  text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n  font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n  cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n  background-repeat: no-repeat;\n  background-size: 15px;\n  content: '';\n  display: inline-block;\n  height: 15px;\n  margin-left: 12px;\n  vertical-align: middle;\n  width: 15px;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: reactistRotateRight;\n  animation-timing-function: linear;\n  color: #ffffff;\n  background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n  border-color: #dcdcdc;\n  background-color: #dcdcdc;\n  color: #808080;\n}\n@keyframes reactistRotateRight {\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n    cursor: pointer;\n    user-select: none;\n    color: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n\n    &[aria-disabled='true'] {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &--small {\n        .smaller_text();\n    }\n\n    &--primary,\n    &--secondary,\n    &--danger {\n        .normal_text();\n        box-sizing: border-box;\n        padding: 5px 15px;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 3px;\n        &.reactist_button--small {\n            padding: 5px 10px;\n        }\n        &.reactist_button--large {\n            padding: 10px 15px;\n        }\n    }\n\n    &--primary {\n        background-color: @primary_color;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: @primary_color_darker;\n        }\n    }\n\n    &--danger {\n        background-color: @color_red;\n        color: white;\n\n        &:not([disabled]):hover {\n            background-color: darken(@color_red, 10%);\n        }\n    }\n\n    &--secondary {\n        background-color: white;\n        color: @primary_font_color;\n        border-color: @color_border_grey;\n\n        &:not([disabled]):hover {\n            background-color: @color_grey_9;\n        }\n    }\n\n    &--link {\n        color: @primary_color;\n        text-decoration: none;\n\n        &:disabled {\n            color: @secondary_font_color;\n        }\n\n        &:not(:disabled):hover {\n            text-decoration: underline;\n        }\n\n        &:not(&--small):not(&--large) {\n            font-size: inherit;\n        }\n    }\n\n    // loading-like buttons are only supported for the primary, secondary and danger variants\n    &--primary,\n    &--secondary,\n    &--danger {\n        &.reactist_button--loading {\n            cursor: progress !important;\n            &:after {\n                background-repeat: no-repeat;\n                background-size: 15px;\n                content: '';\n                display: inline-block;\n                height: 15px;\n                margin-left: 12px;\n                vertical-align: middle;\n                width: 15px;\n                animation-duration: 1s;\n                animation-iteration-count: infinite;\n                animation-name: reactistRotateRight;\n                animation-timing-function: linear;\n                color: #ffffff;\n                background-image: url('../icons/spinner.svg');\n            }\n        }\n    }\n\n    // we treat secondary buttons differently because the loading indicator is white\n    // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n    &--secondary.reactist_button--loading {\n        border-color: @color_border_grey;\n        background-color: @color_border_grey;\n        color: @secondary_font_color;\n    }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n    from {\n        transform: rotate(0deg);\n        transform-origin: center center;\n    }\n\n    to {\n        transform: rotate(360deg);\n        transform-origin: center center;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n  cursor: pointer;\n  display: block;\n}\n.reactist_dropdown .body {\n  border-radius: 3px;\n  border: 1px solid #dcdcdc;\n  overflow: hidden;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n  z-index: 1;\n  background-color: #fff;\n}\n.reactist_dropdown hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n  z-index: 1;\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 6px;\n  right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n  top: -11px;\n  border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n  top: -12px;\n  border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n  top: -1px;\n  border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n  top: -1px;\n  right: 13px;\n  border-width: 7px;\n  border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n    .trigger {\n        cursor: pointer;\n        display: block;\n    }\n\n    .body {\n        border-radius: 3px;\n        border: 1px solid @color_border_grey;\n        overflow: hidden;\n        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n        z-index: 1;\n        background-color: #fff;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 0 5px;\n    }\n\n    .with_arrow:after,\n    .with_arrow:before {\n        z-index: 1;\n        content: '';\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px;\n        right: 14px;\n    }\n\n    .with_arrow:after {\n        top: -11px;\n        border-color: transparent transparent #fff transparent;\n    }\n\n    .with_arrow:before {\n        top: -12px;\n        border-color: transparent transparent @color_border_grey transparent;\n    }\n\n    .with_arrow.top:after {\n        top: -1px;\n        border-color: #fff transparent transparent transparent;\n    }\n\n    .with_arrow.top:before {\n        top: -1px;\n        right: 13px;\n        border-width: 7px;\n        border-color: @color_border_grey transparent transparent transparent;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  outline: none;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  padding: 5px 10px;\n  margin: 0;\n}\n.reactist_input:focus {\n  border-color: #3f82ef;\n}\n.reactist_input:disabled {\n  background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n    .normal_text();\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    outline: none;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    padding: 5px 10px;\n    margin: 0;\n\n    &:focus {\n        border-color: @primary_color;\n    }\n    &:disabled {\n        background-color: @color_grey_11;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n  display: flex;\n  position: relative;\n  font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition-property: background-color;\n  transition-duration: 300ms;\n  background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n  background: #ececec;\n}\n.reactist-notification__button {\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 10px 14px;\n  border: 1px solid #dcdcdc;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  background: #fff;\n  display: flex;\n  flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n  background: #ececec;\n}\n.reactist-notification__close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n  display: block;\n}\n.reactist-notification__icon-content-group {\n  display: flex;\n  flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n  padding-right: 24px;\n}\n.reactist-notification__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.reactist-notification__title {\n  margin: 0 0 3px 0;\n  font-size: 0.875rem;\n  text-align: left;\n}\n.reactist-notification__subtitle {\n  font-size: 0.81rem;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 10px 14px;\n    border: 1px solid @color_border_grey;\n    border-radius: @default-radius;\n    box-shadow: @default-box-shadow;\n    background: #fff;\n}\n\n.reactist-notification {\n    display: flex;\n    position: relative;\n    font-size: @normal_font_size;\n\n    &:not(.reactist-notification--with-button) {\n        .container-style();\n    }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition-property: background-color;\n    transition-duration: @standard-timing;\n    background: #fff;\n\n    &:hover {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__button {\n    .container-style();\n    display: flex;\n    flex: 1;\n\n    &:hover + .reactist-notification__close-button {\n        background: @color_grey_10;\n    }\n}\n\n.reactist-notification__close-button {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: @default-radius;\n\n    > * {\n        display: block;\n    }\n}\n\n.reactist-notification__icon-content-group {\n    display: flex;\n    flex: 1;\n}\n\n.reactist-notification--with-close-button {\n    .reactist-notification__icon-content-group {\n        padding-right: 24px;\n    }\n}\n\n.reactist-notification__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.reactist-notification__title {\n    margin: 0 0 3px 0;\n    font-size: @normal_font_size;\n    text-align: left;\n}\n\n.reactist-notification__subtitle {\n    font-size: @smaller_font_size;\n    margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n  font-size: 0.875rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.7;\n  background-color: white;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 5px 25px 5px 10px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n  background-position: calc(100% - 11px) center;\n  background-repeat: no-repeat;\n  background-size: 8px 11px;\n}\n.reactist_select.disabled {\n  background-color: #fafafa;\n}\n.reactist_select:focus {\n  outline: none;\n  border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n    .normal_text();\n    background-color: white;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n\n    // nuke the browser styles\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n    padding: 5px 25px 5px 10px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n    background-position: calc(~'100% - 11px') center;\n    background-repeat: no-repeat;\n    background-size: 8px 11px;\n\n    &.disabled {\n        background-color: @color_grey_11;\n    }\n    &:focus {\n        outline: none;\n        border: 1px solid @primary_color;\n    }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n  font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  margin: 0 2px;\n  line-height: normal;\n  line-height: 10px;\n  color: #202020;\n  vertical-align: middle;\n  background-color: #fafafa;\n  border: 1px solid #dcdcdc;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n    font: 11px Menlo, monospace;\n    > kbd > kbd {\n        display: inline-block;\n        padding: 3px 5px;\n        margin: 0 2px;\n        line-height: normal;\n        line-height: 10px;\n        color: @primary_font_color;\n        vertical-align: middle;\n        background-color: @color_grey_11;\n        border: 1px solid @color_border_grey;\n        border-radius: 6px;\n        box-shadow: inset 0 -1px 0 @color_border_grey;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n  min-height: 44px;\n  max-height: var(--popover-available-height);\n  overflow: auto;\n  display: block;\n  white-space: nowrap;\n  background: hsla(0, 0%, 100%, 0.99);\n  outline: none;\n  font-size: 0.81rem;\n  padding: 4px 0;\n  min-width: 180px;\n  border: 1px solid #dcdcdc;\n  border-radius: 3px;\n  margin: -4px;\n  z-index: var(--reactist-stacking-order-menu, 1);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  user-select: none;\n  outline: none;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  color: inherit;\n  border: none;\n  background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label,\n.reactist_menulist[role='menubar'] .reactist_menugroup__label {\n  color: #808080;\n  font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button,\n.reactist_menulist[role='menubar'] .reactist_submenu_button {\n  padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after,\n.reactist_menulist[role='menubar'] .reactist_submenu_button::after {\n  content: '';\n  position: absolute;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent #808080;\n  display: block;\n  width: 0;\n  right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menubar'] [role='menuitem'] {\n  width: 100%;\n  box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menubar'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menubar'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-expanded='true'] {\n  color: #202020;\n  background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menubar'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled,\n.reactist_menulist[role='menubar'] [role='menuitem']:disabled {\n  color: #808080;\n  pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'],\n.reactist_menulist[role='menubar'] a[role='menuitem'] {\n  cursor: default;\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover,\n.reactist_menulist[role='menubar'] a[role='menuitem']:hover {\n  text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'],\n.reactist_menulist[role='menubar'] [role='menu'],\n.reactist_menulist[role='menu'] [role='menubar'],\n.reactist_menulist[role='menubar'] [role='menubar'] {\n  margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr,\n.reactist_menulist[role='menubar'] hr {\n  border: none;\n  height: 1px;\n  background-color: #dcdcdc;\n  margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAIA;;EAEI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,+CAAA;AAHJ;AAZA;;;;EAmBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AA1BA;;EA+BQ,cAAA;EACA,kBAAA;AADR;AA/BA;;EAoCQ,mBAAA;AADR;AAnCA;;EAwCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AADR;AA9CA;;EAmDQ,WAAA;EACA,sBAAA;AADR;AAEQ;;;;;;EAGI,cAAA;EACA,yBAAA;AAGZ;AADQ;;;;EAEI,cAAA;EACA,oBAAA;AAKZ;AAnEA;;EAmEQ,eAAA;EACA,qBAAA;AAIR;AAHQ;;EACI,qBAAA;AAMZ;AA5EA;;;;EA6EQ,gBAAA;AAKR;AAlFA;;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAKR",sourcesContent:["@import '../styles/constants.less';\n\n// Ariakit renders the menu as menubar on Safari\n// Ref: https://github.com/ariakit/ariakit/blob/454aef1237ada31e8292ee4966adca3ed0f6e299/packages/ariakit/src/menu/menu-list.ts#L150\n.reactist_menulist[role='menu'],\n.reactist_menulist[role='menubar'] {\n    min-height: 44px; // minimum accessible target area\n    max-height: var(--popover-available-height); // defined by ariakit\n    overflow: auto;\n    display: block;\n    white-space: nowrap;\n    background: hsla(0, 100%, 100%, 0.99);\n    outline: none;\n    font-size: @smaller_font_size;\n    padding: 4px 0;\n    min-width: 180px;\n    border: 1px solid @color_border_grey;\n    border-radius: 3px;\n    margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n    z-index: var(--reactist-stacking-order-menu, 1);\n\n    [role='menuitem'],\n    .reactist_menugroup__label {\n        user-select: none;\n        outline: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        padding: 5px 10px;\n        color: inherit;\n        border: none;\n        background-color: transparent;\n    }\n\n    .reactist_menugroup__label {\n        color: @secondary_font_color;\n        font-size: @tiny_font_size;\n    }\n\n    .reactist_submenu_button {\n        padding-right: 16px;\n    }\n\n    .reactist_submenu_button::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 4px 0 4px 6px;\n        border-color: transparent @secondary_font_color;\n        display: block;\n        width: 0;\n        right: 6px;\n    }\n\n    [role='menuitem'] {\n        width: 100%;\n        box-sizing: border-box;\n        &:hover,\n        &:focus,\n        &[aria-expanded='true'] {\n            color: @primary_font_color;\n            background-color: @color_grey_10;\n        }\n        &[aria-disabled='true'],\n        &:disabled {\n            color: @secondary_font_color;\n            pointer-events: none;\n        }\n    }\n\n    a[role='menuitem'] {\n        cursor: default;\n        text-decoration: none;\n        &:hover {\n            text-decoration: none;\n        }\n    }\n\n    // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n    [role='menu'],\n    [role='menubar'] {\n        margin-top: -5px;\n    }\n\n    hr {\n        border: none;\n        height: 1px;\n        background-color: @color_border_grey;\n        margin: 4px 0;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  height: 4px;\n  border-radius: 3px;\n  background-color: #ececec;\n  width: 100%;\n}\n.reactist_progress_bar .inner {\n  height: inherit;\n  border-radius: 4px;\n  background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n    height: 4px;\n    border-radius: 3px;\n    background-color: @color_grey_10;\n    width: 100%;\n\n    .inner {\n        height: inherit;\n        border-radius: 4px;\n        background-color: @color_green;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n  font-size: 0.75rem;\n  color: #808080;\n  font-weight: 400;\n  line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n  text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n    .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n    text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n  font-size: 0.81rem;\n  color: #202020;\n  font-weight: 400;\n  line-height: 1.6;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100%;\n  padding: 5px 10px;\n  background-color: #333333;\n  color: white;\n  border: none;\n  border-radius: 3px;\n  z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n    .smaller_text();\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n    padding: 5px 10px;\n    background-color: @tooltip_background;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n    font-size: @heading_two_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @normal_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n    font-size: @smaller_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n    font-size: @tiny_font_size;\n    color: @color;\n    font-weight: @weight;\n    line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n  /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n  --reactist-breakpoint-tablet: 768px;\n  --reactist-breakpoint-desktop: 992px;\n  /* spacing sizes */\n  --reactist-spacing-xsmall: 4px;\n  --reactist-spacing-small: 8px;\n  --reactist-spacing-medium: 12px;\n  --reactist-spacing-large: 16px;\n  --reactist-spacing-xlarge: 24px;\n  --reactist-spacing-xxlarge: 32px;\n  /* width */\n  --reactist-width-xsmall: 220px;\n  --reactist-width-small: 400px;\n  --reactist-width-medium: 660px;\n  --reactist-width-large: 940px;\n  --reactist-width-xlarge: 1280px;\n  /* font family */\n  --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n  /* font sizes */\n  --reactist-font-size-caption: 12px;\n  --reactist-font-size-copy: 13px;\n  --reactist-font-size-body: 14px;\n  --reactist-font-size-subtitle: 16px;\n  --reactist-font-size-header: 20px;\n  --reactist-font-size-header-large: 24px;\n  --reactist-font-size-header-xlarge: 32px;\n  /* font weight */\n  --reactist-font-weight-regular: 400;\n  --reactist-font-weight-medium: 600;\n  --reactist-font-weight-strong: 700;\n  /* standard divider colors */\n  --reactist-divider-primary: #c4c7c8;\n  --reactist-divider-secondary: #dde2e3;\n  --reactist-divider-tertiary: #edf2f3;\n  /* border-radius */\n  --reactist-border-radius-small: 5px;\n  --reactist-border-radius-large: 10px;\n  /* background color */\n  --reactist-bg-default: #ffffff;\n  --reactist-bg-brand: #246fe0;\n  --reactist-bg-aside: #fafafa;\n  --reactist-bg-highlight: #f2f2f2;\n  --reactist-bg-selected: #e6e6e6;\n  --reactist-bg-toast: #282828;\n  /* colors */\n  --reactist-framework-fill-background: #fafafa;\n  --reactist-framework-fill-crest: #e6e6e6;\n  --reactist-framework-fill-selected: #ececec;\n  --reactist-framework-fill-summit: #d6d6d6;\n  --reactist-content-primary: rgba(0, 0, 0, 0.88);\n  --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n  --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n  --reactist-content-toast: #ffffff;\n  --reactist-content-positive: #058527;\n  --reactist-content-danger: #d1453b;\n  /* component-specific */\n  --reactist-switch-checked: #058527;\n  /* alerts */\n  --reactist-alert-tone-info-icon: #1d438c;\n  --reactist-alert-tone-info-border: #246fe0;\n  --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n  --reactist-alert-tone-positive-icon: #035017;\n  --reactist-alert-tone-positive-border: #058527;\n  --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n  --reactist-alert-tone-caution-icon: #5e3704;\n  --reactist-alert-tone-caution-border: #eb8d13;\n  --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n  --reactist-alert-tone-critical-icon: #b03d32;\n  --reactist-alert-tone-critical-border: #d1453b;\n  --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n  /* toasts */\n  --reactist-toast-actionable-primary-tint: #39d1ef;\n  --reactist-toast-actionable-secondary-tint: #b6c1c3;\n  --reactist-toast-actionable-hover-fill: #506063;\n  --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,iCAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;AAfJ",sourcesContent:[":root {\n    /*\n     * breakpoints\n     *\n     * Unfortunately CSS custom properties are not available in media queries. So these are not\n     * being used right now (although all uses of the hardcoded value are annotated with the names.\n     *\n     * We could manage these as pre-processor variables, but that would leave the question about how\n     * is going to be possible to customize these values from consumer apps.\n     *\n     * See https://stackoverflow.com/q/40722882/621809\n     * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n     */\n    --reactist-breakpoint-tablet: 768px;\n    --reactist-breakpoint-desktop: 992px;\n\n    /* spacing sizes */\n    --reactist-spacing-xsmall: 4px;\n    --reactist-spacing-small: 8px;\n    --reactist-spacing-medium: 12px;\n    --reactist-spacing-large: 16px;\n    --reactist-spacing-xlarge: 24px;\n    --reactist-spacing-xxlarge: 32px;\n\n    /* width */\n    --reactist-width-xsmall: 220px;\n    --reactist-width-small: 400px;\n    --reactist-width-medium: 660px;\n    --reactist-width-large: 940px;\n    --reactist-width-xlarge: 1280px;\n\n    /* font family */\n    --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n        Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n        'Segoe UI Symbol';\n\n    /* font sizes */\n    --reactist-font-size-caption: 12px;\n    --reactist-font-size-copy: 13px;\n    --reactist-font-size-body: 14px;\n    --reactist-font-size-subtitle: 16px;\n    --reactist-font-size-header: 20px;\n    --reactist-font-size-header-large: 24px;\n    --reactist-font-size-header-xlarge: 32px;\n\n    /* font weight */\n    --reactist-font-weight-regular: 400;\n    --reactist-font-weight-medium: 600;\n    --reactist-font-weight-strong: 700;\n\n    /* standard divider colors */\n    --reactist-divider-primary: #c4c7c8;\n    --reactist-divider-secondary: #dde2e3;\n    --reactist-divider-tertiary: #edf2f3;\n\n    /* border-radius */\n    --reactist-border-radius-small: 5px;\n    --reactist-border-radius-large: 10px;\n\n    /* background color */\n    --reactist-bg-default: rgb(255, 255, 255);\n    --reactist-bg-brand: rgb(36, 111, 224);\n    --reactist-bg-aside: rgb(250, 250, 250);\n    --reactist-bg-highlight: rgb(242, 242, 242);\n    --reactist-bg-selected: rgb(230, 230, 230);\n    --reactist-bg-toast: rgb(40, 40, 40);\n\n    /* colors */\n    --reactist-framework-fill-background: rgb(250, 250, 250);\n    --reactist-framework-fill-crest: rgb(230, 230, 230);\n    --reactist-framework-fill-selected: rgb(236, 236, 236);\n    --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n    --reactist-content-primary: rgba(0, 0, 0, 0.88);\n    --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n    --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n    --reactist-content-toast: rgb(255, 255, 255);\n    --reactist-content-positive: rgb(5, 133, 39);\n    --reactist-content-danger: rgb(209, 69, 59);\n\n    /* component-specific */\n    --reactist-switch-checked: rgb(5, 133, 39);\n\n    /* alerts */\n    --reactist-alert-tone-info-icon: #1d438c;\n    --reactist-alert-tone-info-border: rgb(36, 111, 224);\n    --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n    --reactist-alert-tone-positive-icon: #035017;\n    --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n    --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n    --reactist-alert-tone-caution-icon: #5e3704;\n    --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n    --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n    --reactist-alert-tone-critical-icon: #b03d32;\n    --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n    --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n    /* toasts */\n    --reactist-toast-actionable-primary-tint: #39d1ef;\n    --reactist-toast-actionable-secondary-tint: #b6c1c3;\n    --reactist-toast-actionable-hover-fill: #506063;\n    --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n  display: inline-block;\n  margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n    display: inline-block;\n    margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--reactist-divider-secondary);\n  border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n  padding: 4px;\n  border-radius: var(--reactist-border-radius-small);\n  border: 1px solid var(--reactist-divider-secondary);\n  background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--reactist-divider-secondary);\n    border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n    padding: 4px;\n    border-radius: var(--reactist-border-radius-small);\n    border: 1px solid var(--reactist-divider-secondary);\n    background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n  color: #565d6b;\n  font-size: 14px;\n  line-height: 1.5;\n  margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n    color: rgb(86, 93, 107);\n    font-size: 14px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n  box-sizing: border-box;\n  display: flex;\n  width: 22px;\n  padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n  content: '';\n  display: block;\n  background-color: #70bc1c;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.notification-story-notification-container {\n  width: 360px;\n  max-width: none;\n}\n.notification-story-content {\n  margin-left: 10px;\n}\n.notification-story-text {\n  text-align: left;\n  margin: 0 0 4px 0;\n  color: #808080;\n}\n.notification-story-heading {\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  color: #de4c4a;\n}\n.notification-story-avatar-container {\n  margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n    box-sizing: border-box;\n    display: flex;\n    width: 22px;\n    padding-top: 4px;\n\n    &:before {\n        content: '';\n        display: block;\n        background-color: @color_green;\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n    }\n}\n\n.notification-story-notification-container {\n    width: 360px;\n    max-width: none;\n}\n\n.notification-story-content {\n    margin-left: 10px;\n}\n\n.notification-story-text {\n    text-align: left;\n    margin: 0 0 4px 0;\n    color: @secondary_font_color;\n}\n\n.notification-story-heading {\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    color: @color_red;\n}\n\n.notification-story-avatar-container {\n    margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n  margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n    margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n  font-family: var(--reactist-font-family);\n}\n.story {\n  margin: 0 40px 0 40px;\n  padding: 20px;\n  background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n    font-family: var(--reactist-font-family);\n}\n\n.story {\n    margin: 0 40px 0 40px;\n    padding: 20px;\n    background-color: white;\n\n    // checkered background\n    // @gray: whitesmoke;\n    // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n    // background-size: 20px 20px;\n    // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n  display: inline-block;\n  width: 160px;\n  text-align: right;\n  font-weight: 600;\n  margin-right: 16px;\n}\n.story.time div time {\n  text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n    span {\n        display: inline-block;\n        width: 160px;\n        text-align: right;\n        font-weight: 600;\n        margin-right: 16px;\n    }\n    time {\n        text-align: left;\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n  display: block;\n  text-align: center;\n}\n.story.tooltip input {\n  margin: 0 auto;\n  width: 400px;\n}\n.story.tooltip button {\n  width: 250px;\n  margin: 100px auto;\n  padding: 100px 10px;\n  border: 1px solid black;\n  background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n  background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n    input,\n    button {\n        display: block;\n        text-align: center;\n    }\n    input {\n        margin: 0 auto;\n        width: 400px;\n    }\n    button {\n        width: 250px;\n        margin: 100px auto;\n        padding: 100px 10px;\n        border: 1px solid black;\n        background-color: palegreen;\n        &:hover,\n        &:focus {\n            background-color: lightblue;\n        }\n    }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/menu/menu.stories.tsx":"./src/components/menu/menu.stories.tsx","./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/deprecated-modal/modal.stories.mdx":"./src/new-components/deprecated-modal/modal.stories.mdx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/modal/modal.stories.mdx":"./src/new-components/modal/modal.stories.mdx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var dropdown_Box=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Box,_React$Component);var _super=_createSuper(Box);function Box(props,context){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Box),(_this=_super.call(this,props,context))._timeout=void 0,_this._handleClickOutside=function(event){var dropdownDOMNode=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));dropdownDOMNode&&!dropdownDOMNode.contains(event.target)?_this._toggleShowBody():_this.props.allowBodyInteractions||(_this._timeout=setTimeout((function(){_this.state.showBody&&_this._toggleShowBody()}),100))},_this._toggleShowBody=function(){_this.state.showBody?(_this.props.onHideBody&&_this.props.onHideBody(),document.removeEventListener("click",_this._handleClickOutside,!0)):(_this.props.onShowBody&&_this.props.onShowBody(),document.addEventListener("click",_this._handleClickOutside,!0)),_this.setState({showBody:!_this.state.showBody})},_this._setPosition=function(body){if(body){var scrollingParent=document.getElementById(_this.props.scrolling_parent?_this.props.scrolling_parent:"");if(scrollingParent){var dropdown=react_dom_default.a.findDOMNode(_assertThisInitialized(_this));if(!dropdown)return;var dropdownVerticalPosition=react_dom_default.a.findDOMNode(_assertThisInitialized(_this)).offsetTop,dropdownTrigger=dropdown.querySelector(".trigger");if(!dropdownTrigger)return;var dropdownTriggerHeight=dropdownTrigger.clientHeight,dropdownBodyHeight=body.clientHeight,top=scrollingParent.clientHeight+scrollingParent.scrollTop-dropdownVerticalPosition-dropdownTriggerHeight<dropdownBodyHeight;top!==_this.state.top&&_this.setState({top:top})}}},_this.state={showBody:!1,top:props.top||!1},_this._timeout=void 0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Box,[{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this._handleClickOutside,!0),this._timeout&&clearTimeout(this._timeout)}},{key:"_getTriggerComponent",value:function _getTriggerComponent(){var _this$props$children,_trigger=null===(_this$props$children=this.props.children)||void 0===_this$props$children?void 0:_this$props$children[0];return _trigger?react.cloneElement(_trigger,{onClick:this._toggleShowBody}):void 0}},{key:"_getBodyComponent",value:function _getBodyComponent(){if(!this.state.showBody)return null;var top=this.state.top,_this$props=this.props,_this$props$right=_this$props.right,right=void 0!==_this$props$right&&_this$props$right,children=_this$props.children,props={top:top,right:right,setPosition:this._setPosition},className=classnames_default()({body_wrapper:!0,with_arrow:!0,top:top,bottom:!top}),body=null==children?void 0:children[1],contentMarkup="function"==typeof body?body(props):body?react.cloneElement(body,props):void 0;return Object(jsx_runtime.jsx)("div",{className:className,style:{position:"relative"},children:contentMarkup})}},{key:"render",value:function render(){var className=classnames_default()("reactist_dropdown",this.props.className),top=this.state.top;return Object(jsx_runtime.jsxs)("div",{style:{display:"inline-block"},className:className,"data-testid":"reactist-dropdown-box",children:[top&&this._getBodyComponent(),this._getTriggerComponent(),!top&&this._getBodyComponent()]})}}]),Box}(react.Component);dropdown_Box.displayName=void 0,dropdown_Box.displayName="Dropdown.Box";var dropdown_Trigger=react.forwardRef((function Trigger(_ref,ref){var children=_ref.children,onClick=_ref.onClick,tooltip=_ref.tooltip,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(deprecated_button.a,Object.assign({},props,{className:classnames_default()("trigger",className),onClick:function handleClick(event){event.preventDefault(),event.stopPropagation(),onClick&&onClick(event)},tooltip:tooltip,ref:ref,children:children}))}));function Body(_ref2){var top=_ref2.top,right=_ref2.right,children=_ref2.children,setPosition=_ref2.setPosition,style={position:"absolute",right:0,top:0};return top&&(style.top="auto",style.bottom=0),right&&(style.right="auto",style.left=0),Object(jsx_runtime.jsx)("div",{ref:setPosition,style:style,className:"body",id:"reactist-dropdown-body","data-testid":"reactist-dropdown-body",children:children})}dropdown_Trigger.displayName="Dropdown.Trigger",Body.displayName="Body",Body.displayName="Dropdown.Body";var Dropdown={Box:dropdown_Box,Trigger:dropdown_Trigger,Body:Body};__webpack_exports__.a=Dropdown},"./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/icons/spinner.svg":function(module,exports){module.exports="data:image/svg+xml,module.exports = __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},"./src/components/keyboard-shortcut/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","translateKey","isMac"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/menu/menu.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/menu/menu.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return OverflowMenuExample}));__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/keyboard-shortcut/index.ts"),_new_components_button__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/button/button.tsx"),_new_components_inline__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/inline/inline.tsx"),_new_components_stack__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/stack/stack.tsx"),_new_components_columns__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/columns/columns.tsx"),___WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/menu/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MenuIndicator(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{fillRule:"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})})}function StructuredMenuItem(_ref){var icon=_ref.icon,label=_ref.label,shortcut=_ref.shortcut;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{space:"small",width:"full",flexGrow:1,children:[icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content","aria-hidden":!0,children:icon}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{children:label})}),shortcut?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_15__.a,{children:shortcut})}):null]})}MenuIndicator.displayName="MenuIndicator",__webpack_exports__.default={title:"Components/Menu",component:___WEBPACK_IMPORTED_MODULE_20__.a,parameters:{badges:["accessible"]}},StructuredMenuItem.displayName="StructuredMenuItem";var SimpleMenuExample=function SimpleMenuExample(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13__.useState(!1),2),flag=_React$useState2[0],setFlag=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"Some menu examples"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_inline__WEBPACK_IMPORTED_MODULE_17__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"primary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"Simple menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Simple menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:"Edit"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Copy"),children:"Copy"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Paste"),children:"Paste"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:"Duplicate"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove"),children:"Remove"})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"secondary",tooltip:"And a tooltip too",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With sub-menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"With sub-menu",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{as:"a",href:"https://github.com/Doist/reactist",target:"_blank",rel:"noreferrer noopener",children:"Reactist on Github"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("About Reactist…"),children:"About Reactist…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Check for updates…"),children:"Check for updates…"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.f,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{children:"Preferences"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Settings"),children:"Settings"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Extensions"),children:"Extensions"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Notifications"),children:"Notifications"})]})]})]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"tertiary",endIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(MenuIndicator,{}),children:"With extra features"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":"Menu with extra features",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Edit"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"✏",label:"Edit"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Duplicate"),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:"👯‍♀️️",label:"Duplicate",shortcut:"Cmd + D"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:function onSelect(){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(flag?"Toggle off":"Toggle on")(flag?"👎":"👍"),setFlag((function(f){return!f})),!1},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(StructuredMenuItem,{icon:flag?"👍":"👎",label:"Toggle thumbs up or down"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.c,{label:"Dangerous options",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove first"),children:"Remove first"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove completed"),children:"Remove completed"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{disabled:!0,onSelect:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)("Remove all"),children:"Remove all (disabled)"})]})]})]})]})]})};function OverflowIcon(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})})}function Item(_ref2){var value=_ref2.value,name=_ref2.name;function getLabel(actionName){return actionName+" '"+name+"'"}var ariaLabel=getLabel("Options menu for");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.b,{as:"li",border:"primary",borderRadius:"standard",padding:"small",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"auto",children:name}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_columns__WEBPACK_IMPORTED_MODULE_19__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.a,{onItemSelect:function onItemSelect(itemValue){return Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_14__.action)(String(itemValue)+" '"+name+"'")(value)},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.b,{as:_new_components_button__WEBPACK_IMPORTED_MODULE_16__.a,variant:"quaternary",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(OverflowIcon,{}),"aria-label":ariaLabel}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(___WEBPACK_IMPORTED_MODULE_20__.e,{"aria-label":ariaLabel,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"edit",children:getLabel("Edit")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"duplicate",children:getLabel("Duplicate")}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("hr",{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(___WEBPACK_IMPORTED_MODULE_20__.d,{value:"remove",children:getLabel("Remove")})]})]})})]})}SimpleMenuExample.displayName="SimpleMenuExample",OverflowIcon.displayName="OverflowIcon",Item.displayName="Item";var items=[{value:"1",name:"First item"},{value:"2",name:"Second item"},{value:"3",name:"Third item"}],OverflowMenuExample=function OverflowMenuExample(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"A list of items with an overflow options menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p",{children:"This example is meant to be expanded with future features we plan to support (such as allowing to control the visible state of the menu from outside, and allow it to be used as a context menu)."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_new_components_stack__WEBPACK_IMPORTED_MODULE_18__.a,{as:"ul",space:"small",children:items.map((function(item,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(Item,Object.assign({},item),index)}))})]})};OverflowMenuExample.displayName="OverflowMenuExample",SimpleMenuExample.parameters=Object.assign({storySource:{source:"function SimpleMenuExample() {\n    const [flag, setFlag] = React.useState(false)\n    return (\n        <section className=\"story\">\n            <p>Some menu examples</p>\n            <Inline space=\"large\">\n                <Menu>\n                    <MenuButton as={Button} variant=\"primary\" endIcon={<MenuIndicator />}>\n                        Simple menu\n                    </MenuButton>\n                    <MenuList aria-label=\"Simple menu\">\n                        <MenuItem onSelect={action('Edit')}>Edit</MenuItem>\n                        <MenuItem onSelect={action('Copy')}>Copy</MenuItem>\n                        <MenuItem onSelect={action('Paste')}>Paste</MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>Duplicate</MenuItem>\n                        <MenuItem onSelect={action('Remove')}>Remove</MenuItem>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton\n                        as={Button}\n                        variant=\"secondary\"\n                        tooltip=\"And a tooltip too\"\n                        endIcon={<MenuIndicator />}\n                    >\n                        With sub-menu\n                    </MenuButton>\n                    <MenuList aria-label=\"With sub-menu\">\n                        <MenuItem\n                            as=\"a\"\n                            href=\"https://github.com/Doist/reactist\"\n                            target=\"_blank\"\n                            rel=\"noreferrer noopener\"\n                        >\n                            Reactist on Github\n                        </MenuItem>\n                        <MenuItem onSelect={action('About Reactist…')}>About Reactist…</MenuItem>\n                        <MenuItem onSelect={action('Check for updates…')}>\n                            Check for updates…\n                        </MenuItem>\n                        <hr />\n                        <SubMenu>\n                            <MenuButton>Preferences</MenuButton>\n                            <MenuList>\n                                <MenuItem onSelect={action('Settings')}>Settings</MenuItem>\n                                <MenuItem onSelect={action('Extensions')}>Extensions</MenuItem>\n                                <hr />\n                                <MenuItem onSelect={action('Notifications')}>\n                                    Notifications\n                                </MenuItem>\n                            </MenuList>\n                        </SubMenu>\n                    </MenuList>\n                </Menu>\n\n                <Menu>\n                    <MenuButton as={Button} variant=\"tertiary\" endIcon={<MenuIndicator />}>\n                        With extra features\n                    </MenuButton>\n                    <MenuList aria-label=\"Menu with extra features\">\n                        <MenuItem onSelect={action('Edit')}>\n                            <StructuredMenuItem icon=\"✏\" label=\"Edit\" />\n                        </MenuItem>\n                        <MenuItem onSelect={action('Duplicate')}>\n                            <StructuredMenuItem icon=\"👯‍♀️️\" label=\"Duplicate\" shortcut=\"Cmd + D\" />\n                        </MenuItem>\n                        <MenuItem\n                            onSelect={() => {\n                                action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n                                setFlag((f) => !f)\n                                return false // This prevents the menu from closing\n                            }}\n                        >\n                            <StructuredMenuItem\n                                icon={flag ? '👍' : '👎'}\n                                label=\"Toggle thumbs up or down\"\n                            />\n                        </MenuItem>\n                        <hr />\n                        <MenuGroup label=\"Dangerous options\">\n                            <MenuItem onSelect={action('Remove first')}>Remove first</MenuItem>\n                            <MenuItem onSelect={action('Remove completed')}>\n                                Remove completed\n                            </MenuItem>\n                            <MenuItem disabled onSelect={action('Remove all')}>\n                                Remove all (disabled)\n                            </MenuItem>\n                        </MenuGroup>\n                    </MenuList>\n                </Menu>\n            </Inline>\n        </section>\n    )\n}"}},SimpleMenuExample.parameters),OverflowMenuExample.parameters=Object.assign({storySource:{source:'function OverflowMenuExample() {\n    return (\n        <section className="story">\n            <p>A list of items with an overflow options menu</p>\n            <p>\n                This example is meant to be expanded with future features we plan to support (such\n                as allowing to control the visible state of the menu from outside, and allow it to\n                be used as a context menu).\n            </p>\n            <Stack as="ul" space="small">\n                {items.map((item, index) => (\n                    <Item key={index} {...item} />\n                ))}\n            </Stack>\n        </section>\n    )\n}'}},OverflowMenuExample.parameters)},"./src/components/menu/menu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Menu})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MenuButton})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MenuList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MenuItem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SubMenu})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MenuGroup}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),react_focus_lock__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/utils/polymorphism.ts"),ariakit_menu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-state.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-button.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ariakit/esm/menu/menu.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-item.js"),ariakit_menu__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ariakit/esm/menu/menu-group.js"),ariakit_portal__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=(__webpack_require__("./src/components/menu/menu.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onItemSelect"],_excluded2=["exceptionallySetClassName"],_excluded3=["exceptionallySetClassName"],_excluded4=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName","as"],_excluded5=["label","children","exceptionallySetClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext({});function Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,_excluded),state=ariakit_menu__WEBPACK_IMPORTED_MODULE_18__.a(Object.assign({focusLoop:!0,gutter:8,shift:4},props)),handleItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function(){return{state:state,handleItemSelect:handleItemSelect}}),[state,handleItemSelect]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(MenuContext.Provider,{value:value,children:children})}Menu.displayName="Menu";var MenuButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuButton(_ref2,ref){var exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menubutton",exceptionallySetClassName)}))})),MenuList=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuList(_ref3,ref){var exceptionallySetClassName=_ref3.exceptionallySetClassName,props=_objectWithoutProperties(_ref3,_excluded3),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_portal__WEBPACK_IMPORTED_MODULE_23__.a,{preserveTabOrder:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_focus_lock__WEBPACK_IMPORTED_MODULE_16__.a,{returnFocus:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},props,{state:state,ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()("reactist_menulist",exceptionallySetClassName)}))})}):null})),MenuItem=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuItem(_ref4,ref){var value=_ref4.value,children=_ref4.children,onSelect=_ref4.onSelect,_ref4$hideOnSelect=_ref4.hideOnSelect,hideOnSelect=void 0===_ref4$hideOnSelect||_ref4$hideOnSelect,onClick=_ref4.onClick,exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$as=_ref4.as,as=void 0===_ref4$as?"button":_ref4$as,props=_objectWithoutProperties(_ref4,_excluded4),_React$useContext3=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_React$useContext3.state,hide=state.hide,handleClick=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},props,{as:as,state:state,ref:ref,onClick:handleClick,className:exceptionallySetClassName,hideOnClick:!1,children:children}))})),SubMenu=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SubMenu(_ref5,ref){var children=_ref5.children,onItemSelect=_ref5.onItemSelect,_React$useContext4=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_React$useContext4.state,parentMenuHide=state.hide,handleSubItemSelect=react__WEBPACK_IMPORTED_MODULE_14__.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1],menuProps=Object(ariakit_menu__WEBPACK_IMPORTED_MODULE_21__.b)({state:state});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Menu,{onItemSelect:handleSubItemSelect,children:[react__WEBPACK_IMPORTED_MODULE_14__.cloneElement(button,Object.assign({},menuProps,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(menuProps.className,"reactist_submenu_button"),ref:ref})),list]})})),MenuGroup=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_17__.a)((function MenuGroup(_ref6,ref){var label=_ref6.label,children=_ref6.children,exceptionallySetClassName=_ref6.exceptionallySetClassName,props=_objectWithoutProperties(_ref6,_excluded5),state=react__WEBPACK_IMPORTED_MODULE_14__.useContext(MenuContext).state;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_menu__WEBPACK_IMPORTED_MODULE_22__.a,Object.assign({},props,{ref:ref,state:state,className:exceptionallySetClassName,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div",{role:"presentation",className:"reactist_menugroup__label",children:label}):null,children]}))}));try{Menu.displayName="Menu",Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it. Note that if you are relying on the `[role='menu']`\nattribute to style the menu list, it is applied a `menubar` role instead in Safari.",displayName:"Menu",props:{placement:{defaultValue:{value:'"bottom"'},description:"The placement of the popover.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},fixed:{defaultValue:{value:"false"},description:"Whether the popover has `position: fixed` or not.",name:"fixed",required:!1,type:{name:"boolean | undefined"}},shift:{defaultValue:{value:"0"},description:"The skidding of the popover along the anchor element.",name:"shift",required:!1,type:{name:"number | undefined"}},items:{defaultValue:null,description:"Lists all the items with their `ref`s. This state is automatically updated\nwhen an item is registered or unregistered with the `registerItem`\nfunction. The order of the items is automatically defined by the order of\nthe elements in the DOM.\n@example const { items } = useCollectionState();\nitems.forEach((item) => {\n  const { ref } = item;\n  ...\n});",name:"items",required:!1,type:{name:"Item[] | undefined"}},virtualFocus:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of [roving\ntabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual\nfocus.",name:"virtualFocus",required:!1,type:{name:"boolean | undefined"}},orientation:{defaultValue:{value:'"both"'},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n  - `both`: all arrow keys work.\n  - `horizontal`: only left and right arrow keys work.\n  - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},rtl:{defaultValue:{value:"false"},description:'Determines how the `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},focusLoop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n  - `true` loops from the last item to the first item and vice-versa.\n  - `horizontal` loops only if `orientation` is `horizontal` or not set.\n  - `vertical` loops only if `orientation` is `vertical` or not set.\n  - If `activeId` is initially set to `null`, the composite element will be\n    focused in between the last and first items.\n\nOn two-dimensional composites:\n  - `true` loops from the last row/column item to the first item in the\n    same row/column and vice-versa. If it's the last item in the last row,\n    it moves to the first item in the first row and vice-versa.\n  - `horizontal` loops only from the last row item to the first item in the\n    same row.\n  - `vertical` loops only from the last column item to the first item in\n    the column row.\n  - If `activeId` is initially set to `null`, vertical loop will have no\n    effect as moving down from the last row or up from the first row will\n    focus the composite element.\n  - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the\n    last item in the last row or column and the first item in the first row\n    or column and vice-versa.",name:"focusLoop",required:!1,type:{name:"boolean | Orientation | undefined"}},focusWrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n  - `true` wraps between rows and columns.\n  - `horizontal` wraps only between rows.\n  - `vertical` wraps only between columns.\n  - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"focusWrap",required:!1,type:{name:"boolean | Orientation | undefined"}},focusShift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"focusShift",required:!1,type:{name:"boolean | undefined"}},moves:{defaultValue:{value:"0"},description:"The number of times the `move` function has been called.\n@example const composite = useCompositeState();\ncomposite.moves; // 0\ncomposite.move(null);\n// On the next render\ncomposite.moves; // 1",name:"moves",required:!1,type:{name:"number | undefined"}},includesBaseElement:{defaultValue:{value:"false"},description:"Indicates whether the `Composite` element should be included in the focus\norder.",name:"includesBaseElement",required:!1,type:{name:"boolean | undefined"}},activeId:{defaultValue:null,description:"The current focused item `id`.\n  - `undefined` will automatically focus the first enabled composite item.\n  - `null` will focus the base composite element and users will be able to\n    navigate out of it using arrow keys.\n  - If `activeId` is initially set to `null`, the base composite element\n    itself will have focus and users will be able to navigate to it using\n    arrow keys.",name:"activeId",required:!1,type:{name:"string | null | undefined"}},animated:{defaultValue:{value:"false"},description:"Determines whether the content should animate when it is shown or hidden.\n  - If `true`, the `animating` state will be `true` when the content is\n    shown or hidden and it will wait for `stopAnimation` to be called or a\n    CSS animation/transition to end before becoming `false`.\n  - If it's set to a number, the `animating` state will be `true` when the\n    content is shown or hidden and it will wait for the number of\n    milliseconds to pass before becoming `false`.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},getAnchorRect:{defaultValue:null,description:"Function that returns the anchor element's DOMRect. If this is explicitly\npassed, it will override the anchor `getBoundingClientRect` method.",name:"getAnchorRect",required:!1,type:{name:"((anchor: HTMLElement | null) => AnchorRect | null) | undefined"}},gutter:{defaultValue:{value:"0"},description:"The distance between the popover and the anchor element. By default, it's 0\nplus half of the arrow offset, if it exists.",name:"gutter",required:!1,type:{name:"number | undefined"}},flip:{defaultValue:{value:"true"},description:'Controls the behavior of the popover when it overflows the viewport.\n\nIf a boolean, specifies whether the popover should flip to the opposite side\nwhen it overflows.\n\nIf a string, indicates the preferred fallback placements when it overflows.\nThe placements must be spaced-delimited, e.g. "top left".\n@example  ```jsx\n const popover = usePopoverState({\n     placement: "right",\n     // In case the `right` placement overflows the viewport,\n     // the placement will fallback to the `bottom` or `top`,\n     // in that order, depending on where it fits.\n     flip: "bottom top",\n });\n```',name:"flip",required:!1,type:{name:"string | boolean | undefined"}},slide:{defaultValue:{value:"true"},description:"Whether the popover should slide when it overflows.",name:"slide",required:!1,type:{name:"boolean | undefined"}},overlap:{defaultValue:{value:"false"},description:"Whether the popover can overlap the anchor element when it overflows.",name:"overlap",required:!1,type:{name:"boolean | undefined"}},sameWidth:{defaultValue:{value:"false"},description:"Whether the popover should have the same width as the anchor element. This\nwill be exposed to CSS as `--popover-anchor-width`.",name:"sameWidth",required:!1,type:{name:"boolean | undefined"}},fitViewport:{defaultValue:{value:"false"},description:"Whether the popover should fit the viewport. If this is set to true, the\npopover wrapper will have `maxWidth` and `maxHeight` set to the viewport\nsize. This will be exposed to CSS as `--popover-available-width` and\n`--popover-available-height`.",name:"fitViewport",required:!1,type:{name:"boolean | undefined"}},arrowPadding:{defaultValue:{value:"4"},description:"The minimum padding between the arrow and the popover corner.",name:"arrowPadding",required:!1,type:{name:"number | undefined"}},overflowPadding:{defaultValue:{value:"8"},description:"The minimum padding between the popover and the viewport edge. This will be\nexposed to CSS as `--popover-overflow-padding`.",name:"overflowPadding",required:!1,type:{name:"number | undefined"}},renderCallback:{defaultValue:null,description:"A function that will be called when the popover needs to calculate its\nstyles. It will override the internal behavior.",name:"renderCallback",required:!1,type:{name:"((props: PopoverStateRenderCallbackProps) => void | (() => void)) | undefined"}},timeout:{defaultValue:{value:"500"},description:"The amount of time in milliseconds to wait before showing or hiding the\npopover.",name:"timeout",required:!1,type:{name:"number | undefined"}},showTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **showing** the popover.\nIt defaults to the value passed to `timeout`.",name:"showTimeout",required:!1,type:{name:"number | undefined"}},hideTimeout:{defaultValue:null,description:"The amount of time in milliseconds to wait before **hiding** the popover.\nIt defaults to the value passed to `timeout`.",name:"hideTimeout",required:!1,type:{name:"number | undefined"}},values:{defaultValue:null,description:"A map of names and values that will be used by the `MenuItemCheckbox` and\n`MenuItemRadio` components.",name:"values",required:!1,type:{name:"Values | undefined"}},setItems:{defaultValue:null,description:"Function that will be called when setting the collection `items` state.\n@example // Uncontrolled example\nuseCollectionState({ setItems: (items) => console.log(items) });\n@example // Controlled example\nconst [items, setItems] = useState([]);\nuseCollectionState({ items, setItems });\n@example // Externally controlled example\nfunction Items({ items, onItemsChange }) {\n  const collection = useCollectionState({\n    items,\n    setItems: onItemsChange,\n  });\n}",name:"setItems",required:!1,type:{name:"((items: Item[]) => void) | undefined"}},defaultActiveId:{defaultValue:null,description:'The composite item id that should be focused when the composite is\ninitialized.\n@example ```jsx\nconst composite = useCompositeState({ defaultActiveId: "item-2" });\n<Composite state={composite}>\n  <CompositeItem>Item 1</CompositeItem>\n  <CompositeItem id="item-2">Item 2</CompositeItem>\n  <CompositeItem>Item 3</CompositeItem>\n</Composite>\n```',name:"defaultActiveId",required:!1,type:{name:"string | null | undefined"}},setMoves:{defaultValue:null,description:"Function that will be called when setting the composite `moves` state.\n@example const [moves, setMoves] = useState(0);\nuseCompositeState({ moves, setMoves });",name:"setMoves",required:!1,type:{name:"((moves: number) => void) | undefined"}},setActiveId:{defaultValue:null,description:"Function that will be called when setting the composite `activeId`.\n@example function MyComposite({ activeId, onActiveIdChange }) {\n  const composite = useCompositeState({\n    activeId,\n    setActiveId: onActiveIdChange,\n  });\n}",name:"setActiveId",required:!1,type:{name:"((activeId: string | null | undefined) => void) | undefined"}},defaultVisible:{defaultValue:{value:"false"},description:"The default visibility state of the content.",name:"defaultVisible",required:!1,type:{name:"boolean | undefined"}},setVisible:{defaultValue:null,description:"Function that will be called when setting the disclosure `visible` state.\n@example // Uncontrolled example\nuseDisclosureState({ setVisible: (visible) => console.log(visible) });\n@example // Controlled example\nconst [visible, setVisible] = useState(false);\nuseDisclosureState({ visible, setVisible });\n@example // Externally controlled example\nfunction MyDisclosure({ visible, onVisibleChange }) {\n  const disclosure = useDisclosureState({\n    visible,\n    setVisible: onVisibleChange,\n  });\n}",name:"setVisible",required:!1,type:{name:"((visible: boolean) => void) | undefined"}},defaultValues:{defaultValue:null,description:"A default map of names and values that will be used by the\n`MenuItemCheckbox` and `MenuItemRadio` components.",name:"defaultValues",required:!1,type:{name:"Values | undefined"}},setValues:{defaultValue:null,description:"Function that will be called when setting the menu `values` state.\n@example const [values, setValues] = useState({});\n// Combining the values from two menus into a single state.\nconst menu = useMenuState({ values, setValues });\nconst submenu = useMenuState({ values, setValues });",name:"setValues",required:!1,type:{name:"((values: Values) => void) | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{SubMenu.displayName="SubMenu",SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n<MenuItem label="Edit profile" />\n<SubMenu>\n  <MenuButton>More options</MenuButton>\n  <MenuList>\n    <MenuItem label="Preferences" />\n    <MenuItem label="Sign out" />\n  </MenuList>\n</SubMenu>\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/tooltip/tooltip.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/tooltip/tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-state.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip-anchor.js"),ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ariakit/esm/tooltip/tooltip.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/components/tooltip/tooltip.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","content","position","gapSize","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function useDelayedTooltipState(initialState){var tooltipState=Object(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_7__.a)(initialState),delay=function useDelay(){var timeoutRef=react__WEBPACK_IMPORTED_MODULE_5__.useRef(),clearTimeouts=react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function clearTimeouts(){null!=timeoutRef.current&&clearTimeout(timeoutRef.current)}),[]);return react__WEBPACK_IMPORTED_MODULE_5__.useEffect((function(){return clearTimeouts}),[clearTimeouts]),react__WEBPACK_IMPORTED_MODULE_5__.useCallback((function delay(fn,delay){return function(){clearTimeouts(),timeoutRef.current=setTimeout(fn,delay)}}),[clearTimeouts])}();return react__WEBPACK_IMPORTED_MODULE_5__.useMemo((function(){return Object.assign({},tooltipState,{show:delay((function(){return tooltipState.show()}),500),hide:delay((function(){return tooltipState.hide()}),100)})}),[delay,tooltipState])}function Tooltip(_ref){var children=_ref.children,content=_ref.content,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$gapSize=_ref.gapSize,gapSize=void 0===_ref$gapSize?3:_ref$gapSize,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded),state=useDelayedTooltipState({placement:position,gutter:gapSize}),child=react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);if(!content||!child)return child;if("string"==typeof child.ref)throw new Error("Tooltip: String refs cannot be used as they cannot be forwarded");return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_8__.a,{state:state,ref:child.ref,onFocus:function handleFocus(event){var _child$props,_child$props$onFocus;event.currentTarget.addEventListener("keyup",(function handleKeyUp(e){var eventKey=e.key;"Escape"!==eventKey&&"Enter"!==eventKey&&"Space"!==eventKey&&state.show()}),{once:!0}),event.preventDefault(),null==child||null===(_child$props=child.props)||void 0===_child$props||null===(_child$props$onFocus=_child$props.onFocus)||void 0===_child$props$onFocus||_child$props$onFocus.call(_child$props,event)},children:function children(anchorProps){return react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(child,Object.assign({},anchorProps,child.props))}}),state.visible?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(ariakit_tooltip__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{state:state,className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("reactist_tooltip",className),children:"function"==typeof content?content():content})):null]})}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"div"'}]}},portalRef:{defaultValue:null,description:"`portalRef` is similar to `ref` but is scoped to the portal node. It's\nuseful when you need to be informed when the portal element is appended to\nthe DOM or removed from the DOM.\n@example const [portalElement, setPortalElement] = useState(null);\n<Portal portalRef={setPortalElement} />;",name:"portalRef",required:!1,type:{name:"((instance: HTMLElement | null) => void) | MutableRefObject<HTMLElement> | undefined"}},portal:{defaultValue:{value:"true"},description:"Determines whether the element should be rendered as a React Portal.",name:"portal",required:!1,type:{name:"boolean | undefined"}},portalElement:{defaultValue:{value:"HTMLDivElement"},description:'An HTML element or a memoized callback function that returns an HTML\nelement to be used as the portal element. By default, the portal element\nwill be a `div` element appended to the `document.body`.\n@example const [portal, setPortal] = useState(null);\n<Portal portalElement={portal} />;\n<div ref={setPortal} />;\n@example const getPortalElement = useCallback(() => {\n  const div = document.createElement("div");\n  const portalRoot = document.getElementById("portal-root");\n  portalRoot.appendChild(div);\n  return div;\n}, []);\n<Portal portalElement={getPortalElement} />;',name:"portalElement",required:!1,type:{name:"HTMLElement | ((element: HTMLElement) => HTMLElement | null) | null | undefined"}},hideOnEscape:{defaultValue:{value:"true"},description:"Determines whether the tooltip will be hidden when the user presses the\nEscape key.",name:"hideOnEscape",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},hideOnControl:{defaultValue:{value:"false"},description:"Determines whether the tooltip will be hidden when the user presses the\nControl key. This has been proposed as an alternative to the Escape key,\nwhich may introduce some issues, especially when tooltips are used within\ndialogs that also hide on Escape. See\nhttps://github.com/w3c/aria-practices/issues/1506",name:"hideOnControl",required:!1,type:{name:"BooleanOrCallback<KeyboardEvent> | undefined"}},wrapperProps:{defaultValue:null,description:"Props that will be passed to the popover wrapper element. This element will\nbe used to position the popover.",name:"wrapperProps",required:!1,type:{name:"HTMLAttributes<HTMLDivElement> | undefined"}},wrapElement:{defaultValue:null,description:"",name:"wrapElement",required:!1,type:{name:"WrapElement | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode | (() => ReactNode)"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"top"'},{value:'"bottom"'},{value:'"left"'},{value:'"right"'},{value:'"top-start"'},{value:'"bottom-start"'},{value:'"left-start"'},{value:'"right-start"'},{value:'"top-end"'},{value:'"bottom-end"'},{value:'"left-end"'},{value:'"right-end"'}]}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,closeLabel=_ref.closeLabel,text="long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"xxlarge",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_alert__WEBPACK_IMPORTED_MODULE_10__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_10__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_10__.a,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_1__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_4__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_5__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_2__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_4__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_6__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp<AvatarSize> | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return badge_stories_mainDemo}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),variantClassName=badge_module_default.a["badge-"+variant];return Object(jsx_runtime.jsx)(box.a,Object.assign({},rest,{className:[badge_module_default.a.badge,variantClassName],children:children}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{variant:{defaultValue:{value:"neutral"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"color"'},{value:'"positive"'},{value:'"neutral"'}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function badge_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(columns.b,{space:"large",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"neutral",mdxType:"Badge"},"Neutral")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"positive",mdxType:"Badge"},"Positive")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(Badge,{variant:"color",mdxType:"Badge"},"Color"))))),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available so that the badge's colors can be customized:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"--reactist-badge-neutral-background\n--reactist-badge-neutral-foreground\n\n--reactist-badge-positive-background\n--reactist-badge-positive-foreground\n\n--reactist-badge-color-background\n--reactist-badge-color-foreground\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var badge_stories_mainDemo=function mainDemo(){return Object(esm.b)(columns.b,{space:"large"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"neutral"},"Neutral")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"positive"},"Positive")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(Badge,{variant:"color"},"Color")))};badge_stories_mainDemo.displayName="mainDemo",badge_stories_mainDemo.storyName="Main demo",badge_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Columns space="large">\n            <Column width="content">\n                <Badge variant="neutral">Neutral</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="positive">Positive</Badge>\n            </Column>\n            <Column width="content">\n                <Badge variant="color">Color</Badge>\n            </Column>\n        </Columns>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo"]},mdxStoryNameToKey={"Main demo":"mainDemo"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"<BaseButton>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _components_tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_9__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_9___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_tooltip__WEBPACK_IMPORTED_MODULE_5__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_7__),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_text__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_9__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_5__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_6__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_box__WEBPACK_IMPORTED_MODULE_4__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},tone:{defaultValue:{value:"neutral"},description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},children:{defaultValue:null,description:"Used internally by components composed using `BaseField`. It is not exposed as part of\nthe public props of such components.",name:"children",required:!0,type:{name:"(props: ChildrenRenderProps) => ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#BaseField"]={docgenInfo:BaseField.__docgenInfo,name:"BaseField",path:"src/new-components/base-field/base-field.tsx#BaseField"})}catch(__react_docgen_typescript_loader_error){}try{FieldHint.displayName="FieldHint",FieldHint.__docgenInfo={description:"",displayName:"FieldHint",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldHint"]={docgenInfo:FieldHint.__docgenInfo,name:"FieldHint",path:"src/new-components/base-field/base-field.tsx#FieldHint"})}catch(__react_docgen_typescript_loader_error){}try{FieldMessage.displayName="FieldMessage",FieldMessage.__docgenInfo={description:"",displayName:"FieldMessage",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-field/base-field.tsx#FieldMessage"]={docgenInfo:FieldMessage.__docgenInfo,name:"FieldMessage",path:"src/new-components/base-field/base-field.tsx#FieldMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/box.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Using the Box component",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Tips and tricks about the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Box")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"You don't need the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"classNames")," helper as often now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The new ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"className")," prop receives the same kind of values supported by this helper. So you can do things like this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Box className={classNames(styles.container, 'custom-class-name')} />\n\n// …can be written like this\n<Box className={[styles.container, 'custom-class-name']} />\n\n// Other examples:\n<Box\n  className={[\n    styles.container,\n    isReadOnly ? styles.readOnly : null,\n    { [styles.disabled]: isDisabled },\n  ]}\n/>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Granted, this is only supported in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box"),". This is because the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," is the only design system component that officially supports custom styles. Remember that for the other components you can use ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"exceptionallySetClassName"),", but this one is an escape hatch, that we should aim to not use as much as the design system matures. So this one does not support that feature."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingX")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"paddingY")," shorthand props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Box")," component has props to set its padding in all four direction: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft"),". You have probably noticed that we can set them all at once with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"padding"),". But you might have missed the fact that we can set the padding in one of the two dimensions at once as well. This is achieved with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingX")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingLeft")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingRight"),") and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingY")," (which sets ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingTop")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"paddingBottom"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// A box with a large padding left and right, and a small padding top and bottom\n<Box paddingX="large" paddingY="small" />\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The same applies to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"margin*")," props."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Using the Box component",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/box/box.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"PaddingStory",(function(){return PaddingStory})),__webpack_require__.d(__webpack_exports__,"MarginStory",(function(){return MarginStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_box__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/heading/heading.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Box",component:_box__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:children})}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes=Object.assign({children:{control:{type:"text"},defaultValue:"The quick brown fox jumps over the lazy dog."},display:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["block","inlineBlock","inline","flex","none"],"block"),flexDirection:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["column","row"],"row"),flexWrap:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["wrap","nowrap"],"nowrap"),alignItems:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","baseline"],"none"),justifyContent:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["center","flexEnd","flexStart","spaceBetween"],"none"),textAlign:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["start","center","end","justify"],"none"),background:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.i)(["default","aside","highlight","selected","toast"],"none"),borderRadius:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["standard","none","full"],"none")},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.e)());var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Stacks elements on mobile",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{display:"flex",flexDirection:{mobile:"column",tablet:"row"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:30})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches horizontal alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{backgroundColor:"lightgreen"},display:"flex",justifyContent:{mobile:"flexStart",tablet:"center",desktop:"flexEnd"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"One"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Two"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("div",{children:"Three"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Switches vertical alignment depending on viewport size",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{style:{height:"120px"},display:"flex",alignItems:{mobile:"flexEnd",tablet:"center",desktop:"flexStart"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"One",height:30}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Two",height:60}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.a,{label:"Three",height:90})]})})]})]})};function PaddedBox(_ref2){var _paddingProp,prop=_ref2.prop,value=_ref2.value,paddingProp=((_paddingProp={})[prop]=value,_paddingProp);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",border:"primary"},paddingProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",padding:"medium",background:"selected",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})})}))}PaddedBox.displayName="PaddedBox";var PaddingStory=function PaddingStory(_ref3){var padding=_ref3.padding;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The transparent bordered box has padding"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"padding",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingX",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingY",value:padding})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingTop",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingRight",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingBottom",value:padding}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(PaddedBox,{prop:"paddingLeft",value:padding})]})]})};PaddingStory.displayName="PaddingStory",PaddingStory.argTypes={padding:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.h)("medium")};var marginToPadding={margin:"padding",marginX:"paddingX",marginY:"paddingY",marginTop:"paddingTop",marginRight:"paddingRight",marginBottom:"paddingBottom",marginLeft:"paddingLeft"},marginBoxStyle={opacity:.5,minHeight:100,minWidth:100};function MarginBox(_ref4){var _marginProp,_ref5,prop=_ref4.prop,value=_ref4.value,marginProp=((_marginProp={})[prop]=value,_marginProp),outerPaddingToCompensateNegativeMargin=value.startsWith("-")?((_ref5={})[marginToPadding[prop]]=value.slice(1),_ref5):void 0;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},outerPaddingToCompensateNegativeMargin,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{borderRadius:"standard",border:"primary",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({borderRadius:"standard",padding:"medium",background:"selected",display:"flex",alignItems:"center",justifyContent:"center",style:marginBoxStyle},marginProp,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:prop})}))})}))})}MarginBox.displayName="MarginBox";var MarginStory=function MarginStory(_ref6){var margin=_ref6.margin;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:"2",children:"The shaded box has margin"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_text__WEBPACK_IMPORTED_MODULE_11__.a,{children:"When margin is negative, you will see the outer bordered box appear to be inside the shaded box."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"margin",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginX",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginY",value:margin})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_8__.a,{padding:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_inline__WEBPACK_IMPORTED_MODULE_9__.a,{space:"large",align:"center",alignY:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginTop",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginRight",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginBottom",value:margin}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(MarginBox,{prop:"marginLeft",value:margin})]})})]})};MarginStory.displayName="MarginStory",MarginStory.argTypes={margin:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_7__.f)(["xxlarge","xlarge","large","medium","small","xsmall","none","-xsmall","-small","-medium","-large","-xlarge","-xxlarge"],"medium")},InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({ children, ...props }: PartialProps<typeof Box>) {\n    return (\n        <Wrapper>\n            <Box {...props}>\n                <Text>{children}</Text>\n            </Box>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Stacks elements on mobile">\n                    <Box display="flex" flexDirection={{ mobile: \'column\', tablet: \'row\' }}>\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={30} />\n                        <Placeholder label="Three" height={30} />\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches horizontal alignment depending on viewport size">\n                    <Box\n                        style={{ backgroundColor: \'lightgreen\' }}\n                        display="flex"\n                        justifyContent={{\n                            mobile: \'flexStart\',\n                            tablet: \'center\',\n                            desktop: \'flexEnd\',\n                        }}\n                    >\n                        <div>One</div>\n                        <div>Two</div>\n                        <div>Three</div>\n                    </Box>\n                </Wrapper>\n                <Wrapper title="Switches vertical alignment depending on viewport size">\n                    <Box\n                        style={{ height: \'120px\' }}\n                        display="flex"\n                        alignItems={{\n                            mobile: \'flexEnd\',\n                            tablet: \'center\',\n                            desktop: \'flexStart\',\n                        }}\n                    >\n                        <Placeholder label="One" height={30} />\n                        <Placeholder label="Two" height={60} />\n                        <Placeholder label="Three" height={90} />\n                    </Box>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),PaddingStory.parameters=Object.assign({storySource:{source:'function PaddingStory({ padding }: { padding: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The transparent bordered box has padding</Heading>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="padding" value={padding} />\n                <PaddedBox prop="paddingX" value={padding} />\n                <PaddedBox prop="paddingY" value={padding} />\n            </Inline>\n            <Inline space="large" align="center" alignY="center">\n                <PaddedBox prop="paddingTop" value={padding} />\n                <PaddedBox prop="paddingRight" value={padding} />\n                <PaddedBox prop="paddingBottom" value={padding} />\n                <PaddedBox prop="paddingLeft" value={padding} />\n            </Inline>\n        </Stack>\n    )\n}'}},PaddingStory.parameters),MarginStory.parameters=Object.assign({storySource:{source:'function MarginStory({ margin }: { margin: Space }) {\n    return (\n        <Stack space="large">\n            <Heading level="2">The shaded box has margin</Heading>\n            <Text>\n                When margin is negative, you will see the outer bordered box appear to be inside the\n                shaded box.\n            </Text>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="margin" value={margin} />\n                    <MarginBox prop="marginX" value={margin} />\n                    <MarginBox prop="marginY" value={margin} />\n                </Inline>\n            </Box>\n            <Box padding="large">\n                <Inline space="large" align="center" alignY="center">\n                    <MarginBox prop="marginTop" value={margin} />\n                    <MarginBox prop="marginRight" value={margin} />\n                    <MarginBox prop="marginBottom" value={margin} />\n                    <MarginBox prop="marginLeft" value={margin} />\n                </Inline>\n            </Box>\n        </Stack>\n    )\n}'}},MarginStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveProp<BoxPosition> | undefined"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveProp<BoxDisplay> | undefined"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveProp<BoxFlexDirection> | undefined"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"nowrap"'},{value:'"wrap"'}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveProp<BoxAlignItems> | undefined"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveProp<BoxAlignSelf> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveProp<BoxJustifyContent> | undefined"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"hidden"'},{value:'"auto"'},{value:'"visible"'},{value:'"scroll"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"full"'}]}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveProp<SpaceWithNegatives> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{PaddingStory.displayName="PaddingStory",PaddingStory.__docgenInfo={description:"",displayName:"PaddingStory",props:{padding:{defaultValue:null,description:"",name:"padding",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#PaddingStory"]={docgenInfo:PaddingStory.__docgenInfo,name:"PaddingStory",path:"src/new-components/box/box.stories.tsx#PaddingStory"})}catch(__react_docgen_typescript_loader_error){}try{MarginStory.displayName="MarginStory",MarginStory.__docgenInfo={description:"",displayName:"MarginStory",props:{margin:{defaultValue:null,description:"",name:"margin",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#MarginStory"]={docgenInfo:MarginStory.__docgenInfo,name:"MarginStory",path:"src/new-components/box/box.stories.tsx#MarginStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/box/box.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/responsive-props.ts"),_box_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/box/box.module.css"),_box_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_box_module_css__WEBPACK_IMPORTED_MODULE_8__),_padding_module_css__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/padding.module.css"),_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_padding_module_css__WEBPACK_IMPORTED_MODULE_9__),_margin_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/margin.module.css"),_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_margin_module_css__WEBPACK_IMPORTED_MODULE_10__),_width_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/box/width.module.css"),_width_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_width_module_css__WEBPACK_IMPORTED_MODULE_11__),_excluded=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_6__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref$as=_ref.as,component=void 0===_ref$as?"div":_ref$as,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,display=_ref.display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,textAlign=_ref.textAlign,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,margin=_ref.margin,marginY=_ref.marginY,marginX=_ref.marginX,marginTop=_ref.marginTop,marginRight=_ref.marginRight,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,resolvedMarginTop=null!==(_ref6=null!=marginTop?marginTop:marginY)&&void 0!==_ref6?_ref6:margin,resolvedMarginRight=null!==(_ref7=null!=marginRight?marginRight:marginX)&&void 0!==_ref7?_ref7:margin,resolvedMarginBottom=null!==(_ref8=null!=marginBottom?marginBottom:marginY)&&void 0!==_ref8?_ref8:margin,resolvedMarginLeft=null!==(_ref9=null!=marginLeft?marginLeft:marginX)&&void 0!==_ref9?_ref9:margin,omitFlex=!display||"string"==typeof display&&"flex"!==display&&"inlineFlex"!==display;return react__WEBPACK_IMPORTED_MODULE_4__.createElement(component,Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.box,display?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"display",display):null,"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"textAlign",textAlign),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_padding_module_css__WEBPACK_IMPORTED_MODULE_9___default.a,"paddingLeft",resolvedPaddingLeft),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginTop",resolvedMarginTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginRight",resolvedMarginRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginBottom",resolvedMarginBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_margin_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"marginLeft",resolvedMarginLeft),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexDirection",flexDirection),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexWrap",flexWrap),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignItems",alignItems),omitFlex?null:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"justifyContent",justifyContent),null!=alignSelf?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"alignSelf",alignSelf):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"overflow",overflow),null!=width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_width_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"width",String(width)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_7__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"border",border):null)||void 0,ref:ref}),children)}))},"./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/button-link/button-link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButtonLink",(function(){return LoadingButtonLink})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return button_link_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return button_link_stories_withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return button_link_stories_iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return button_link_stories_withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return button_link_stories_customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),base_button=__webpack_require__("./src/new-components/base-button/base-button.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","exceptionallySetClassName","openInNewTab"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_link_ButtonLink=Object(polymorphism.a)((function ButtonLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_button.a,Object.assign({},props,{as:as,ref:ref,variant:variant,tone:tone,size:size,exceptionallySetClassName:exceptionallySetClassName,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))}));try{button_link_ButtonLink.displayName="ButtonLink",button_link_ButtonLink.__docgenInfo={description:"A semantic link that looks like a button, exactly matching the `Button` component in all visual\naspects.",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link.tsx#ButtonLink"]={docgenInfo:button_link_ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}function ButtonLinkStoryWrapper(props){return Object(jsx_runtime.jsx)(button_link_ButtonLink,Object.assign({},props,{onClick:function onClick(event){var _props$onClick;event.preventDefault(),null===(_props$onClick=props.onClick)||void 0===_props$onClick||_props$onClick.call(props,event)},href:"https://doist.com"}))}ButtonLinkStoryWrapper.displayName="ButtonLinkStoryWrapper",ButtonLinkStoryWrapper.displayName="ButtonLink";try{ButtonLink.displayName="ButtonLink",ButtonLink.__docgenInfo={description:"",displayName:"ButtonLink",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},openInNewTab:{defaultValue:null,description:"",name:"openInNewTab",required:!1,type:{name:"boolean | undefined"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"undefined"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"]={docgenInfo:ButtonLink.__docgenInfo,name:"ButtonLink",path:"src/new-components/button-link/button-link-story-wrapper.tsx#ButtonLink"})}catch(__react_docgen_typescript_loader_error){}var button_link_stories_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function button_link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButtonLink(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(esm.b)(ButtonLinkStoryWrapper,_extends({},props,{loading:loading,onClick:function onClick(event){return setLoading(!0)},mdxType:"ButtonLink"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=button_link_stories_objectWithoutProperties(_ref,button_link_stories_excluded);"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),endIcon:Object(esm.b)(Icon,{mdxType:"Icon"})});return Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(esm.b)(text_text.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(esm.b)(box.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"start",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"center",mdxType:"LoadingButtonLink"}),label),Object(esm.b)(LoadingButtonLink,_extends({},props,{align:"end",mdxType:"LoadingButtonLink"}),label))))}function Template(_ref2){var label=_ref2.label,props=button_link_stories_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(esm.b)(react_default.a.Fragment,null,"Click me ",Object(esm.b)("em",null,"now")),textLabel="Click me now"),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}),label)),Object(esm.b)(box.a,{maxWidth:"xsmall",mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}),label))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButtonLink"}))),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(LoadingButtonLink,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButtonLink"}))))))}function DarkModeTemplate(props){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(esm.b)(Template,_extends({},props,{mdxType:"Template"})))}Icon.displayName="Icon",LoadingButtonLink.displayName="LoadingButtonLink",FullWidthTemplate.displayName="FullWidthTemplate",Template.displayName="Template",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButtonLink:LoadingButtonLink,FullWidthTemplate:FullWidthTemplate,Template:Template,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=button_link_stories_objectWithoutProperties(_ref3,_excluded3);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/ButtonLink",component:button_link_ButtonLink,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"ButtonLink"),Object(esm.b)("p",null,"'A semantic link that looks like a button, exactly matching the ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink")," component in all visual\naspects.'"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ButtonLink>")),Object(esm.b)(dist_esm.d,{of:ButtonLinkStoryWrapper,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ButtonLinkStoryWrapper,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Style customization"),Object(esm.b)("p",null,"Check out ",Object(esm.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"With label and icon"),Object(esm.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(esm.b)("p",null,"Nothing prevents you from passing both a ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon before the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Icon after the label"),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h2",null,"Icon-only buttons"),Object(esm.b)("p",null,"Alternatively, you can render an icon-only ",Object(esm.b)("inlineCode",{parentName:"p"},"ButtonLink"),". To do so use the ",Object(esm.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(esm.b)("p",null,"Icon-only buttons do not support receiving the ",Object(esm.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(esm.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(esm.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),mdxType:"ButtonLink"}))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"ButtonLink"})))))),Object(esm.b)("h3",null,"With different size"),Object(esm.b)("p",null,"Buttons have a default ",Object(esm.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(esm.b)(stack.a,{space:"xxlarge",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"ButtonLink"},"Quaternary")))),Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",mdxType:"ButtonLink"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Primary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Secondary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Tertiary")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0,mdxType:"ButtonLink"},"Quaternary"))))))),Object(esm.b)("h3",null,"Customized colors"),Object(esm.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-jsx"},"<ButtonLink\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</ButtonLink>\n")),Object(esm.b)("p",null,"And here's how that look like:"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(esm.b)(inline.a,{space:"large",mdxType:"Inline"},Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Enabled")),Object(esm.b)(box.a,{mdxType:"Box"},Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"ButtonLink"},"Disabled"))))),Object(esm.b)("h3",null,"Full-width"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(esm.b)("h3",null,"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var button_link_stories_mainDemo=function mainDemo(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'tone="destructive"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};button_link_stories_mainDemo.displayName="mainDemo",button_link_stories_mainDemo.storyName="Main demo",button_link_stories_mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary">Primary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary">Secondary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary">Tertiary</ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary">Quaternary</ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" tone="destructive" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withLabelAndIcon=function withLabelAndIcon(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon before the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",startIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",startIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",startIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",startIcon:Object(esm.b)(Icon,null)},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_text.a,null,"Icon after the label"),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",endIcon:Object(esm.b)(Icon,null)},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",endIcon:Object(esm.b)(Icon,null)},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",endIcon:Object(esm.b)(Icon,null)},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",endIcon:Object(esm.b)(Icon,null)},"Quaternary")))))};button_link_stories_withLabelAndIcon.displayName="withLabelAndIcon",button_link_stories_withLabelAndIcon.storyName="With label and icon",button_link_stories_withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_iconOnlyButtons=function iconOnlyButtons(){return Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null)}))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0})),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary","aria-label":"Add task",icon:Object(esm.b)(Icon,null),disabled:!0}))))};button_link_stories_iconOnlyButtons.displayName="iconOnlyButtons",button_link_stories_iconOnlyButtons.storyName="Icon-only buttons",button_link_stories_iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <ButtonLink variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <ButtonLink variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_withDifferentSize=function withDifferentSize(){return Object(esm.b)(stack.a,{space:"xxlarge"},Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="small"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="normal"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(esm.b)(stack.a,{space:"large"},Object(esm.b)("pre",null,'size="large"'),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large"},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large"},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large"},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large"},"Quaternary"))),Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};button_link_stories_withDifferentSize.displayName="withDifferentSize",button_link_stories_withDifferentSize.storyName="With different size",button_link_stories_withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="small" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="small" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="normal" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="normal" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large">\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large">\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large">\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large">\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <ButtonLink variant="primary" size="large" disabled>\n                            Primary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="secondary" size="large" disabled>\n                            Secondary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </ButtonLink>\n                    </Box>\n                    <Box>\n                        <ButtonLink variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </ButtonLink>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var button_link_stories_customizedColors=function customizedColors(){return Object(esm.b)(inline.a,{space:"large"},Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(esm.b)(box.a,null,Object(esm.b)(ButtonLinkStoryWrapper,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};button_link_stories_customizedColors.displayName="customizedColors",button_link_stories_customizedColors.storyName="Customized colors",button_link_stories_customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <ButtonLink variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </ButtonLink>\n            </Box>\n            <Box>\n                <ButtonLink variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </ButtonLink>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},openInNewTab:{control:!1},target:{control:!1},rel:{control:!1},as:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/ButtonLink",parameters:{badges:["accessible"]},component:button_link_ButtonLink,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/button/button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"LoadingButton",(function(){return LoadingButton})),__webpack_require__.d(__webpack_exports__,"FullWidthTemplate",(function(){return FullWidthTemplate})),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"withLabelAndIcon",(function(){return withLabelAndIcon})),__webpack_require__.d(__webpack_exports__,"iconOnlyButtons",(function(){return iconOnlyButtons})),__webpack_require__.d(__webpack_exports__,"withDifferentSize",(function(){return withDifferentSize})),__webpack_require__.d(__webpack_exports__,"customizedColors",(function(){return customizedColors})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return fullWidth})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_box__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/box/box.tsx"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_stack__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/text/text.tsx"),_heading__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/heading/heading.tsx"),_button__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/button/button.tsx"),_excluded=["label"],_excluded2=["label"],_excluded3=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function LoadingButton(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(!1),2),loading=_useState2[0],setLoading=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_16__.useEffect)((function(){if(loading){var timeout=setTimeout((function(){return setLoading(!1)}),3e3);return function(){return clearTimeout(timeout)}}}),[loading]),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,_extends({},props,{loading:loading,onClick:function onClick(){return setLoading(!0)},mdxType:"Button"}))}function FullWidthTemplate(_ref){var label=_ref.label,otherProps=_objectWithoutProperties(_ref,_excluded);"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")));var props=Object.assign({},otherProps,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"})});return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Full-width buttons and label alignment"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"When buttons have `width` other than the default `auto` they can also customize how the label is aligned horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{width:"full",padding:"medium",style:{border:"1px solid gray"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"start",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"center",mdxType:"LoadingButton"}),label),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{align:"end",mdxType:"LoadingButton"}),label))))}function PlaygroundTemplate(_ref2){var label=_ref2.label,props=_objectWithoutProperties(_ref2,_excluded2),textLabel=label;return"Click me <em>now</em>"===label&&(label=Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,"Click me ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("em",null,"now")),textLabel="Click me now"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_heading__WEBPACK_IMPORTED_MODULE_23__.a,{level:"2",mdxType:"Heading"},"Click on the buttons to see the loading state"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}),label)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{maxWidth:"xsmall",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"}),label)))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"LoadingButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(LoadingButton,_extends({},props,{"aria-label":textLabel,tooltip:label,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"LoadingButton"})))))))}function DarkModeTemplate(props){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{padding:"xlarge",style:{backgroundColor:"rgb(31, 31, 31)","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-actionable-primary-idle-tint":"#eceeee","--reactist-actionable-primary-idle-fill":"#008099","--reactist-actionable-primary-hover-tint":"#eceeee","--reactist-actionable-primary-hover-fill":"#1f8fa5","--reactist-actionable-primary-disabled-tint":"#767777","--reactist-actionable-primary-disabled-fill":"#00404c","--reactist-actionable-secondary-idle-tint":"#eceeee","--reactist-actionable-secondary-idle-fill":"#283233","--reactist-actionable-secondary-hover-tint":"#eceeee","--reactist-actionable-secondary-hover-fill":"#31393b","--reactist-actionable-secondary-disabled-tint":"#767777","--reactist-actionable-secondary-disabled-fill":"#283233","--reactist-actionable-tertiary-idle-tint":"#22a5bf","--reactist-actionable-tertiary-hover-tint":"#22a5bf","--reactist-actionable-tertiary-hover-fill":"#283233","--reactist-actionable-tertiary-disabled-tint":"#11525f","--reactist-actionable-quaternary-idle-tint":"#8fa0a3","--reactist-actionable-quaternary-hover-tint":"#eceeee","--reactist-actionable-quaternary-hover-fill":"#283233","--reactist-actionable-quaternary-disabled-tint":"#444d4f","--reactist-actionable-primary-destructive-idle-tint":"#fff","--reactist-actionable-primary-destructive-idle-fill":"#d26160","--reactist-actionable-primary-destructive-hover-tint":"#fff","--reactist-actionable-primary-destructive-hover-fill":"#e98786","--reactist-actionable-primary-destructive-disabled-tint":"#767777","--reactist-actionable-primary-destructive-disabled-fill":"#7f2c24","--reactist-actionable-secondary-destructive-idle-tint":"#f68584","--reactist-actionable-secondary-destructive-hover-tint":"#eFa9a9","--reactist-actionable-secondary-destructive-disabled-tint":"#8a5853"},mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(PlaygroundTemplate,_extends({},props,{mdxType:"PlaygroundTemplate"})))}Icon.displayName="Icon",LoadingButton.displayName="LoadingButton",FullWidthTemplate.displayName="FullWidthTemplate",PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,LoadingButton:LoadingButton,FullWidthTemplate:FullWidthTemplate,PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded3);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{title:"Design system/Button",component:_button__WEBPACK_IMPORTED_MODULE_24__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",null,"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"A semantic button that provides all the necessary visual variants. It follows the\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-practices/#button"},"WAI-ARIA Button Pattern"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Main demo",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"h2"},"<Button>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.d,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{of:_button__WEBPACK_IMPORTED_MODULE_24__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Style customization"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Check out ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"BaseButton")," for documentation about how to customize it visually."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With label and icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"To have icons rendered before or after the label, you can use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," prop for\nthis purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Nothing prevents you from passing both a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," and an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," at the same time. However,\nthis is discouraged, and not guaranteed to be supported in the future."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With label and icon",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Text"},"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",null,"Icon-only buttons"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Alternatively, you can render an icon-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"Button"),". To do so use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"icon")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Icon-only buttons do not support receiving the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"children")," prop, or any of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"startIcon")," or\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"endIcon")," props. They also force you to pass a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," prop. The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"aria-label")," will also be used\nas a tooltip if no tooltip is provided."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Icon-only buttons",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,{mdxType:"Icon"}),disabled:!0,mdxType:"Button"})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"With different size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Buttons have a default ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"normal")," size, but they can also be larger or smaller. Use the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("inlineCode",{parentName:"p"},"size")," prop\nfor this purpose."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"With different size",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0,mdxType:"Button"},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",mdxType:"Button"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0,mdxType:"Button"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0,mdxType:"Button"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0,mdxType:"Button"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0,mdxType:"Button"},"Quaternary"))))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Customized colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Though probably not the final official way to do it, this is a way to achieve one-off alternative\nstyles for buttons."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("code",{parentName:"pre",className:"language-jsx"},"<Button\n    variant=\"primary\"\n    style={{\n        '--reactist-btn-idle-tint': '#eee',\n        '--reactist-btn-idle-fill': '#666',\n        '--reactist-btn-hover-tint': '#fff',\n        '--reactist-btn-hover-fill': '#777',\n        '--reactist-btn-disabled-tint': '#fff',\n        '--reactist-btn-disabled-fill': '#ccc',\n    }}\n>\n    Click me\n</Button>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"And here's how that look like:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},name:"Customized colors",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large",mdxType:"Inline"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,{mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"},mdxType:"Button"},"Disabled"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Full-width"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Full-width",mdxType:"Story"},FullWidthTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},name:"Playground",mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",null,"Dark mode"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can set it up by manipulating color variables only."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Dark mode",argTypes:{label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'tone="destructive"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",tone:"destructive",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",tone:"destructive",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",tone:"destructive",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",tone:"destructive",disabled:!0},"Quaternary")))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>tone="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary">Primary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary">Secondary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary">Tertiary</Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary">Quaternary</Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>tone="destructive"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" tone="destructive" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" tone="destructive" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" tone="destructive" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" tone="destructive" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withLabelAndIcon=function withLabelAndIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon before the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",startIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_text__WEBPACK_IMPORTED_MODULE_22__.a,null,"Icon after the label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",endIcon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)},"Quaternary")))))};withLabelAndIcon.displayName="withLabelAndIcon",withLabelAndIcon.storyName="With label and icon",withLabelAndIcon.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <Text>Icon before the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" startIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" startIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" startIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" startIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <Text>Icon after the label</Text>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" endIcon={<Icon />}>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" endIcon={<Icon />}>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" endIcon={<Icon />}>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" endIcon={<Icon />}>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var iconOnlyButtons=function iconOnlyButtons(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null)}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary","aria-label":"Add task",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(Icon,null),disabled:!0}))))};iconOnlyButtons.displayName="iconOnlyButtons",iconOnlyButtons.storyName="Icon-only buttons",iconOnlyButtons.parameters=Object.assign({storySource:{source:'<Stack space="large">\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} />\n                </Box>\n            </Inline>\n            <Inline space="large">\n                <Box>\n                    <Button variant="primary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="secondary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="tertiary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n                <Box>\n                    <Button variant="quaternary" aria-label="Add task" icon={<Icon />} disabled />\n                </Box>\n            </Inline>\n        </Stack>'}},{docs:{source:{type:"code"}}});var withDifferentSize=function withDifferentSize(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="small"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"small",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"small",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"small",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"small",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="normal"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"normal",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"normal",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"normal",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"normal",disabled:!0},"Quaternary")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_stack__WEBPACK_IMPORTED_MODULE_21__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("pre",null,'size="large"'),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large"},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large"},"Quaternary"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",size:"large",disabled:!0},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"secondary",size:"large",disabled:!0},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"tertiary",size:"large",disabled:!0},"Tertiary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"quaternary",size:"large",disabled:!0},"Quaternary")))))};withDifferentSize.displayName="withDifferentSize",withDifferentSize.storyName="With different size",withDifferentSize.parameters=Object.assign({storySource:{source:'<Stack space="xxlarge">\n            <Stack space="large">\n                <pre>size="small"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="small" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="small" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="small" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="small" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="normal"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="normal" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="normal" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="normal" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="normal" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n            <Stack space="large">\n                <pre>size="large"</pre>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large">\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large">\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large">\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large">\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n                <Inline space="large">\n                    <Box>\n                        <Button variant="primary" size="large" disabled>\n                            Primary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="secondary" size="large" disabled>\n                            Secondary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="tertiary" size="large" disabled>\n                            Tertiary\n                        </Button>\n                    </Box>\n                    <Box>\n                        <Button variant="quaternary" size="large" disabled>\n                            Quaternary\n                        </Button>\n                    </Box>\n                </Inline>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"code"}}});var customizedColors=function customizedColors(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:"large"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Enabled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_box__WEBPACK_IMPORTED_MODULE_19__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_button__WEBPACK_IMPORTED_MODULE_24__.a,{variant:"primary",disabled:!0,style:{"--reactist-btn-idle-tint":"#eee","--reactist-btn-idle-fill":"#666","--reactist-btn-hover-tint":"#fff","--reactist-btn-hover-fill":"#777","--reactist-btn-disabled-tint":"#fff","--reactist-btn-disabled-fill":"#ccc"}},"Disabled")))};customizedColors.displayName="customizedColors",customizedColors.storyName="Customized colors",customizedColors.parameters=Object.assign({storySource:{source:"<Inline space=\"large\">\n            <Box>\n                <Button variant=\"primary\" style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Enabled\n                </Button>\n            </Box>\n            <Box>\n                <Button variant=\"primary\" disabled style={{\n      '--reactist-btn-idle-tint': '#eee',\n      '--reactist-btn-idle-fill': '#666',\n      '--reactist-btn-hover-tint': '#fff',\n      '--reactist-btn-hover-fill': '#777',\n      '--reactist-btn-disabled-tint': '#fff',\n      '--reactist-btn-disabled-fill': '#ccc'\n    }}>\n                    Disabled\n                </Button>\n            </Box>\n        </Inline>"}},{docs:{source:{type:"code"}}});var fullWidth=FullWidthTemplate.bind({});fullWidth.storyName="Full-width",fullWidth.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},width:{options:["none","xsmall","small","medium","large","xlarge","full"],control:{type:"select"},defaultValue:"full"},align:{control:!1},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},fullWidth.parameters=Object.assign({storySource:{source:"FullWidthTemplate.bind({})"}},{docs:{source:{type:"code"}}});var playground=PlaygroundTemplate.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"select"},options:["OK","Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>","If you click me now, youʼll take away the biggest part of me"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},shape:{options:["normal","rounded"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},playground.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"code"}}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.argTypes={label:{control:{type:"select"},options:["Submit","Mark as done","Yes, cancel my subscription","Click me <em>now</em>"],defaultValue:"Submit"},variant:{options:["primary","secondary","tertiary","quaternary"],control:{type:"select"},defaultValue:"primary"},tone:{options:["normal","destructive"],control:{type:"inline-radio"},defaultValue:"normal"},size:{options:["small","normal","large"],control:{type:"inline-radio"},defaultValue:"normal"},disabled:{control:!1},startIcon:{control:!1},endIcon:{control:!1},icon:{control:!1},tooltip:{control:!1},exceptionallySetClassName:{control:!1}},darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Button",parameters:{badges:["accessible"]},component:_button__WEBPACK_IMPORTED_MODULE_24__.a,includeStories:["mainDemo","withLabelAndIcon","iconOnlyButtons","withDifferentSize","customizedColors","fullWidth","playground","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","With label and icon":"withLabelAndIcon","Icon-only buttons":"iconOnlyButtons","With different size":"withDifferentSize","Customized colors":"customizedColors","Full-width":"fullWidth",Playground:"playground","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/button/button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","tone","size","type","disabled","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function Button(_ref,ref){var variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_base_button__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},props,{as:"button",ref:ref,variant:variant,tone:tone,size:size,type:type,disabled:disabled,exceptionallySetClassName:exceptionallySetClassName}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"A semantic button that also looks like a button, and provides all the necessary visual variants.\nIt follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).",displayName:"Button",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"normal"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"normal"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"center"'},{value:'"start"'},{value:'"end"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/checkbox-field/checkbox-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"basicExample",(function(){return basicExample})),__webpack_require__.d(__webpack_exports__,"reactNodeAsLabel",(function(){return reactNodeAsLabel})),__webpack_require__.d(__webpack_exports__,"indeterminateExample",(function(){return indeterminateExample})),__webpack_require__.d(__webpack_exports__,"accessibilityExamples",(function(){return accessibilityExamples}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/storybook-addon-badges.esm.js"),__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx")),_stack__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/text/text.tsx"),_inline__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/inline/inline.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}Icon.displayName="Icon";var Template=function Template(_ref){var disabled=_ref.disabled,indeterminate=_ref.indeterminate,label=_ref.label;_ref["aria-controls"],_ref["aria-describedby"],_ref["aria-label"],_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{disabled:disabled,indeterminate:indeterminate,label:label,mdxType:"CheckboxField"})};Template.displayName="Template";var layoutProps={Icon:Icon,Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{title:"Design system/CheckboxField",component:___WEBPACK_IMPORTED_MODULE_21__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",null,"CheckboxField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with a built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Basic Example",args:{label:"Default label"},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.d,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{of:___WEBPACK_IMPORTED_MODULE_21__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"ReactNode as Label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A checkbox field with an icon and a string for the built-in label element."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"ReactNode as Label",args:{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,{mdxType:"Icon"})," Label with icon")},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h3",null,"Indeterminate Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Indeterminate Example",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState2[0],setState=_useState2[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium",mdxType:"Inline"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))},mdxType:"CheckboxField"})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Examples",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"CheckboxField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the checkbox as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var basicExample=Template.bind({});basicExample.storyName="Basic Example",basicExample.args={label:"Default label"},basicExample.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var reactNodeAsLabel=Template.bind({});reactNodeAsLabel.storyName="ReactNode as Label",reactNodeAsLabel.args={label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(Icon,null)," Label with icon")},reactNodeAsLabel.parameters=Object.assign({storySource:{source:"({\n  disabled,\n  indeterminate,\n  label,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedby,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby\n}) => <CheckboxField disabled={disabled} indeterminate={indeterminate} label={label} />"}},{docs:{source:{type:"dynamic"}}});var indeterminateExample=function indeterminateExample(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)([!1,!0,!1,!1,!1]),2),state=_useState4[0],setState=_useState4[1],checkedCount=state.filter(Boolean).length,indeterminate=checkedCount>0&&checkedCount<state.length;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{checked:checkedCount===state.length,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){return state.map((function(){return checked}))}))},indeterminate:indeterminate,label:"Check/uncheck all ("+checkedCount+" / "+state.length+")"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_inline__WEBPACK_IMPORTED_MODULE_24__.a,{space:"medium"},state.map((function(checked,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{key:index+"-"+String(checked),label:String(index+1),checked:checked,onChange:function onChange(event){var checked=event.currentTarget.checked;setState((function(state){var newState=_toConsumableArray(state);return newState[index]=checked,newState}))}})}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},"Mark some (but not all) numbered checkboxes to see the one at the top as indeterminate."))};indeterminateExample.displayName="indeterminateExample",indeterminateExample.storyName="Indeterminate Example",indeterminateExample.parameters=Object.assign({storySource:{source:'() => {\n  const [state, setState] = useState([false, true, false, false, false]);\n  const checkedCount = state.filter(Boolean).length;\n  const indeterminate = checkedCount > 0 && checkedCount < state.length;\n  return <Stack space="medium" dividers="primary">\n                    <CheckboxField checked={checkedCount === state.length} onChange={event => {\n      const {\n        checked\n      } = event.currentTarget;\n      setState(state => state.map(() => checked));\n    }} indeterminate={indeterminate} label={`Check/uncheck all (${checkedCount} / ${state.length})`} />\n                    <Inline space="medium">\n                        {state.map((checked, index) => <CheckboxField key={`${index}-${String(checked)}`} label={String(index + 1)} checked={checked} onChange={event => {\n        const {\n          checked\n        } = event.currentTarget;\n        setState(state => {\n          const newState = [...state];\n          newState[index] = checked;\n          return newState;\n        });\n      }} />)}\n                    </Inline>\n                    <Text tone="secondary">\n                        Mark some (but not all) numbered checkboxes to see the one at the top as\n                        indeterminate.\n                    </Text>\n                </Stack>;\n}'}},{docs:{source:{type:"dynamic"}}});var accessibilityExamples=function accessibilityExamples(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will announce the checkbox as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_stack__WEBPACK_IMPORTED_MODULE_22__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(___WEBPACK_IMPORTED_MODULE_21__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_text__WEBPACK_IMPORTED_MODULE_23__.a,{tone:"secondary"},'A screen reader will describe the checkbox as "Husky".')))};accessibilityExamples.displayName="accessibilityExamples",accessibilityExamples.storyName="Accessibility Examples",accessibilityExamples.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <CheckboxField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the checkbox as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <CheckboxField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the checkbox as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/CheckboxField",parameters:{badges:["accessible"]},component:___WEBPACK_IMPORTED_MODULE_21__.a,includeStories:["basicExample","reactNodeAsLabel","indeterminateExample","accessibilityExamples"]},mdxStoryNameToKey={"Basic Example":"basicExample","ReactNode as Label":"reactNodeAsLabel","Indeterminate Example":"indeterminateExample","Accessibility Examples":"accessibilityExamples"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/checkbox-field/checkbox-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkbox_field_CheckboxField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),hooks=__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","indeterminate","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var svgPath={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};function CheckboxIcon(_ref2){var checked=_ref2.checked,indeterminate=_ref2.indeterminate,disabled=_ref2.disabled,props=_objectWithoutProperties(_ref2,_excluded),pathKey=function getPathKey(_ref){var checked=_ref.checked,indeterminate=_ref.indeterminate,disabled=_ref.disabled;return indeterminate?"mixed":checked?"checked":disabled?"filled":"unchecked"}({checked:checked,indeterminate:indeterminate,disabled:disabled});return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{minWidth:"24"}},props,{children:Object(jsx_runtime.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:svgPath[pathKey]})}))}CheckboxIcon.displayName="CheckboxIcon";try{CheckboxIcon.displayName="CheckboxIcon",CheckboxIcon.__docgenInfo={description:"",displayName:"CheckboxIcon",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean | undefined"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"]={docgenInfo:CheckboxIcon.__docgenInfo,name:"CheckboxIcon",path:"src/new-components/checkbox-field/checkbox-icon.tsx#CheckboxIcon"})}catch(__react_docgen_typescript_loader_error){}var checkbox_field_module=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.module.css"),checkbox_field_module_default=__webpack_require__.n(checkbox_field_module),checkbox_field_excluded=["label","disabled","indeterminate","defaultChecked","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkbox_field_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function checkbox_field_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkbox_field_CheckboxField=react.forwardRef((function CheckboxField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,disabled=_ref.disabled,indeterminate=_ref.indeterminate,defaultChecked=_ref.defaultChecked,_onChange=_ref.onChange,props=checkbox_field_objectWithoutProperties(_ref,checkbox_field_excluded),isControlledComponent="boolean"==typeof props.checked;"boolean"!=typeof indeterminate||isControlledComponent||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),indeterminate=void 0),label||props["aria-label"]||props["aria-labelledby"]||console.warn("A Checkbox needs a label");var _React$useState2=_slicedToArray(react.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState,internalRef=react.useRef(null),combinedRef=Object(hooks.e)(internalRef,ref);return react.useEffect((function setIndeterminate(){internalRef.current&&"boolean"==typeof indeterminate&&(internalRef.current.indeterminate=indeterminate)}),[indeterminate]),Object(jsx_runtime.jsxs)(box.a,{as:"label",display:"flex",alignItems:"center",className:[checkbox_field_module_default.a.container,disabled?checkbox_field_module_default.a.disabled:null,isChecked?checkbox_field_module_default.a.checked:null,keyFocused?checkbox_field_module_default.a.keyFocused:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,{ref:combinedRef,type:"checkbox","aria-checked":indeterminate?"mixed":isChecked,checked:isChecked,disabled:disabled,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}})),Object(jsx_runtime.jsx)(CheckboxIcon,{checked:isChecked,disabled:disabled,indeterminate:indeterminate,"aria-hidden":!0}),label?Object(jsx_runtime.jsx)(text_text.a,{children:label}):null]})}));try{checkbox_field_CheckboxField.displayName="CheckboxField",checkbox_field_CheckboxField.__docgenInfo={description:"",displayName:"CheckboxField",props:{disabled:{defaultValue:null,description:"Defines whether or not the checkbox is disabled.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the checkbox for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current checkbox for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current checkbox for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label for the checkbox element.",name:"label",required:!1,type:{name:"ReactNode"}},indeterminate:{defaultValue:null,description:"Defines whether or not the checkbox can be of a `mixed` state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"]={docgenInfo:checkbox_field_CheckboxField.__docgenInfo,name:"CheckboxField",path:"src/new-components/checkbox-field/checkbox-field.tsx#CheckboxField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/columns/columns.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_box__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/box/box.tsx"),_columns__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/columns/columns.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Columns",component:_columns__WEBPACK_IMPORTED_MODULE_6__.b,subcomponents:{Column:_columns__WEBPACK_IMPORTED_MODULE_6__.a},argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["left","center","right"]),alignY:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["top","center","bottom","baseline"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.e)()),parameters:{badges:["accessible"]}};var AlignmentStory=function AlignmentStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use alignY to control vertical alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:30*(i+1)})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use align to control horizontal alignment",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{height:20})})]}))})]})};AlignmentStory.displayName="AlignmentStory";var WidthsStory=function WidthsStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})})]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"auto",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})})]})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"content"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"1/2",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"1/2"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"2/3",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"2/3"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"3/4",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"3/4"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"4/5",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"4/5"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"auto"})})]})]})})]})};WidthsStory.displayName="WidthsStory",WidthsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var ResponsiveStory=function ResponsiveStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"large",dividers:"primary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Columns alignment changes as the viewport size changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"medium",align:{mobile:"left",tablet:"center",desktop:"right"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Space between columns reduces on smaller screen sizes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Use collapseBelow to control if/when the columns become stacked depending on viewport width",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))})]})]})};ResponsiveStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),collapseBelow:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.i)(["tablet","desktop"],"tablet"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var FlexChildStory=function FlexChildStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"As a flex child",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_5__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Element outside of Columns"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))]})})};FlexChildStory.displayName="FlexChildStory",FlexChildStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d);var NestedColumnsStory=function NestedColumnsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.c,{title:"Inner Columns retain their own spacing",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,{space:"xlarge",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:0,height:50})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.b,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.j)(5).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:i+1,height:50})},i)}))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_6__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.a,{label:6,height:50})})]})})};NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.h)("medium"),align:{control:!1},alignY:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_3__.d),AlignmentStory.parameters=Object.assign({storySource:{source:'function AlignmentStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="xlarge">\n            <Wrapper title="Use alignY to control vertical alignment" border={true}>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={(i + 1) * 30} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Wrapper>\n            <Wrapper title="Use align to control horizontal alignment" border={true}>\n                <Columns {...args}>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                    <Column width="1/5">\n                        <Placeholder height={20} />\n                    </Column>\n                </Columns>\n            </Wrapper>\n        </Stack>\n    )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=Object.assign({storySource:{source:'function WidthsStory({ space }: PartialProps<typeof Columns>) {\n    return (\n        <Stack space="large" dividers="primary">\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="large">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column width="auto">\n                            <Placeholder label="auto" />\n                        </Column>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n            <Wrapper>\n                <Stack space="medium">\n                    <Columns space={space}>\n                        <Column width="content">\n                            <Placeholder label="content" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/5">\n                            <Placeholder label="1/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/4">\n                            <Placeholder label="1/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/3">\n                            <Placeholder label="1/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/5">\n                            <Placeholder label="2/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="1/2">\n                            <Placeholder label="1/2" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/5">\n                            <Placeholder label="3/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="2/3">\n                            <Placeholder label="2/3" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="3/4">\n                            <Placeholder label="3/4" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                    <Columns space={space}>\n                        <Column width="4/5">\n                            <Placeholder label="4/5" />\n                        </Column>\n                        <Column>\n                            <Placeholder label="auto" />\n                        </Column>\n                    </Columns>\n                </Stack>\n            </Wrapper>\n        </Stack>\n    )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory(args: PartialProps<typeof Columns>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="large" dividers="primary">\n                <Wrapper title="Columns alignment changes as the viewport size changes">\n                    <Columns\n                        space="medium"\n                        align={{ mobile: \'left\', tablet: \'center\', desktop: \'right\' }}\n                    >\n                        {times(5).map((i) => (\n                            <Column width="content" key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Space between columns reduces on smaller screen sizes">\n                    <Columns space={{ mobile: \'xsmall\', tablet: \'medium\', desktop: \'xlarge\' }}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n                <Wrapper title="Use collapseBelow to control if/when the columns become stacked depending on viewport width">\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}'}},ResponsiveStory.parameters),FlexChildStory.parameters=Object.assign({storySource:{source:'function FlexChildStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="As a flex child">\n            <Box display="flex" alignItems="center">\n                <Box>\n                    <Placeholder label="Element outside of Columns" />\n                </Box>\n                <Columns {...args}>\n                    {times(5).map((i) => (\n                        <Column key={i}>\n                            <Placeholder label={i + 1} height={50} />\n                        </Column>\n                    ))}\n                </Columns>\n            </Box>\n        </Wrapper>\n    )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=Object.assign({storySource:{source:'function NestedColumnsStory(args: PartialProps<typeof Columns>) {\n    return (\n        <Wrapper title="Inner Columns retain their own spacing">\n            <Columns space="xlarge">\n                <Column>\n                    <Placeholder label={0} height={50} />\n                </Column>\n\n                <Column>\n                    <Columns {...args}>\n                        {times(5).map((i) => (\n                            <Column key={i}>\n                                <Placeholder label={i + 1} height={50} />\n                            </Column>\n                        ))}\n                    </Columns>\n                </Column>\n\n                <Column>\n                    <Placeholder label={6} height={50} />\n                </Column>\n            </Columns>\n        </Wrapper>\n    )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<ColumnsHorizontalAlignment> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:"ResponsiveProp<ColumnsVerticalAlignment> | undefined"}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"mobile"'},{value:'"tablet"'},{value:'"desktop"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/columns/columns.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/columns/columns.module.css"),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["width","children","exceptionallySetClassName"],_excluded2=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,height:"full",flexShrink:"content"===width?0:void 0,ref:ref,children:children}))})),Columns=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,_ref2$align=_ref2.align,align=void 0===_ref2$align?"left":_ref2$align,_ref2$alignY=_ref2.alignY,alignY=void 0===_ref2$alignY?"top":_ref2$alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,{className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space)],display:"flex",flexDirection:"desktop"===collapseBelow?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===collapseBelow?{mobile:"column",tablet:"row"}:"row",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":alignY})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":align})),ref:ref,children:children}))}))},"./src/new-components/common-helpers.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return generateElementId})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),uid=0;function generateElementId(prefix){return prefix+"-"+function uniqueId(){return uid++}()}function useId(providedId){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=providedId?providedId:null);return ref.current||(ref.current=generateElementId("element")),ref.current}},"./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/new-components/deprecated-modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/deprecated-modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/deprecated-modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),reach_dialog_esm=__webpack_require__("./node_modules/@reach/dialog/dist/reach-dialog.esm.js"),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),modal_module=__webpack_require__("./src/new-components/deprecated-modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function DeprecatedModal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]);return Object(jsx_runtime.jsx)(reach_dialog_esm.b,{isOpen:isOpen,onDismiss:onDismiss,dangerouslyBypassFocusLock:!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),"data-testid":"modal-overlay",children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(reach_dialog_esm.a,Object.assign({},props,{as:box.a,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}function DeprecatedModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function DeprecatedModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(DeprecatedModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function DeprecatedModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function DeprecatedModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function DeprecatedModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}DeprecatedModal.displayName="DeprecatedModal",DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalActions.displayName="DeprecatedModalActions";try{DeprecatedModal.displayName="DeprecatedModal",DeprecatedModal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"DeprecatedModal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"]={docgenInfo:DeprecatedModal.__docgenInfo,name:"DeprecatedModal",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModal"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalCloseButton.displayName="DeprecatedModalCloseButton",DeprecatedModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"DeprecatedModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"]={docgenInfo:DeprecatedModalCloseButton.__docgenInfo,name:"DeprecatedModalCloseButton",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalHeader.displayName="DeprecatedModalHeader",DeprecatedModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"DeprecatedModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see DeprecatedModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"]={docgenInfo:DeprecatedModalHeader.__docgenInfo,name:"DeprecatedModalHeader",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalBody.displayName="DeprecatedModalBody",DeprecatedModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"DeprecatedModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"]={docgenInfo:DeprecatedModalBody.__docgenInfo,name:"DeprecatedModalBody",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalBody"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalFooter.displayName="DeprecatedModalFooter",DeprecatedModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"DeprecatedModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"]={docgenInfo:DeprecatedModalFooter.__docgenInfo,name:"DeprecatedModalFooter",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{DeprecatedModalActions.displayName="DeprecatedModalActions",DeprecatedModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"DeprecatedModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"]={docgenInfo:DeprecatedModalActions.__docgenInfo,name:"DeprecatedModalActions",path:"src/new-components/deprecated-modal/modal.tsx#DeprecatedModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,toggle:function toggle(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var _ref2$initialState=_ref2.initialState,initialState=void 0===_ref2$initialState?defaultInitialState:_ref2$initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],toggle=react.useCallback((function(){return setOpen((function(v){return!v}))}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(initialState),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,toggle:toggle,onChange:onChange},props)}),[isOpen,toggle,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,toggle=react.useContext(ModalStoryContext).toggle;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:toggle,children:children})}function Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,toggle=_React$useContext3.toggle,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(DeprecatedModal,Object.assign({isOpen:isOpen,onDismiss:toggle,width:width,height:height},props))}function ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",Modal.displayName="Modal",ModalHeader.displayName="ModalHeader";var ModalBody=DeprecatedModalBody;function ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalFooter,Object.assign({withDivider:withScrollableContent},props))}function ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(DeprecatedModalActions,Object.assign({withDivider:withScrollableContent},props))}ModalFooter.displayName="ModalFooter",ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/deprecated-modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/deprecated-modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Components/Modal",component:DeprecatedModal,parameters:{badges:["accessible","deprecated"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://reach.tech/dialog/"},"Reach UI's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:DeprecatedModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:DeprecatedModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary"},"Open modal"),Object(esm.b)(Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary">Open modal</Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Components/Modal",parameters:{badges:["accessible","deprecated"]},component:DeprecatedModal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/divider/divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/divider/divider.module.css"),_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_divider_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["weight"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"tertiary":_ref$weight,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({as:"hr",className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_5__.a)(_divider_module_css__WEBPACK_IMPORTED_MODULE_7___default.a,"weight",weight)},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"tertiary"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/heading/heading.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveHeadingStory",(function(){return ResponsiveHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/heading/heading.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var HeadingStory=function HeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{dividers:"primary",space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",children:"Heading level 1, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"larger",children:"Heading level 1, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,children:"Heading level 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"smaller",children:"Heading level 1, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"largest",children:"Heading level 2, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"larger",children:"Heading level 2, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,children:"Heading level 2"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,size:"smaller",children:"Heading level 2, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"largest",children:"Heading level 3, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"larger",children:"Heading level 3, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,children:"Heading level 3"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:3,size:"smaller",children:"Heading level 3, smaller"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"largest",children:"Heading level 4 / 5 / 6, largest"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,size:"larger",children:"Heading level 4 / 5 / 6, larger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:4,children:"Heading level 4 / 5 / 6"})]})]})})};HeadingStory.displayName="HeadingStory";var TruncatedHeadingStory=function TruncatedHeadingStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:1,size:"largest",lineClamp:1,children:"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,{level:2,lineClamp:2,children:"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."})]})};TruncatedHeadingStory.displayName="TruncatedHeadingStory";var ResponsiveHeadingStory=function ResponsiveHeadingStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveHeadingStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.argTypes={level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["largest","larger","smaller"],"none"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"}},HeadingStory.parameters=Object.assign({storySource:{source:'function HeadingStory() {\n    return (\n        <section className="story">\n            <Stack dividers="primary" space="medium">\n                <Stack space="small">\n                    <Heading level={1} size="largest">\n                        Heading level 1, largest\n                    </Heading>\n                    <Heading level={1} size="larger">\n                        Heading level 1, larger\n                    </Heading>\n                    <Heading level={1}>Heading level 1</Heading>\n                    <Heading level={1} size="smaller">\n                        Heading level 1, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={2} size="largest">\n                        Heading level 2, largest\n                    </Heading>\n                    <Heading level={2} size="larger">\n                        Heading level 2, larger\n                    </Heading>\n                    <Heading level={2}>Heading level 2</Heading>\n                    <Heading level={2} size="smaller">\n                        Heading level 2, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={3} size="largest">\n                        Heading level 3, largest\n                    </Heading>\n                    <Heading level={3} size="larger">\n                        Heading level 3, larger\n                    </Heading>\n                    <Heading level={3}>Heading level 3</Heading>\n                    <Heading level={3} size="smaller">\n                        Heading level 3, smaller\n                    </Heading>\n                </Stack>\n\n                <Stack space="small">\n                    <Heading level={4} size="largest">\n                        Heading level 4 / 5 / 6, largest\n                    </Heading>\n                    <Heading level={4} size="larger">\n                        Heading level 4 / 5 / 6, larger\n                    </Heading>\n                    <Heading level={4}>Heading level 4 / 5 / 6</Heading>\n                </Stack>\n            </Stack>\n        </section>\n    )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=Object.assign({storySource:{source:'function TruncatedHeadingStory() {\n    return (\n        <section className="story">\n            <Heading level={1} size="largest" lineClamp={1}>\n                This is a long title which we will use demonstrate truncating content. When this\n                overflows and begins to drop to a new line, its overflowing content will be replaced\n                by ellipses.\n            </Heading>\n            <Heading level={2} lineClamp={2}>\n                Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n                Sometimes we need to provide more context yet still remain skimmable to users, and\n                subtitles are a good way to do this. As it&rsquo;s much longer now we can allow a\n                second line to be displayed before truncating it at two lines.\n            </Heading>\n        </section>\n    )\n}'}},TruncatedHeadingStory.parameters),ResponsiveHeadingStory.parameters=Object.assign({storySource:{source:"function ResponsiveHeadingStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Heading {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveHeadingStory.parameters),HeadingPlaygroundStory.parameters=Object.assign({storySource:{source:'function HeadingPlaygroundStory(props: React.ComponentProps<typeof Heading>) {\n    return (\n        <section className="story playground">\n            <Heading {...props} />\n        </section>\n    )\n}'}},HeadingPlaygroundStory.parameters);try{ResponsiveHeadingStory.displayName="ResponsiveHeadingStory",ResponsiveHeadingStory.__docgenInfo={description:"",displayName:"ResponsiveHeadingStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"]={docgenInfo:ResponsiveHeadingStory.__docgenInfo,name:"ResponsiveHeadingStory",path:"src/new-components/heading/heading.stories.tsx#ResponsiveHeadingStory"})}catch(__react_docgen_typescript_loader_error){}try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/heading/heading.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/heading/heading.module.css"),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,align=_ref.align,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),headingElementName="h"+level,lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{className:[exceptionallySetClassName,_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,as:headingElementName,ref:ref,children:children}))}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:{value:"undefined"},description:"Shifts the default heading visual text size up or down, depending on the original size\nimposed by the `level`. The heading continues to be semantically at the given level.\n\nBy default, no value is applied, and the default size from the level is applied. The values\nhave the following effect:\n\n- 'smaller' shifts the default level size down in the font-size scale (it tends to make the\nlevel look visually as if it were of the immediately lower level).\n- 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\nscale.\n- 'largest' can be thought of as applying 'larger' twice.\n@see level *",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"largest"'},{value:'"larger"'},{value:'"smaller"'}]}},exceptionallySetClassName:{defaultValue:null,description:"Used internally to set the `className` prop of the main container element for this component.\n\nAside from the different name, the prop behaves the same as the native `className`. The only\nreason for the name change is to discourage applying custom CSS to the design system\ncomponents, which are supposed to _eventually_ provide all the styling features we may need.\n\nThis prop is meant to be used only in certain circumstances, when you really need a escape\nhatch to apply custom styles to a component. Before reaching for this feature, try harder to\nsee if you can solve your needs with what the design system provides.\n\nFor instance, instead of applying layout-related styles to a non-layout component, consider\nwrapping it inside a layout component.\n@see PolymorphicComponent",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},align:{defaultValue:{value:"'start'"},description:"How to align the heading text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},level:{defaultValue:null,description:"The semantic level of the heading.",name:"level",required:!0,type:{name:"enum",value:[{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:"6"},{value:'"5"'},{value:'"6"'}]}},weight:{defaultValue:{value:"regular"},description:"The weight of the heading. Used to de-emphasize the heading visually when using 'light'.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"regular"'},{value:'"light"'}]}},tone:{defaultValue:{value:"normal"},description:"The tone (semantic color) of the heading.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the heading to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden-visually/hidden-visually.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenVisually}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.module.css"),_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HiddenVisually=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_2__.a)((function HiddenVisually(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{ref:ref,position:"absolute",overflow:"hidden",className:_hidden_visually_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.hiddenVisually}))}))},"./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/hidden/hidden.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return hidden_stories_ResponsiveStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),box=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./src/new-components/box/box.tsx")),hidden_module=__webpack_require__("./src/new-components/hidden/hidden.module.css"),hidden_module_default=__webpack_require__.n(hidden_module),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["display","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var hidden_Hidden=Object(polymorphism.a)((function Hidden(_ref,ref){var _ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),hiddenOnPrint="print"in props&&props.print,hiddenOnDesktop="above"in props,hiddenOnMobile="below"in props,hiddenOnTablet="below"in props&&"desktop"===props.below||"above"in props&&"mobile"===props.above;return hiddenOnDesktop&&hiddenOnMobile&&console.warn('<Hidden /> should receive either above="…" or below="…" but not both'),hiddenOnDesktop||hiddenOnMobile||hiddenOnPrint||console.warn("<Hidden /> did not receive any criteria to hide itself"),"above"in props&&delete props.above,"below"in props&&delete props.below,"print"in props&&delete props.print,Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,className:[exceptionallySetClassName,hiddenOnPrint?hidden_module_default.a.hiddenOnPrint:null],display:hiddenOnDesktop&&hiddenOnMobile?"none":{mobile:hiddenOnMobile?"none":display,tablet:hiddenOnTablet?"none":display,desktop:hiddenOnDesktop?"none":display},children:children}))})),hidden_stories_ResponsiveStory=(__webpack_exports__.default={title:"Design system/Hidden",component:hidden_Hidden,parameters:{badges:["accessible"]}},function ResponsiveStory(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(storybook_helper.b,{}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Always visible 📱💻🖥"}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"mobile",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on mobile 📱",height:30})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"desktop",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible only on desktop 🖥",height:75})}),Object(jsx_runtime.jsx)(hidden_Hidden,{below:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in tablet and desktop 💻🖥",height:60})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Visible in mobile and tablet 📱💻",height:45})}),Object(jsx_runtime.jsx)(hidden_Hidden,{above:"tablet",children:Object(jsx_runtime.jsx)(storybook_helper.a,{label:"Does not make sense"})})]})]})});hidden_stories_ResponsiveStory.parameters=Object.assign({storySource:{source:'function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space="medium">\n                <Placeholder label="Always visible 📱💻🖥" />\n\n                <Hidden above="mobile">\n                    <Placeholder label="Visible only on mobile 📱" height={30} />\n                </Hidden>\n\n                <Hidden below="desktop">\n                    <Placeholder label="Visible only on desktop 🖥" height={75} />\n                </Hidden>\n\n                <Hidden below="tablet">\n                    <Placeholder label="Visible in tablet and desktop 💻🖥" height={60} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Visible in mobile and tablet 📱💻" height={45} />\n                </Hidden>\n\n                <Hidden above="tablet">\n                    <Placeholder label="Does not make sense" />\n                </Hidden>\n            </Stack>\n        </>\n    )\n}'}},hidden_stories_ResponsiveStory.parameters)},"./src/new-components/icons/alert-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AlertIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["tone"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var alertIconForTone={info:AlertInfoIcon,positive:AlertPositiveIcon,caution:AlertCautionIcon,critical:AlertCriticalIcon};function AlertIcon(_ref){var tone=_ref.tone,props=_objectWithoutProperties(_ref,_excluded),Icon=alertIconForTone[tone];return Icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Icon,Object.assign({},props)):null}function AlertInfoIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",fill:"currentColor"})}))}function AlertPositiveIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",fill:"currentColor"})}))}function AlertCautionIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",fill:"currentColor"})}))}function AlertCriticalIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg",Object.assign({width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",fill:"currentColor"})}))}AlertInfoIcon.displayName="AlertInfoIcon",AlertPositiveIcon.displayName="AlertPositiveIcon",AlertCautionIcon.displayName="AlertCautionIcon",AlertCriticalIcon.displayName="AlertCriticalIcon";try{AlertIcon.displayName="AlertIcon",AlertIcon.__docgenInfo={description:"",displayName:"AlertIcon",props:{tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/alert-icon.tsx#AlertIcon"]={docgenInfo:AlertIcon.__docgenInfo,name:"AlertIcon",path:"src/new-components/icons/alert-icon.tsx#AlertIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/close-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CloseIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{fill:"currentColor",d:"M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"})}))}CloseIcon.displayName="CloseIcon";try{CloseIcon.displayName="CloseIcon",CloseIcon.__docgenInfo={description:"",displayName:"CloseIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/close-icon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/new-components/icons/close-icon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/icons/password-visible-icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PasswordVisibleIcon}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordVisibleIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"gray",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path",{d:"M21.358 12C17.825 7.65 14.692 5.5 12 5.5c-2.624 0-5.67 2.043-9.097 6.181a.5.5 0 0 0 0 .638C6.331 16.457 9.376 18.5 12 18.5c2.692 0 5.825-2.15 9.358-6.5z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("circle",{cx:"12",cy:"12",r:"3.5"})]})}))}PasswordVisibleIcon.displayName="PasswordVisibleIcon";try{PasswordVisibleIcon.displayName="PasswordVisibleIcon",PasswordVisibleIcon.__docgenInfo={description:"",displayName:"PasswordVisibleIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"]={docgenInfo:PasswordVisibleIcon.__docgenInfo,name:"PasswordVisibleIcon",path:"src/new-components/icons/password-visible-icon.tsx#PasswordVisibleIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/inline/inline.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/inline/inline.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return NestedStackStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/stack/stack.tsx"),_heading__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/heading/heading.tsx"),_inline__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/inline/inline.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function renderInlineContent(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:20,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:80,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:150,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:180,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:100,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:60,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:120,height:48}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.a,{width:40,height:48})]})}__webpack_exports__.default={title:"Design system/Inline",component:_inline__WEBPACK_IMPORTED_MODULE_5__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("medium"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.i)(["left","center","right"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.e)()),parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how it wraps content",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{children:renderInlineContent()}))})};InteractivePropsStory.displayName="InteractivePropsStory";var ResponsiveStory=function ResponsiveStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how spacing changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},children:renderInlineContent()})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.c,{title:"Change the viewport width to see how alignment changes",border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",align:{mobile:"left",tablet:"center",desktop:"right"},children:renderInlineContent()})})]})]})};ResponsiveStory.argTypes=Object.assign({space:{control:!1},align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d);var NestedStackStory=function NestedStackStory(_ref){var space=_ref.space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_3__.a,{space:space,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_4__.a,{level:"1",children:["Parent stack with space=“",null!=space?space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_5__.a,{space:"xsmall",children:renderInlineContent()})]})})};NestedStackStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.h)("xlarge"),align:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_2__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory(args: PartialProps<typeof Inline>) {\n    return (\n        <Wrapper title="Change the viewport width to see how it wraps content" border={true}>\n            <Inline {...args}>{renderInlineContent()}</Inline>\n        </Wrapper>\n    )\n}'}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory() {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Stack space=\"medium\">\n                <Wrapper title=\"Change the viewport width to see how spacing changes\" border={true}>\n                    <Inline space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}>\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n                <Wrapper\n                    title=\"Change the viewport width to see how alignment changes\"\n                    border={true}\n                >\n                    <Inline\n                        space=\"xsmall\"\n                        align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n                    >\n                        {renderInlineContent()}\n                    </Inline>\n                </Wrapper>\n            </Stack>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStackStory.parameters=Object.assign({storySource:{source:'function NestedStackStory({ space }: PartialProps<typeof Inline>) {\n    return (\n        <>\n            <Stack space={space}>\n                <Heading level="1">Parent stack with space=&ldquo;{space ?? \'none\'}&rdquo;</Heading>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n                <Inline space="xsmall">{renderInlineContent()}</Inline>\n            </Stack>\n        </>\n    )\n}'}},NestedStackStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStackStory.displayName="NestedStackStory",NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"ResponsiveProp<InlineAlign> | undefined"}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'ResponsiveProp<"top" | "bottom" | "center"> | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/inline/inline.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/inline/inline.module.css"),_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_inline_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","alignY","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Inline=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function Inline(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_7__.a,Object.assign({},props,{as:as,display:"flex",flexWrap:"wrap",className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.a)(_inline_module_css__WEBPACK_IMPORTED_MODULE_8___default.a,"space",space)],ref:ref,alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_6__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),children:children}))}))},"./src/new-components/loading/loading.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Example",(function(){return Example})),__webpack_require__.d(__webpack_exports__,"allSizes",(function(){return loading_stories_allSizes})),__webpack_require__.d(__webpack_exports__,"customizeColor",(function(){return loading_stories_customizeColor})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return loading_stories_accessibilityAttributes})),__webpack_require__.d(__webpack_exports__,"accessibilityConsiderations",(function(){return loading_stories_accessibilityConsiderations}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["size","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizeMapping={xsmall:16,small:24,medium:36,large:48};function Loading(_ref){var _sizeMapping$size,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),numericSize=null!==(_sizeMapping$size=sizeMapping[size])&&void 0!==_sizeMapping$size?_sizeMapping$size:sizeMapping.small,ariaLabel=props["aria-label"]?props["aria-label"]:props["aria-labelledby"]?void 0:"Loading…";return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{"aria-label":ariaLabel,className:exceptionallySetClassName,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar",children:Object(jsx_runtime.jsx)(spinner.a,{size:numericSize,"aria-hidden":!0})}))}Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{size:{defaultValue:{value:"small"},description:"The size of the loading spinner.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the loading component for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current loading component for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current loading component for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/new-components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var loading_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function loading_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function loading_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Example(_ref){var children=_ref.children,size=_ref.size;return Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(box.a,{mdxType:"Box"},children),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},'size="',size,'"'))}Example.displayName="Example";var layoutProps={Example:Example};function MDXContent(_ref2){var components=_ref2.components,props=loading_stories_objectWithoutProperties(_ref2,loading_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Loading",component:Loading,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Loading"),Object(esm.b)("p",null,"A loading indicator that comes in three sizes."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"All Sizes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Loading,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Loading,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Customized color"),Object(esm.b)("p",null,"The loading indicator adopts the current brand background color defined in the ",Object(esm.b)("inlineCode",{parentName:"p"},"--reactist-spinner-tint"),"\nCSS variable."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Customize Color",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"},mdxType:"Box"},Object(esm.b)(Example,{size:"xsmall",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall",mdxType:"Loading"})),Object(esm.b)(Example,{size:"small",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small",mdxType:"Loading"})),Object(esm.b)(Example,{size:"medium",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium",mdxType:"Loading"})),Object(esm.b)(Example,{size:"large",mdxType:"Example"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large",mdxType:"Loading"}))))),Object(esm.b)("h2",null,"Accessibility"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",mdxType:"Box"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(Loading,{"aria-label":"Loading puppies",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary",mdxType:"Text"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center",mdxType:"Stack"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress",mdxType:"Loading"}),Object(esm.b)(box.a,{as:"pre",mdxType:"Box"},"aria-describedby"))))),Object(esm.b)("h4",null,"Usage Considerations"),Object(esm.b)("p",null,"If the ",Object(esm.b)("inlineCode",{parentName:"p"},"Loading")," component is describing the loading progress of a particular region of a page, you should use the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-describedby")," attribute to point to the status, and set the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-busy")," attribute to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," on the region until it is finished loading."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Considerations",mdxType:"Story"},Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"},mdxType:"Box"},Object(esm.b)(Loading,{"aria-describedby":"loading-progress",mdxType:"Loading"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary",mdxType:"Text"},"50% complete")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var loading_stories_allSizes=function allSizes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_allSizes.displayName="allSizes",loading_stories_allSizes.storyName="All Sizes",loading_stories_allSizes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_customizeColor=function customizeColor(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd",style:{"--reactist-spinner-tint":"red"}},Object(esm.b)(Example,{size:"xsmall"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"xsmall"})),Object(esm.b)(Example,{size:"small"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"small"})),Object(esm.b)(Example,{size:"medium"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"medium"})),Object(esm.b)(Example,{size:"large"},Object(esm.b)(Loading,{"aria-label":"Loading Demo",size:"large"})))};loading_stories_customizeColor.displayName="customizeColor",loading_stories_customizeColor.storyName="Customize Color",loading_stories_customizeColor.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd" style={{\n  \'--reactist-spinner-tint\': \'red\'\n}}>\n            <Example size="xsmall">\n                <Loading aria-label="Loading Demo" size="xsmall" />\n            </Example>\n            <Example size="small">\n                <Loading aria-label="Loading Demo" size="small" />\n            </Example>\n            <Example size="medium">\n                <Loading aria-label="Loading Demo" size="medium" />\n            </Example>\n            <Example size="large">\n                <Loading aria-label="Loading Demo" size="large" />\n            </Example>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityAttributes=function accessibilityAttributes(){return Object(esm.b)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceEvenly",alignItems:"flexEnd"},Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(Loading,{"aria-label":"Loading puppies"}),Object(esm.b)(box.a,{as:"pre"},"aria-label")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-kittens",tone:"secondary"},"Loading kittens..."),Object(esm.b)(Loading,{"aria-labelledby":"loading-kittens"}),Object(esm.b)(box.a,{as:"pre"},"aria-labelledby")),Object(esm.b)(stack.a,{space:"xxlarge",align:"center"},Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete..."),Object(esm.b)(Loading,{"aria-label":"loading-progress"}),Object(esm.b)(box.a,{as:"pre"},"aria-describedby")))};loading_stories_accessibilityAttributes.displayName="accessibilityAttributes",loading_stories_accessibilityAttributes.storyName="Accessibility Attributes",loading_stories_accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Box display="flex" flexDirection="row" justifyContent="spaceEvenly" alignItems="flexEnd">\n            <Stack space="xxlarge" align="center">\n                <Loading aria-label="Loading puppies" />\n                <Box as="pre">aria-label</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-kittens" tone="secondary">\n                    Loading kittens...\n                </Text>\n                <Loading aria-labelledby="loading-kittens" />\n                <Box as="pre">aria-labelledby</Box>\n            </Stack>\n            <Stack space="xxlarge" align="center">\n                <Text id="loading-progress" tone="secondary">\n                    50% complete...\n                </Text>\n                <Loading aria-label="loading-progress" />\n                <Box as="pre">aria-describedby</Box>\n            </Stack>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var loading_stories_accessibilityConsiderations=function accessibilityConsiderations(){return Object(esm.b)(box.a,{alignItems:"center","aria-busy":!0,display:"flex",flexDirection:"column",justifyContent:"spaceEvenly",style:{background:"#f3f3f3",border:"1px solid #333",width:"200px",height:"200px"}},Object(esm.b)(Loading,{"aria-describedby":"loading-progress"}),Object(esm.b)(text_text.a,{id:"loading-progress",tone:"secondary"},"50% complete"))};loading_stories_accessibilityConsiderations.displayName="accessibilityConsiderations",loading_stories_accessibilityConsiderations.storyName="Accessibility Considerations",loading_stories_accessibilityConsiderations.parameters=Object.assign({storySource:{source:'<Box alignItems="center" aria-busy={true} display="flex" flexDirection="column" justifyContent="spaceEvenly" style={{\n  background: \'#f3f3f3\',\n  border: \'1px solid #333\',\n  width: \'200px\',\n  height: \'200px\'\n}}>\n            <Loading aria-describedby="loading-progress" />\n            <Text id="loading-progress" tone="secondary">\n                50% complete\n            </Text>\n        </Box>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Loading",parameters:{badges:["accessible"]},component:Loading,includeStories:["allSizes","customizeColor","accessibilityAttributes","accessibilityConsiderations"]},mdxStoryNameToKey={"All Sizes":"allSizes","Customize Color":"customizeColor","Accessibility Attributes":"accessibilityAttributes","Accessibility Considerations":"accessibilityConsiderations"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/modal/modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"modalWithStandardActionsFooter",(function(){return modal_stories_modalWithStandardActionsFooter})),__webpack_require__.d(__webpack_exports__,"modalWithHeaderBodyAndCustomFooter",(function(){return modal_stories_modalWithHeaderBodyAndCustomFooter})),__webpack_require__.d(__webpack_exports__,"modalWithASidebar",(function(){return modal_stories_modalWithASidebar})),__webpack_require__.d(__webpack_exports__,"modalWithScrollableTabPanels",(function(){return modal_stories_modalWithScrollableTabPanels})),__webpack_require__.d(__webpack_exports__,"minimalisticConfirmationModal",(function(){return modal_stories_minimalisticConfirmationModal})),__webpack_require__.d(__webpack_exports__,"enrichedConfirmationModal",(function(){return modal_stories_enrichedConfirmationModal})),__webpack_require__.d(__webpack_exports__,"autofocus",(function(){return modal_stories_autofocus})),__webpack_require__.d(__webpack_exports__,"stackingModals",(function(){return modal_stories_stackingModals}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),menu=__webpack_require__("./src/components/menu/menu.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),tabs=__webpack_require__("./src/new-components/tabs/tabs.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return Object(jsx_runtime.jsx)("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26",children:Object(jsx_runtime.jsxs)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:[Object(jsx_runtime.jsx)("circle",{fill:color,cx:"19",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"13",cy:"13",r:"2"}),Object(jsx_runtime.jsx)("circle",{fill:color,cx:"7",cy:"13",r:"2"})]})})};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),es2015=__webpack_require__("./node_modules/react-focus-lock/dist/es2015/index.js"),dist_es2015=__webpack_require__("./node_modules/aria-hidden/dist/es2015/index.js"),dialog_state=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog-state.js"),dialog=__webpack_require__("./node_modules/ariakit/esm/dialog/dialog.js"),portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),close_icon=__webpack_require__("./src/new-components/icons/close-icon.tsx"),divider=__webpack_require__("./src/new-components/divider/divider.tsx"),modal_module=__webpack_require__("./src/new-components/modal/modal.module.css"),modal_module_default=__webpack_require__.n(modal_module),_excluded=["isOpen","onDismiss","height","width","exceptionallySetClassName","autoFocus","children"],_excluded2=["children","button","withDivider","exceptionallySetClassName"],_excluded3=["exceptionallySetClassName","children"],_excluded4=["exceptionallySetClassName","withDivider"],_excluded5=["children"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ModalContext=react.createContext({onDismiss:void 0,height:"fitContent"});function isNotInternalFrame(element){return!(element.ownerDocument===document&&"iframe"===element.tagName.toLowerCase())}function Modal(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,_ref$height=_ref.height,height=void 0===_ref$height?"fitContent":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"medium":_ref$width,exceptionallySetClassName=_ref.exceptionallySetClassName,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0===_ref$autoFocus||_ref$autoFocus,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),setVisible=react.useCallback((function(visible){visible||null==onDismiss||onDismiss()}),[onDismiss]),state=Object(dialog_state.a)({visible:isOpen,setVisible:setVisible}),contextValue=react.useMemo((function(){return{onDismiss:onDismiss,height:height}}),[onDismiss,height]),portalRef=react.useRef(null),dialogRef=react.useRef(null),backdropRef=react.useRef(null),handleBackdropClick=react.useCallback((function(event){var _dialogRef$current,_backdropRef$current;null!==(_dialogRef$current=dialogRef.current)&&void 0!==_dialogRef$current&&_dialogRef$current.contains(event.target)||null===(_backdropRef$current=backdropRef.current)||void 0===_backdropRef$current||!_backdropRef$current.contains(event.target)||(event.stopPropagation(),null==onDismiss||onDismiss())}),[onDismiss]);return react.useLayoutEffect((function disableAccessibilityTreeOutside(){if(isOpen&&portalRef.current)return Object(dist_es2015.a)(portalRef.current)}),[isOpen]),isOpen?Object(jsx_runtime.jsx)(portal.a,{portalRef:portalRef,children:Object(jsx_runtime.jsx)(box.a,{"data-testid":"modal-overlay","data-overlay":!0,className:classnames_default()(modal_module_default.a.overlay,modal_module_default.a[height],modal_module_default.a[width]),onClick:handleBackdropClick,ref:backdropRef,children:Object(jsx_runtime.jsx)(es2015.a,{autoFocus:autoFocus,whiteList:isNotInternalFrame,returnFocus:!0,children:Object(jsx_runtime.jsx)(dialog.a,Object.assign({},props,{ref:dialogRef,as:box.a,state:state,hideOnEscape:!0,preventBodyScroll:!0,borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===height?"full":void 0,flexGrow:"expand"===height?1:0,className:[exceptionallySetClassName,modal_module_default.a.container],modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,children:Object(jsx_runtime.jsx)(ModalContext.Provider,{value:contextValue,children:children})}))})})}):null}function ModalCloseButton(props){var onDismiss=react.useContext(ModalContext).onDismiss,_React$useState2=_slicedToArray(react.useState(!1),2),includeInTabOrder=_React$useState2[0],setIncludeInTabOrder=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(!1),2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];return react.useEffect((function skipAutoFocus(){isMounted?setIncludeInTabOrder(!0):setIsMounted(!0)}),[isMounted]),Object(jsx_runtime.jsx)(button_button.a,Object.assign({},props,{variant:"quaternary",onClick:onDismiss,icon:Object(jsx_runtime.jsx)(close_icon.a,{}),tabIndex:includeInTabOrder?0:-1}))}function ModalHeader(_ref2){var children=_ref2.children,_ref2$button=_ref2.button,button=void 0===_ref2$button||_ref2$button,_ref2$withDivider=_ref2.withDivider,withDivider=void 0!==_ref2$withDivider&&_ref2$withDivider,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"header",paddingLeft:"large",paddingRight:!1===button||null===button?"large":"small",paddingY:"small",className:exceptionallySetClassName,children:Object(jsx_runtime.jsxs)(columns.b,{space:"large",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"auto",children:children}),!1===button||null===button?Object(jsx_runtime.jsx)("div",{className:modal_module_default.a.headerContent}):Object(jsx_runtime.jsx)(columns.a,{width:"content",exceptionallySetClassName:modal_module_default.a.buttonContainer,"data-testid":"button-container",children:"boolean"==typeof button?Object(jsx_runtime.jsx)(ModalCloseButton,{"aria-label":"Close modal",autoFocus:!1}):button})]})})),withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null]})}function ModalBody(_ref3){var exceptionallySetClassName=_ref3.exceptionallySetClassName,children=_ref3.children,props=_objectWithoutProperties(_ref3,_excluded3),height=react.useContext(ModalContext).height;return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{className:exceptionallySetClassName,flexGrow:"expand"===height?1:0,height:"expand"===height?"full":void 0,overflow:"auto",children:Object(jsx_runtime.jsx)(box.a,{padding:"large",paddingBottom:"xxlarge",children:children})}))}function ModalFooter(_ref4){var exceptionallySetClassName=_ref4.exceptionallySetClassName,_ref4$withDivider=_ref4.withDivider,withDivider=void 0!==_ref4$withDivider&&_ref4$withDivider,props=_objectWithoutProperties(_ref4,_excluded4);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[withDivider?Object(jsx_runtime.jsx)(divider.a,{}):null,Object(jsx_runtime.jsx)(box.a,Object.assign({as:"footer"},props,{className:exceptionallySetClassName,padding:"large"}))]})}function ModalActions(_ref5){var children=_ref5.children,props=_objectWithoutProperties(_ref5,_excluded5);return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({},props,{children:Object(jsx_runtime.jsx)(inline.a,{align:"right",space:"large",children:children})}))}Modal.displayName="Modal",ModalCloseButton.displayName="ModalCloseButton",ModalBody.displayName="ModalBody",ModalActions.displayName="ModalActions";try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Renders a modal that sits on top of the rest of the content in the entire page.\n\nFollows the WAI-ARIA Dialog (Modal) Pattern.",displayName:"Modal",props:{children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether the modal is open and visible or not.",name:"isOpen",required:!0,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"Called when the user triggers closing the modal.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},width:{defaultValue:{value:"medium"},description:"A descriptive setting for how wide the modal should aim to be, depending on how much space\nit has on screen.",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},height:{defaultValue:{value:"fitContent"},description:"A descriptive setting for how tall the modal should aim to be.\n\n- 'expand': the modal aims to fill most of the available screen height, leaving only a small\n  padding above and below.\n- 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n\nIn either case, if content does not fit, the content of the main body is set to scroll\n(provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\nviewport boundaries.\n\nIf you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\nthe inner layout to ensure scroll, or whatever other strategy you may want.",name:"height",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"fitContent"'},{value:'"expand"'}]}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current modal for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current modal for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/new-components/modal/modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}try{ModalCloseButton.displayName="ModalCloseButton",ModalCloseButton.__docgenInfo={description:"The close button rendered by ModalHeader. Provided independently so that consumers can customize\nthe button's label.",displayName:"ModalCloseButton",props:{tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"large"'},{value:'"normal"'}]}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalCloseButton"]={docgenInfo:ModalCloseButton.__docgenInfo,name:"ModalCloseButton",path:"src/new-components/modal/modal.tsx#ModalCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{ModalHeader.displayName="ModalHeader",ModalHeader.__docgenInfo={description:"Renders a standard modal header area with an optional close button.",displayName:"ModalHeader",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}},button:{defaultValue:{value:"true"},description:"Allows to provide a custom button element, or to omit the close button if set to false.\n@see ModalCloseButton",name:"button",required:!1,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the header.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalHeader"]={docgenInfo:ModalHeader.__docgenInfo,name:"ModalHeader",path:"src/new-components/modal/modal.tsx#ModalHeader"})}catch(__react_docgen_typescript_loader_error){}try{ModalBody.displayName="ModalBody",ModalBody.__docgenInfo={description:"Renders the body of a modal.\n\nConvenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\nthings, that the contet of the modal body expands or contracts depending on the modal height\nsetting or the size of the content. The body content also automatically scrolls when it's too\nlarge to fit the available space.",displayName:"ModalBody",props:{children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalBody"]={docgenInfo:ModalBody.__docgenInfo,name:"ModalBody",path:"src/new-components/modal/modal.tsx#ModalBody"})}catch(__react_docgen_typescript_loader_error){}try{ModalFooter.displayName="ModalFooter",ModalFooter.__docgenInfo={description:"Renders a standard modal footer area.",displayName:"ModalFooter",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalFooter"]={docgenInfo:ModalFooter.__docgenInfo,name:"ModalFooter",path:"src/new-components/modal/modal.tsx#ModalFooter"})}catch(__react_docgen_typescript_loader_error){}try{ModalActions.displayName="ModalActions",ModalActions.__docgenInfo={description:"A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).",displayName:"ModalActions",props:{children:{defaultValue:null,description:"The contant of the modal footer.",name:"children",required:!0,type:{name:"ReactNode"}},withDivider:{defaultValue:{value:"false"},description:"Whether to render a divider line below the footer.",name:"withDivider",required:!1,type:{name:"boolean | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"A escape hatch in case you need to provide a custom class name to the container element.",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal.tsx#ModalActions"]={docgenInfo:ModalActions.__docgenInfo,name:"ModalActions",path:"src/new-components/modal/modal.tsx#ModalActions"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),modal_stories_components_excluded=["children"];function modal_stories_components_slicedToArray(arr,i){return function modal_stories_components_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function modal_stories_components_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function modal_stories_components_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return modal_stories_components_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return modal_stories_components_arrayLikeToArray(o,minLen)}(arr,i)||function modal_stories_components_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function modal_stories_components_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function modal_stories_components_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_components_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Link(_ref){var children=_ref.children,props=modal_stories_components_objectWithoutProperties(_ref,modal_stories_components_excluded);return Object(jsx_runtime.jsx)("a",Object.assign({},props,{onClick:function onClick(event){return event.preventDefault()},children:children}))}Link.displayName="Link";var defaultInitialState={width:"medium",height:"expand",button:"true",withScrollableContent:!1},ModalStoryContext=react.createContext(Object.assign({},defaultInitialState,{isOpen:!1,openModal:function openModal(){},closeModal:function closeModal(){},onChange:function onChange(){}}));function ModalStoryStateProvider(_ref2){var initialState=_ref2.initialState,children=_ref2.children,_React$useState2=modal_stories_components_slicedToArray(react.useState(!1),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],openModal=react.useCallback((function(){setOpen(!0)}),[]),closeModal=react.useCallback((function(){setOpen(!1)}),[]),_React$useState4=modal_stories_components_slicedToArray(react.useState(Object.assign({},defaultInitialState,initialState)),2),props=_React$useState4[0],setProps=_React$useState4[1],onChange=react.useCallback((function onChange(event){var element=event.currentTarget,name=element.name,value=element instanceof HTMLInputElement&&"checkbox"===element.type?element.checked:element.value;setProps((function(props){var _Object$assign;return Object.assign({},props,((_Object$assign={})[name]=value,_Object$assign))}))}),[]),value=react.useMemo((function(){return Object.assign({isOpen:isOpen,openModal:openModal,closeModal:closeModal,onChange:onChange},props)}),[isOpen,openModal,closeModal,onChange,props]);return Object(jsx_runtime.jsx)(ModalStoryContext.Provider,{value:value,children:children})}function ScrollableContent(_ref3){var _ref3$label=_ref3.label,label=void 0===_ref3$label?"Item":_ref3$label,_ref3$count=_ref3.count,count=void 0===_ref3$count?20:_ref3$count;return Object(jsx_runtime.jsx)(stack.a,{space:"xlarge",children:Object(storybook_helper.j)(count).map((function(index){return Object(jsx_runtime.jsx)(storybook_helper.a,{height:"30px",label:label+" "+(index+1)},index)}))})}function ModalOptionsForm(_ref4){var title=_ref4.title,_React$useContext=react.useContext(ModalStoryContext),button=_React$useContext.button,width=_React$useContext.width,height=_React$useContext.height,withScrollableContent=_React$useContext.withScrollableContent,onChange=_React$useContext.onChange;return Object(jsx_runtime.jsxs)(stack.a,{space:"large",children:[title,Object(jsx_runtime.jsxs)(select_field.a,{label:"Header button",name:"button",value:button,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"true",children:"show"}),Object(jsx_runtime.jsx)("option",{value:"false",children:"hide"}),Object(jsx_runtime.jsx)("option",{value:"custom",children:"custom"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"width",name:"width",value:width,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"small",children:"small"}),Object(jsx_runtime.jsx)("option",{value:"medium",children:"medium"}),Object(jsx_runtime.jsx)("option",{value:"large",children:"large"}),Object(jsx_runtime.jsx)("option",{value:"xlarge",children:"xlarge"}),Object(jsx_runtime.jsx)("option",{value:"full",children:"full"})]}),Object(jsx_runtime.jsxs)(select_field.a,{label:"height",name:"height",value:height,onChange:onChange,children:[Object(jsx_runtime.jsx)("option",{value:"fitContent",children:"fitContent"}),Object(jsx_runtime.jsx)("option",{value:"expand",children:"expand"})]}),Object(jsx_runtime.jsx)(switch_field.a,{name:"withScrollableContent",label:"Extra content to scroll",hint:'When height="expanded" you can select to generate artificial content to make the body scroll',checked:withScrollableContent,onChange:onChange}),withScrollableContent?Object(jsx_runtime.jsx)(ScrollableContent,{}):null]})}function renderHeaderButton(button){switch(button){case"true":return!0;case"false":return!1;case"custom":return Object(jsx_runtime.jsx)(Link,{href:"/help",children:"Help"})}}function ModalButton(_ref5){var variant=_ref5.variant,size=_ref5.size,children=_ref5.children,_ref5$action=_ref5.action,action=void 0===_ref5$action?"close":_ref5$action,_React$useContext2=react.useContext(ModalStoryContext),openModal=_React$useContext2.openModal,closeModal=_React$useContext2.closeModal;return Object(jsx_runtime.jsx)(button_button.a,{variant:variant,size:size,onClick:"open"===action?openModal:closeModal,children:children})}function modal_stories_components_Modal(props){var _React$useContext3=react.useContext(ModalStoryContext),isOpen=_React$useContext3.isOpen,closeModal=_React$useContext3.closeModal,width=_React$useContext3.width,height=_React$useContext3.height;return Object(jsx_runtime.jsx)(Modal,Object.assign({isOpen:isOpen,onDismiss:closeModal,width:width,height:height},props))}function modal_stories_components_ModalHeader(props){var _React$useContext4=react.useContext(ModalStoryContext),button=_React$useContext4.button,withScrollableContent=_React$useContext4.withScrollableContent;return Object(jsx_runtime.jsx)(ModalHeader,Object.assign({withDivider:withScrollableContent,button:renderHeaderButton(button)},props))}ModalStoryStateProvider.displayName="ModalStoryStateProvider",ScrollableContent.displayName="ScrollableContent",ModalOptionsForm.displayName="ModalOptionsForm",ModalButton.displayName="ModalButton",ModalButton.displayName="Button",modal_stories_components_Modal.displayName="Modal",modal_stories_components_ModalHeader.displayName="ModalHeader";var modal_stories_components_ModalBody=ModalBody;function modal_stories_components_ModalFooter(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalFooter,Object.assign({withDivider:withScrollableContent},props))}function modal_stories_components_ModalActions(props){var withScrollableContent=react.useContext(ModalStoryContext).withScrollableContent;return Object(jsx_runtime.jsx)(ModalActions,Object.assign({withDivider:withScrollableContent},props))}modal_stories_components_ModalFooter.displayName="ModalFooter",modal_stories_components_ModalActions.displayName="ModalActions";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/modal/modal-stories-components.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/new-components/modal/modal-stories-components.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}var modal_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function modal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function modal_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=modal_stories_objectWithoutProperties(_ref,modal_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Modal",component:Modal,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Modal"),Object(esm.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(esm.b)("a",{parentName:"p",href:"https://ariakit.org/components/dialog"},"Ariakit's Dialog"),". For more details of its expected\nbehaviour, see ",Object(esm.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role"},"ARIA: dialog role"),"."),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<Modal>")),Object(esm.b)(dist_esm.d,{of:Modal,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Modal,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalHeader>")),Object(esm.b)(dist_esm.d,{of:ModalHeader,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalHeader,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalCloseButton>")),Object(esm.b)(dist_esm.d,{of:ModalCloseButton,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalCloseButton,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalBody>")),Object(esm.b)(dist_esm.d,{of:ModalBody,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalBody,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalFooter>")),Object(esm.b)(dist_esm.d,{of:ModalFooter,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalFooter,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,Object(esm.b)("inlineCode",{parentName:"h2"},"<ModalActions>")),Object(esm.b)(dist_esm.d,{of:ModalActions,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:ModalActions,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Stories"),Object(esm.b)("h3",null,"Modal with standard actions footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with standard actions footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,{mdxType:"Columns"},Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(menu.a,{mdxType:"Menu"},Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,{mdxType:"ThreeDotsIcon"}),mdxType:"MenuButton"}),Object(esm.b)(menu.e,{"aria-label":"Simple menu",mdxType:"MenuList"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit"),mdxType:"MenuItem"},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate"),mdxType:"MenuItem"},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove"),mdxType:"MenuItem"},"Remove")))),Object(esm.b)(columns.a,{mdxType:"Column"},Object(esm.b)(ModalCloseButton,null))),mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Modal with header, body and custom footer"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with header, body and custom footer",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal"),mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalFooter,{mdxType:"ModalFooter"},Object(esm.b)(columns.b,{alignY:"center",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle",mdxType:"Text"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close")))))))),Object(esm.b)("h3",null,"Modal with a sidebar"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with a sidebar",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout",mdxType:"Modal"},Object(esm.b)(columns.b,{height:"full",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",background:"selected",mdxType:"Box"},Object(esm.b)(box.a,{padding:"medium",mdxType:"Box"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge",mdxType:"Stack"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account",mdxType:"Link"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription",mdxType:"Link"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences",mdxType:"Link"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto",mdxType:"Column"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"2",mdxType:"Heading"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"})),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",mdxType:"Button"},"Close"))))))))),Object(esm.b)("h3",null,"Modal with scrollable tab panels"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Modal with scrollable tab panels",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(Link,{href:"/",mdxType:"Link"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column",mdxType:"Box"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge",mdxType:"Stack"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium",mdxType:"Inline"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain",mdxType:"Tabs"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"},mdxType:"Box"},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(esm.b)(tabs.a,{id:"tab1",mdxType:"Tab"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2",mdxType:"Tab"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3",mdxType:"Tab"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto",mdxType:"Box"},Object(esm.b)(tabs.d,{id:"tab1",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Task",count:20,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab2",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10,mdxType:"ScrollableContent"}))),Object(esm.b)(tabs.d,{id:"tab3",mdxType:"TabPanel"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5,mdxType:"ScrollableContent"})))))))))),Object(esm.b)("h3",null,"Minimalistic confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Minimalistic confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(box.a,{padding:"large",mdxType:"Box"},Object(esm.b)(text_text.a,{size:"subtitle",mdxType:"Text"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Enriched confirmation modal"),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Enriched confirmation modal",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null,mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:"1",mdxType:"Heading"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold",mdxType:"Text"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger",mdxType:"Text"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0,mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"danger",mdxType:"Button"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Autofocus"),Object(esm.b)("p",null,"By default the ",Object(esm.b)("inlineCode",{parentName:"p"},"autoFocus")," prop is ",Object(esm.b)("inlineCode",{parentName:"p"},"true"),", which shifts the focus onto the first focusable element in the modal. You can further refine this\nby using the ",Object(esm.b)("inlineCode",{parentName:"p"},"data-autofocus")," attribute if you wish to focus on elements other than the first one. This is made possible using React Focus Lock, please see its ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/theKashey/react-focus-lock/tree/v2.9.1#autofocus"},"documentation")," for more details."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Autofocus",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){},mdxType:"TextField"}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0,mdxType:"TextField"}))),Object(esm.b)(modal_stories_components_ModalActions,{mdxType:"ModalActions"},Object(esm.b)(ModalButton,{variant:"primary",size:"small",mdxType:"Button"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small",mdxType:"Button"},"Cancel")))))),Object(esm.b)("h3",null,"Stacking modals"),Object(esm.b)("p",null,"Modals may be stacked on top of one another, with each of them having their independent states, e.g. ",Object(esm.b)("inlineCode",{parentName:"p"},"width")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"height"),"."),Object(esm.b)(dist_esm.c,{withToolbar:!0,mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Stacking modals",mdxType:"Story"},Object(esm.b)(ModalStoryStateProvider,{mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"},mdxType:"ModalStoryStateProvider"},Object(esm.b)(ModalButton,{variant:"primary",action:"open",mdxType:"Button"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2",mdxType:"Modal"},Object(esm.b)(modal_stories_components_ModalHeader,{mdxType:"ModalHeader"},Object(esm.b)(heading.a,{level:1,mdxType:"Heading"},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,{mdxType:"ModalBody"},Object(esm.b)(ModalOptionsForm,{mdxType:"ModalOptionsForm"}))))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var modal_stories_modalWithStandardActionsFooter=function modalWithStandardActionsFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with standard actions footer"},Object(esm.b)(modal_stories_components_ModalHeader,{button:Object(esm.b)(columns.b,null,Object(esm.b)(columns.a,null,Object(esm.b)(menu.a,null,Object(esm.b)(menu.b,{as:button_button.a,variant:"tertiary",icon:Object(esm.b)(ThreeDotsIcon_svg,null)}),Object(esm.b)(menu.e,{"aria-label":"Simple menu"},Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Edit")},"Edit"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Duplicate")},"Duplicate"),Object(esm.b)(menu.d,{onSelect:Object(addon_actions_dist_esm.action)("Remove")},"Remove")))),Object(esm.b)(columns.a,null,Object(esm.b)(ModalCloseButton,null)))},Object(esm.b)(heading.a,{level:"1"},"Modal with standard actions footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_modalWithStandardActionsFooter.displayName="modalWithStandardActionsFooter",modal_stories_modalWithStandardActionsFooter.storyName="Modal with standard actions footer",modal_stories_modalWithStandardActionsFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with standard actions footer">\n                <ModalHeader button={<Columns>\n                            <Column>\n                                <Menu>\n                                    <MenuButton as={ReactistButton} variant="tertiary" icon={<ThreeDotsIcon />} />\n                                    <MenuList aria-label="Simple menu">\n                                        <MenuItem onSelect={action(\'Edit\')}>Edit</MenuItem>\n                                        <MenuItem onSelect={action(\'Duplicate\')}>\n                                            Duplicate\n                                        </MenuItem>\n                                        <MenuItem onSelect={action(\'Remove\')}>Remove</MenuItem>\n                                    </MenuList>\n                                </Menu>\n                            </Column>\n                            <Column>\n                                <ModalComponents.ModalCloseButton />\n                            </Column>\n                        </Columns>}>\n                    <Heading level="1">Modal with standard actions footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary">Save</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithHeaderBodyAndCustomFooter=function modalWithHeaderBodyAndCustomFooter(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with header, body and custom footer"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"1"},"Modal with header, body and custom footer")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,{title:Object(esm.b)(heading.a,{level:"2"},"Customize modal")})),Object(esm.b)(modal_stories_components_ModalFooter,null,Object(esm.b)(columns.b,{alignY:"center"},Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(text_text.a,{weight:"bold",size:"subtitle"},"Do whatever you want down here")),Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(ModalButton,{variant:"primary"},"Close"))))))};modal_stories_modalWithHeaderBodyAndCustomFooter.displayName="modalWithHeaderBodyAndCustomFooter",modal_stories_modalWithHeaderBodyAndCustomFooter.storyName="Modal with header, body and custom footer",modal_stories_modalWithHeaderBodyAndCustomFooter.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with header, body and custom footer">\n                <ModalHeader>\n                    <Heading level="1">Modal with header, body and custom footer</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <ModalOptionsForm title={<Heading level="2">Customize modal</Heading>} />\n                </ModalBody>\n                <ModalFooter>\n                    <Columns alignY="center">\n                        <Column width="auto">\n                            <Text weight="bold" size="subtitle">\n                                Do whatever you want down here\n                            </Text>\n                        </Column>\n                        <Column width="content">\n                            <Button variant="primary">Close</Button>\n                        </Column>\n                    </Columns>\n                </ModalFooter>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithASidebar=function modalWithASidebar(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with a settings-like custom layout"},Object(esm.b)(columns.b,{height:"full"},Object(esm.b)(columns.a,{width:"content"},Object(esm.b)(box.a,{height:"full",background:"selected"},Object(esm.b)(box.a,{padding:"medium"},Object(esm.b)(heading.a,{level:"1"},"Settings")),Object(esm.b)(stack.a,{as:"ul",space:"small",padding:"medium",paddingRight:"xxlarge"},Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/account"},"Account")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/subscription"},"Subscription")),Object(esm.b)("li",null,Object(esm.b)(Link,{href:"/preferences"},"Preferences"))))),Object(esm.b)(columns.a,{width:"auto"},Object(esm.b)(box.a,{height:"full",display:"flex",flexDirection:"column"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:"2"},"Customize modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary"},"Close")))))))};modal_stories_modalWithASidebar.displayName="modalWithASidebar",modal_stories_modalWithASidebar.storyName="Modal with a sidebar",modal_stories_modalWithASidebar.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with a settings-like custom layout">\n                <Columns height="full">\n                    <Column width="content">\n                        <Box height="full" background="selected">\n                            <Box padding="medium">\n                                <Heading level="1">Settings</Heading>\n                            </Box>\n                            <Stack as="ul" space="small" padding="medium" paddingRight="xxlarge">\n                                <li>\n                                    <Link href="/account">Account</Link>\n                                </li>\n                                <li>\n                                    <Link href="/subscription">Subscription</Link>\n                                </li>\n                                <li>\n                                    <Link href="/preferences">Preferences</Link>\n                                </li>\n                            </Stack>\n                        </Box>\n                    </Column>\n                    <Column width="auto">\n                        <Box height="full" display="flex" flexDirection="column">\n                            <ModalHeader>\n                                <Heading level="2">Customize modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                            <ModalActions>\n                                <Button variant="primary">Close</Button>\n                            </ModalActions>\n                        </Box>\n                    </Column>\n                </Columns>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_modalWithScrollableTabPanels=function modalWithScrollableTabPanels(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal with scrollable tab panels"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(Link,{href:"/"},"Project name")),Object(esm.b)(box.a,{overflow:"hidden",height:"full",padding:"large",paddingTop:"small",display:"flex",flexDirection:"column"},Object(esm.b)(stack.a,{space:"medium",paddingBottom:"xxlarge"},Object(esm.b)(heading.a,{level:"1"},"Task content goest here"),Object(esm.b)(inline.a,{space:"medium"},Object(esm.b)("button",{type:"button"},"Schedule"),Object(esm.b)("button",{type:"button"},"Labels"),Object(esm.b)("button",{type:"button"},"Project"),Object(esm.b)("button",{type:"button"},"Priority"))),Object(esm.b)(tabs.e,{variant:"plain"},Object(esm.b)(box.a,{paddingBottom:"large",style:{borderBottom:"1px solid var(--reactist-divider-secondary)"}},Object(esm.b)(tabs.c,{"aria-label":"Multiple tablist example tabs"},Object(esm.b)(tabs.a,{id:"tab1"},"Sub-tasks"),Object(esm.b)(tabs.a,{id:"tab2"},"Comments"),Object(esm.b)(tabs.a,{id:"tab3"},"Activity"))),Object(esm.b)(box.a,{height:"full",overflow:"auto"},Object(esm.b)(tabs.d,{id:"tab1"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Task",count:20}))),Object(esm.b)(tabs.d,{id:"tab2"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Comment",count:10}))),Object(esm.b)(tabs.d,{id:"tab3"},Object(esm.b)(box.a,{paddingX:"small",paddingY:"xlarge"},Object(esm.b)(ScrollableContent,{label:"Activity",count:5}))))))))};modal_stories_modalWithScrollableTabPanels.displayName="modalWithScrollableTabPanels",modal_stories_modalWithScrollableTabPanels.storyName="Modal with scrollable tab panels",modal_stories_modalWithScrollableTabPanels.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal with scrollable tab panels">\n                <ModalHeader>\n                    <Link href="/">Project name</Link>\n                </ModalHeader>\n                <Box overflow="hidden" height="full" padding="large" paddingTop="small" display="flex" flexDirection="column">\n                    <Stack space="medium" paddingBottom="xxlarge">\n                        <Heading level="1">Task content goest here</Heading>\n                        <Inline space="medium">\n                            <button type="button">Schedule</button>\n                            <button type="button">Labels</button>\n                            <button type="button">Project</button>\n                            <button type="button">Priority</button>\n                        </Inline>\n                    </Stack>\n                    <Tabs variant="plain">\n                        <Box paddingBottom="large" style={{\n          borderBottom: \'1px solid var(--reactist-divider-secondary)\'\n        }}>\n                            <TabList aria-label="Multiple tablist example tabs">\n                                <Tab id="tab1">Sub-tasks</Tab>\n                                <Tab id="tab2">Comments</Tab>\n                                <Tab id="tab3">Activity</Tab>\n                            </TabList>\n                        </Box>\n                        <Box height="full" overflow="auto">\n                            <TabPanel id="tab1">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Task" count={20} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab2">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Comment" count={10} />\n                                </Box>\n                            </TabPanel>\n                            <TabPanel id="tab3">\n                                <Box paddingX="small" paddingY="xlarge">\n                                    <ScrollableContent label="Activity" count={5} />\n                                </Box>\n                            </TabPanel>\n                        </Box>\n                    </Tabs>\n                </Box>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_minimalisticConfirmationModal=function minimalisticConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(box.a,{padding:"large"},Object(esm.b)(text_text.a,{size:"subtitle"},"Are you sure you want to leave?")),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_minimalisticConfirmationModal.displayName="minimalisticConfirmationModal",modal_stories_minimalisticConfirmationModal.storyName="Minimalistic confirmation modal",modal_stories_minimalisticConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <Box padding="large">\n                    <Text size="subtitle">Are you sure you want to leave?</Text>\n                </Box>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Yes, leave\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_enrichedConfirmationModal=function enrichedConfirmationModal(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,{withDivider:!0,button:null},Object(esm.b)(heading.a,{level:"1"},"Please confirm")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"medium"},Object(esm.b)(text_text.a,{size:"subtitle",weight:"bold"},"Are you sure you want to leave?"),Object(esm.b)(text_text.a,{size:"subtitle",tone:"danger"},"This action cannot be undone!"))),Object(esm.b)(modal_stories_components_ModalActions,{withDivider:!0},Object(esm.b)(ModalButton,{variant:"danger"},"Yes, leave"),Object(esm.b)(ModalButton,{variant:"secondary"},"Cancel"))))};modal_stories_enrichedConfirmationModal.displayName="enrichedConfirmationModal",modal_stories_enrichedConfirmationModal.storyName="Enriched confirmation modal",modal_stories_enrichedConfirmationModal.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader withDivider button={null}>\n                    <Heading level="1">Please confirm</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="medium">\n                        <Text size="subtitle" weight="bold">\n                            Are you sure you want to leave?\n                        </Text>\n                        <Text size="subtitle" tone="danger">\n                            This action cannot be undone!\n                        </Text>\n                    </Stack>\n                </ModalBody>\n                <ModalActions withDivider>\n                    <Button variant="danger">Yes, leave</Button>\n                    <Button variant="secondary">Cancel</Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_autofocus=function autofocus(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{height:"fitContent","aria-label":"Confirmation modal",width:"small"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Update your info")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(stack.a,{space:"large"},Object(esm.b)(text_field.a,{label:"Name",value:"Bob Odenkirk",onChange:function onChange(){}}),Object(esm.b)(text_field.a,{label:"Address","data-autofocus":!0}))),Object(esm.b)(modal_stories_components_ModalActions,null,Object(esm.b)(ModalButton,{variant:"primary",size:"small"},"Save"),Object(esm.b)(ModalButton,{variant:"secondary",size:"small"},"Cancel"))))};modal_stories_autofocus.displayName="autofocus",modal_stories_autofocus.storyName="Autofocus",modal_stories_autofocus.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal height="fitContent" aria-label="Confirmation modal" width="small">\n                <ModalHeader>\n                    <Heading level={1}>Update your info</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Stack space="large">\n                        <TextField label="Name" value="Bob Odenkirk" onChange={() => undefined} />\n                        <TextField label="Address" data-autofocus />\n                    </Stack>\n                </ModalBody>\n                <ModalActions>\n                    <Button variant="primary" size="small">\n                        Save\n                    </Button>\n                    <Button variant="secondary" size="small">\n                        Cancel\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var modal_stories_stackingModals=function stackingModals(){return Object(esm.b)(ModalStoryStateProvider,null,Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 1"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Bottom modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(text_text.a,null,"Use the form to customize this modal, or open an additional modal with the button below."),Object(esm.b)(ModalOptionsForm,null),Object(esm.b)(ModalStoryStateProvider,{initialState:{width:"small",height:"fitContent"}},Object(esm.b)(ModalButton,{variant:"primary",action:"open"},"Open second modal"),Object(esm.b)(modal_stories_components_Modal,{"aria-label":"Modal 2"},Object(esm.b)(modal_stories_components_ModalHeader,null,Object(esm.b)(heading.a,{level:1},"Top modal")),Object(esm.b)(modal_stories_components_ModalBody,null,Object(esm.b)(ModalOptionsForm,null)))))))};modal_stories_stackingModals.displayName="stackingModals",modal_stories_stackingModals.storyName="Stacking modals",modal_stories_stackingModals.parameters=Object.assign({storySource:{source:'<ModalStoryStateProvider>\n            <Button variant="primary" action="open">\n                Open modal\n            </Button>\n            <Modal aria-label="Modal 1">\n                <ModalHeader>\n                    <Heading level={1}>Bottom modal</Heading>\n                </ModalHeader>\n                <ModalBody>\n                    <Text>\n                        Use the form to customize this modal, or open an additional modal with the\n                        button below.\n                    </Text>\n                    <ModalOptionsForm />\n                    <ModalStoryStateProvider initialState={{\n        width: \'small\',\n        height: \'fitContent\'\n      }}>\n                        <Button variant="primary" action="open">\n                            Open second modal\n                        </Button>\n                        <Modal aria-label="Modal 2">\n                            <ModalHeader>\n                                <Heading level={1}>Top modal</Heading>\n                            </ModalHeader>\n                            <ModalBody>\n                                <ModalOptionsForm />\n                            </ModalBody>\n                        </Modal>\n                    </ModalStoryStateProvider>\n                </ModalBody>\n            </Modal>\n        </ModalStoryStateProvider>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Modal",parameters:{badges:["accessible"]},component:Modal,includeStories:["modalWithStandardActionsFooter","modalWithHeaderBodyAndCustomFooter","modalWithASidebar","modalWithScrollableTabPanels","minimalisticConfirmationModal","enrichedConfirmationModal","autofocus","stackingModals"]},mdxStoryNameToKey={"Modal with standard actions footer":"modalWithStandardActionsFooter","Modal with header, body and custom footer":"modalWithHeaderBodyAndCustomFooter","Modal with a sidebar":"modalWithASidebar","Modal with scrollable tab panels":"modalWithScrollableTabPanels","Minimalistic confirmation modal":"minimalisticConfirmationModal","Enriched confirmation modal":"enrichedConfirmationModal",Autofocus:"autofocus","Stacking modals":"stackingModals"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/notice/notice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),box=__webpack_require__("./src/new-components/box/box.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),notice_module=__webpack_require__("./src/new-components/notice/notice.module.css"),notice_module_default=__webpack_require__.n(notice_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notice(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone;return Object(jsx_runtime.jsx)(box.a,{id:id,role:"alert","aria-live":"polite",className:[notice_module_default.a.container,Object(responsive_props.a)(notice_module_default.a,"tone",tone)],children:Object(jsx_runtime.jsxs)(columns.b,{space:"small",alignY:"top",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content",children:Object(jsx_runtime.jsx)(alert_icon.a,{tone:tone})}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsx)(box.a,{paddingY:"xsmall",children:children})})]})})}Notice.displayName="Notice";try{Notice.displayName="Notice",Notice.__docgenInfo={description:"",displayName:"Notice",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/notice/notice.tsx#Notice"]={docgenInfo:Notice.__docgenInfo,name:"Notice",path:"src/new-components/notice/notice.tsx#Notice"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var tone=_ref.tone,content=_ref.content,text=(_ref.closeLabel,"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(esm.b)(text_text.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu.")));return Object(esm.b)(Notice,{tone:tone,mdxType:"Notice"},text)}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Notice",component:Notice,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Notice"),Object(esm.b)("p",null,"A simple Notice component."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(esm.b)("hr",null),Object(esm.b)(dist_esm.d,{of:Notice,mdxType:"Description"}),Object(esm.b)(dist_esm.b,{of:Notice,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Notice",parameters:{badges:["accessible"]},component:Notice,includeStories:["playground"]},mdxStoryNameToKey={Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/password-field/password-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return password_field_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return password_field_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return password_field_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/ariakit-utils/esm/hooks.js")),tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PasswordHiddenIcon(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"},props,{children:Object(jsx_runtime.jsxs)("g",{fill:"gray",fillRule:"evenodd",transform:"translate(2 4)",children:[Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M13.047 2.888C11.962 2.294 10.944 2 10 2 7.56 2 4.63 3.966 1.288 8c1.133 1.368 2.218 2.497 3.253 3.394l-.708.708c-1.068-.93-2.173-2.085-3.315-3.464a1 1 0 0 1 0-1.276C4.031 3.121 7.192 1 10 1c1.196 0 2.456.385 3.78 1.154l-.733.734zm-6.02 10.263C8.084 13.72 9.076 14 10 14c2.443 0 5.373-1.969 8.712-6-1.11-1.34-2.176-2.453-3.193-3.341l.708-.709C17.437 5.013 18.695 6.363 20 8c-3.721 4.667-7.054 7-10 7-1.175 0-2.411-.371-3.709-1.113l.735-.736z"}),Object(jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M8.478 11.7l.79-.79a3 3 0 0 0 3.642-3.642l.79-.79A4 4 0 0 1 8.477 11.7zM6.334 9.602a4 4 0 0 1 5.268-5.268l-.78.78A3.002 3.002 0 0 0 7.113 8.82l-.78.78z"}),Object(jsx_runtime.jsx)("rect",{width:"21",height:"1",x:"-.722",y:"7.778",rx:".5",transform:"rotate(-45 9.778 8.278)"})]})}))}PasswordHiddenIcon.displayName="PasswordHiddenIcon";try{PasswordHiddenIcon.displayName="PasswordHiddenIcon",PasswordHiddenIcon.__docgenInfo={description:"",displayName:"PasswordHiddenIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"]={docgenInfo:PasswordHiddenIcon.__docgenInfo,name:"PasswordHiddenIcon",path:"src/new-components/icons/password-hidden-icon.tsx#PasswordHiddenIcon"})}catch(__react_docgen_typescript_loader_error){}var password_field_module=__webpack_require__("./src/new-components/password-field/password-field.module.css"),password_field_module_default=__webpack_require__.n(password_field_module),text_field_module=__webpack_require__("./src/new-components/text-field/text-field.module.css"),text_field_module_default=__webpack_require__.n(text_field_module),_excluded=["variant","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","togglePasswordLabel","hidden","aria-describedby"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var password_field_PasswordField=react.forwardRef((function PasswordField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_ref$togglePasswordLa=_ref.togglePasswordLabel,togglePasswordLabel=void 0===_ref$togglePasswordLa?"Toggle password visibility":_ref$togglePasswordLa,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded),id=Object(common_helpers.b)(props.id),internalRef=react.useRef(null),inputRef=Object(hooks.e)(internalRef,ref),_React$useState2=_slicedToArray(react.useState(!1),2),isPasswordVisible=_React$useState2[0],setPasswordVisible=_React$useState2[1];function togglePasswordVisibility(){var _internalRef$current;setPasswordVisible((function(v){return!v})),null===(_internalRef$current=internalRef.current)||void 0===_internalRef$current||_internalRef$current.focus()}return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(jsx_runtime.jsxs)(box.a,{display:"flex",alignItems:"center",className:[password_field_module_default.a.inputWrapper,text_field_module_default.a.inputWrapper,"error"===tone?text_field_module_default.a.error:null,"bordered"===variant?text_field_module_default.a.bordered:null],children:[Object(jsx_runtime.jsx)("input",Object.assign({},props,extraProps,{ref:inputRef,type:isPasswordVisible?"text":"password"})),Object(jsx_runtime.jsx)(tooltip.a,{content:togglePasswordLabel,children:Object(jsx_runtime.jsx)("button",{type:"button",onClick:togglePasswordVisibility,"aria-label":togglePasswordLabel,tabIndex:-1,children:isPasswordVisible?Object(jsx_runtime.jsx)(password_visible_icon.a,{"aria-hidden":!0}):Object(jsx_runtime.jsx)(PasswordHiddenIcon,{"aria-hidden":!0})})})]})}})}));try{password_field_PasswordField.displayName="PasswordField",password_field_PasswordField.__docgenInfo={description:"",displayName:"PasswordField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:{value:"Toggle password visibility"},description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.tsx#PasswordField"]={docgenInfo:password_field_PasswordField.__docgenInfo,name:"PasswordField",path:"src/new-components/password-field/password-field.tsx#PasswordField"})}catch(__react_docgen_typescript_loader_error){}var password_field_stories_excluded=["label","auxiliaryLabel"];function password_field_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function password_field_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/PasswordField",component:password_field_PasswordField,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var password_field_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=password_field_stories_objectWithoutProperties(_ref,password_field_stories_excluded);return Object(jsx_runtime.jsx)(password_field_PasswordField,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Password"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Forgot your password?"},hint:{control:{type:"text"},defaultValue:"Must be at least 100 characters long, and it should include each letter of the alphabet"},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Type your password"},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge"],"small")};var password_field_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Comparing to original password…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"It does not match the original password",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Matches original password!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:"Password confirmation",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};password_field_stories_MessageToneStory.displayName="MessageToneStory";var password_field_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(password_field_PasswordField,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Password field without a built-in label"}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};password_field_stories_WithoutLabelStory.displayName="WithoutLabelStory",password_field_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof PasswordField>) {\n    return (\n        <PasswordField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},password_field_stories_InteractivePropsStory.parameters),password_field_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <PasswordField\n                label="Password confirmation"\n                message="Comparing to original password…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="It does not match the original password"\n                tone="error"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Matches original password!"\n                tone="success"\n                maxWidth="small"\n            />\n            <PasswordField\n                label="Password confirmation"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},password_field_stories_MessageToneStory.parameters),password_field_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <PasswordField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Password field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},password_field_stories_WithoutLabelStory.parameters);try{password_field_stories_InteractivePropsStory.displayName="InteractivePropsStory",password_field_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},togglePasswordLabel:{defaultValue:null,description:"",name:"togglePasswordLabel",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"]={docgenInfo:password_field_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/password-field/password-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/responsive-props.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function getClassNames(styles,property,value){if(!value)return null;var classList=[];return"string"==typeof value?classList.push(styles[property+"-"+value]):(value.mobile&&classList.push(styles[property+"-"+value.mobile]),value.tablet&&classList.push(styles["tablet-"+property+"-"+value.tablet]),value.desktop&&classList.push(styles["desktop-"+property+"-"+value.desktop])),classList}function mapResponsiveProp(fromValue,mapper){if(fromValue)return"object"!=typeof fromValue?mapper(fromValue):{mobile:fromValue.mobile?mapper(fromValue.mobile):void 0,tablet:fromValue.tablet?mapper(fromValue.tablet):void 0,desktop:fromValue.desktop?mapper(fromValue.desktop):void 0}}},"./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/select-field/select-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/select-field/select-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text/text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/SelectField",component:___WEBPACK_IMPORTED_MODULE_6__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0,defaultValue:"-",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"-",disabled:!0,children:"Select theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Light themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"default",children:"Default theme"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"bright",children:"Extra bright"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("optgroup",{label:"Dark themes",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"contrast",children:"High contrast"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"dark",children:"Dark mode"})]})]}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Theme"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"The theme you select will be applied immediately. If you upgrade to premium you will have more themes to choose from."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saving…",tone:"loading",disabled:!0,maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Something went wrong. Please, try again.",tone:"error",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Saved successfully!",tone:"success",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:"Country of residence",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the select element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("option",{value:"none",disabled:!0,children:"–"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_8__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the select element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof SelectField>) {\n    return (\n        <SelectField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n            defaultValue="-"\n        >\n            <option value="-" disabled>\n                Select theme\n            </option>\n            <optgroup label="Light themes">\n                <option value="default">Default theme</option>\n                <option value="bright">Extra bright</option>\n            </optgroup>\n            <optgroup label="Dark themes">\n                <option value="contrast">High contrast</option>\n                <option value="dark">Dark mode</option>\n            </optgroup>\n        </SelectField>\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <SelectField\n                label="Country of residence"\n                message="Saving…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Something went wrong. Please, try again."\n                tone="error"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Saved successfully!"\n                tone="success"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n\n            <SelectField\n                label="Country of residence"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            >\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the select element)</em>\n                </Text>\n            </Stack>\n            <SelectField label={null} id="custom-textarea" aria-describedby="custom-description">\n                <option value="none" disabled>\n                    –\n                </option>\n            </SelectField>\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>\n                        (inspect the select element accessibility properties if you are curious)\n                    </em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/select-field/select-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/select-field/select-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/select-field/select-field.module.css"),_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_select_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","children","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SelectField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function SelectField(_ref,ref){var id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,_children=_ref.children,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.selectWrapper,"error"===tone?_select_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null],children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({},props,extraProps,{ref:ref,children:_children})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(SelectChevron,{"aria-hidden":!0})]})}})}));function SelectChevron(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("svg",Object.assign({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"})}))}SelectChevron.displayName="SelectChevron";try{SelectField.displayName="SelectField",SelectField.__docgenInfo={description:"",displayName:"SelectField",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/select-field/select-field.tsx#SelectField"]={docgenInfo:SelectField.__docgenInfo,name:"SelectField",path:"src/new-components/select-field/select-field.tsx#SelectField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/spinner/spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Spinner}));__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/react/index.js");var _spinner_module_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/spinner/spinner.module.css"),_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_spinner_module_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg",{"aria-hidden":!0,width:size,height:size,viewBox:"0 0 24 24",className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.svg,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g",{fill:"none",fillRule:"nonzero",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path",{className:_spinner_module_css__WEBPACK_IMPORTED_MODULE_2___default.a.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})]})})}Spinner.displayName="Spinner";try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/spinner/spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/new-components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/stack/stack.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/stack/stack.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_heading__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["itemCount"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Stack",component:_stack__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)(),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["start","center","end"]),dividers:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.i)(["primary","secondary","tertiary"])},Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.e)()),parameters:{badges:["accessible"]}};var widths=[300,360,430,280,600,490,400],heights=[80,40,60,70,90,30,100];function size(index){return{width:widths[index%widths.length],height:heights[index%heights.length]}}var InteractivePropsStory=function InteractivePropsStory(_ref){var itemCount=_ref.itemCount,args=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))}))})};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count",5)};var ResponsiveStory=function ResponsiveStory(_ref2){var itemCount=_ref2.itemCount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.c,{border:!0,title:"Alignment and spacing changes as the viewport width changes",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:{mobile:"xsmall",tablet:"medium",desktop:"xlarge"},align:{mobile:"start",tablet:"center",desktop:"end"},children:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.j)(itemCount).map((function(i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({label:i+1},size(i)),i)}))})})]})};ResponsiveStory.argTypes=Object.assign({itemCount:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.g)("Item count"),space:{control:!1},align:{control:!1},dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d);var NestedStacksStory=function NestedStacksStory(args){var _args$space;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},args,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"1",children:["Parent stack with space=“",null!==(_args$space=args.space)&&void 0!==_args$space?_args$space:"none","”"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_8__.a,{space:"xsmall",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_7__.a,{level:"2",children:"Nested stack with space=“xsmall”"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.a,{})]})]}))};NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.argTypes=Object.assign({space:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.h)("xlarge"),dividers:{control:!1}},_storybook_helper__WEBPACK_IMPORTED_MODULE_6__.d),InteractivePropsStory.parameters=Object.assign({storySource:{source:"function InteractivePropsStory({\n    itemCount,\n    ...args\n}: PartialProps<typeof Stack> & { itemCount: number }) {\n    return (\n        <Wrapper border={true}>\n            <Stack {...args}>\n                {times(itemCount).map((i) => (\n                    <Placeholder key={i} label={i + 1} {...size(i)} />\n                ))}\n            </Stack>\n        </Wrapper>\n    )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=Object.assign({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Wrapper border title=\"Alignment and spacing changes as the viewport width changes\">\n                <Stack\n                    space={{ mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' }}\n                    align={{ mobile: 'start', tablet: 'center', desktop: 'end' }}\n                >\n                    {times(itemCount).map((i) => (\n                        <Placeholder key={i} label={i + 1} {...size(i)} />\n                    ))}\n                </Stack>\n            </Wrapper>\n        </>\n    )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=Object.assign({storySource:{source:'function NestedStacksStory(args: PartialProps<typeof Stack>) {\n    return (\n        <Stack {...args}>\n            <Heading level="1">\n                Parent stack with space=&ldquo;{args.space ?? \'none\'}&rdquo;\n            </Heading>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n            <Stack space="xsmall">\n                <Heading level="2">Nested stack with space=&ldquo;xsmall&rdquo;</Heading>\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n                <Placeholder />\n            </Stack>\n        </Stack>\n    )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"Space between items",name:"space",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},align:{defaultValue:null,description:"Align items horizontally",name:"align",required:!1,type:{name:"ResponsiveProp<Align> | undefined"}},dividers:{defaultValue:null,description:"The weight of the dividers to add. Defaults to 'none', which means no dividers are added",name:"dividers",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:'"small"'},{value:'"full"'},{value:'"auto"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"maxContent"'},{value:'"minContent"'},{value:'"fitContent"'}]}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"aside"'},{value:'"default"'},{value:'"highlight"'},{value:'"selected"'},{value:'"toast"'}]}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"},{value:"1"}]}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"0"}]}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"standard"'},{value:'"full"'}]}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"none"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveProp<Space> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/stack/stack.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Stack}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-keyed-flatten-children/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6__),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/polymorphism.ts"),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_divider__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/divider/divider.tsx"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/stack/stack.module.css"),_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_stack_module_css__WEBPACK_IMPORTED_MODULE_11__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","space","align","dividers","children","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Stack=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_7__.a)((function Stack(_ref,ref){var as=_ref.as,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"start":_ref$align,_ref$dividers=_ref.dividers,dividers=void 0===_ref$dividers?"none":_ref$dividers,children=_ref.children,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),alignProps="start"===align?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"start"===align?"flexStart":"end"===align?"flexEnd":"center"}))};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_box__WEBPACK_IMPORTED_MODULE_9__.a,Object.assign({},props,alignProps,{as:as,className:[exceptionallySetClassName,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_stack_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"space",space)],ref:ref,children:"none"!==dividers?react__WEBPACK_IMPORTED_MODULE_5__.Children.map(react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_6___default()(children),(function(child,index){return index>0?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_divider__WEBPACK_IMPORTED_MODULE_10__.a,{weight:dividers}),child]}):child})):children}))}))},"./src/new-components/storybook-helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/react/index.js");var _box__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/box/box.tsx"),_heading__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/heading/heading.tsx"),_stack__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=(__webpack_require__("./src/new-components/default-styles.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function select(options,defaultValue){return{control:{type:"select"},options:options,defaultValue:defaultValue}}function selectWithNone(options){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge","full"]),width:selectWithNone(["auto","maxContent","minContent","fitContent","xsmall","small","medium","large","xlarge","full"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){var _Object$assign;return Object.assign({},accumulator,((_Object$assign={})[key]={control:!1},_Object$assign))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_19__.a,{space:"small",children:[title?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_heading__WEBPACK_IMPORTED_MODULE_18__.a,{level:"2",children:title}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{width:"full",style:border?{border:"1px dotted black"}:void 0,children:children})]})}function ResponsiveWidthRef(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{height:"36px"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)("div",{style:{position:"fixed",top:0,left:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"},children:"desktop min width"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"},children:"tablet min width"})]})]})}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(_box__WEBPACK_IMPORTED_MODULE_17__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium",children:label})}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/switch-field/switch-field.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"accessibilityAttributes",(function(){return accessibilityAttributes}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_switch_field__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),_stack__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Template(_ref){var label=_ref.label,hint=_ref.hint,disabled=_ref.disabled;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{label:label||"Default label",hint:hint,disabled:disabled,mdxType:"SwitchField"})}Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/SwitchField",component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"SwitchField"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A checkbox with a built-in label element that visually looks like a toggle switch."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},argTypes:{label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},name:"Playground",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Accessibility"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"dynamic"}}},name:"Accessibility Attributes",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text",mdxType:"Text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby",mdxType:"SwitchField"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text",mdxType:"Text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary",mdxType:"Text"},'A screen reader will describe the switch as "Husky".'))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={label:{control:{type:"text"},defaultValue:"Show unread badge"},hint:{control:{type:"text"},defaultValue:"Show an icon badge to indicate that there are new threads and messages."},disabled:{control:{type:"boolean"},defaultValue:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"dynamic"}}});var accessibilityAttributes=function accessibilityAttributes(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium",dividers:"primary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-label":"Golden Retriever",label:"aria-label"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Golden Retriever".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-labelledby":"shibainu-text",label:"aria-labelledby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"shibainu-text"},"Shiba Inu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will announce the switch as "Shiba Inu".')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_stack__WEBPACK_IMPORTED_MODULE_9__.a,{space:"medium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,{"aria-describedby":"husky-text",label:"aria-describedby"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{id:"husky-text"},"Husky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{tone:"secondary"},'A screen reader will describe the switch as "Husky".')))};accessibilityAttributes.displayName="accessibilityAttributes",accessibilityAttributes.storyName="Accessibility Attributes",accessibilityAttributes.parameters=Object.assign({storySource:{source:'<Stack space="medium" dividers="primary">\n            <Stack space="medium">\n                <SwitchField aria-label="Golden Retriever" label="aria-label" />\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Golden Retriever".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-labelledby="shibainu-text" label="aria-labelledby" />\n                <Text id="shibainu-text">Shiba Inu</Text>\n                <Text tone="secondary">\n                    A screen reader will announce the switch as "Shiba Inu".\n                </Text>\n            </Stack>\n            <Stack space="medium">\n                <SwitchField aria-describedby="husky-text" label="aria-describedby" />\n                <Text id="husky-text">Husky</Text>\n                <Text tone="secondary">A screen reader will describe the switch as "Husky".</Text>\n            </Stack>\n        </Stack>'}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/SwitchField",parameters:{badges:["accessible"]},component:_switch_field__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["playground","accessibilityAttributes"]},mdxStoryNameToKey={Playground:"playground","Accessibility Attributes":"accessibilityAttributes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/switch-field/switch-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitchField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_box__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/new-components/box/box.tsx"),_stack__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/new-components/text/text.tsx"),_hidden_visually__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),_base_field__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/common-helpers.ts"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/new-components/switch-field/switch-field.module.css"),_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","aria-label","aria-labelledby","onChange"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SwitchField=react__WEBPACK_IMPORTED_MODULE_14__.forwardRef((function SwitchField(_ref,ref){var _ref2,_props$checked,_props$checked2,label=_ref.label,hint=_ref.hint,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,hidden=_ref.hidden,defaultChecked=_ref.defaultChecked,originalId=_ref.id,originalAriaDescribedBy=_ref["aria-describedby"],originalAriaLabel=_ref["aria-label"],originalAriaLabelledby=_ref["aria-labelledby"],_onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded),id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_20__.b)(),ariaDescribedBy=null!=originalAriaDescribedBy?originalAriaDescribedBy:hint?hintId:void 0,ariaLabel=null!=originalAriaLabel?originalAriaLabel:void 0,ariaLabelledBy=null!=originalAriaLabelledby?originalAriaLabelledby:void 0,_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),keyFocused=_React$useState2[0],setKeyFocused=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(null!==(_ref2=null!==(_props$checked=props.checked)&&void 0!==_props$checked?_props$checked:defaultChecked)&&void 0!==_ref2&&_ref2),2),checkedState=_React$useState4[0],setChecked=_React$useState4[1],isChecked=null!==(_props$checked2=props.checked)&&void 0!==_props$checked2?_props$checked2:checkedState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_16__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{className:[_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.container,disabled?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.disabled:null,isChecked?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.checked:null,keyFocused?_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.keyFocused:null],as:"label",display:"flex",alignItems:"center",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_15__.a,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.toggle,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_hidden_visually__WEBPACK_IMPORTED_MODULE_18__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("input",Object.assign({},props,{id:id,type:"checkbox",disabled:disabled,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,ref:ref,checked:isChecked,onChange:function onChange(event){null==_onChange||_onChange(event),event.defaultPrevented||setChecked(event.currentTarget.checked)},onBlur:function onBlur(event){var _props$onBlur;setKeyFocused(!1),null==props||null===(_props$onBlur=props.onBlur)||void 0===_props$onBlur||_props$onBlur.call(props,event)},onKeyUp:function onKeyUp(event){var _props$onKeyUp;setKeyFocused(!0),null==props||null===(_props$onKeyUp=props.onKeyUp)||void 0===_props$onKeyUp||_props$onKeyUp.call(props,event)}}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span",{className:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.handle})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_text__WEBPACK_IMPORTED_MODULE_17__.a,{exceptionallySetClassName:_switch_field_module_css__WEBPACK_IMPORTED_MODULE_21___default.a.label,children:label})]}),hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_19__.b,{id:hintId,children:hint}):null]})}));try{SwitchField.displayName="SwitchField",SwitchField.__docgenInfo={description:"",displayName:"SwitchField",props:{"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the switch for assistive technologies.",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current switch for assistive technologies.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current switch for assistive technologies.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/switch-field/switch-field.tsx#SwitchField"]={docgenInfo:SwitchField.__docgenInfo,name:"SwitchField",path:"src/new-components/switch-field/switch-field.tsx#SwitchField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/tabs/tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"themedVariant",(function(){return themedVariant})),__webpack_require__.d(__webpack_exports__,"usingTheTabAwareSlotComponent",(function(){return usingTheTabAwareSlotComponent})),__webpack_require__.d(__webpack_exports__,"multipleTabListInstances",(function(){return multipleTabListInstances})),__webpack_require__.d(__webpack_exports__,"polymorphism",(function(){return polymorphism}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_tabs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/tabs/tabs.tsx"),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/box/box.tsx"),_text__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/text/text.tsx"),_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/columns/columns.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(_ref){var variant=_ref.variant,space=_ref.space,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,render=_ref.render,onSelectedIdChange=_ref.onSelectedIdChange,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{variant:variant,selectedId:selectedId,defaultSelectedId:defaultSelectedId,onSelectedIdChange:onSelectedIdChange,mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,space:space,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",render:render,mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))))};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.e,{title:"Design system/Tabs",component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",null,"Tabs"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"A set of components that allow tabs to be rendered, which controls the visibility of their corresponding tab panels.\nThis component is powered by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://ariakit.org/examples/tab"},"Ariakit's Tab component"),". For more details of its expected\nbehaviour, see ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role"},"ARIA: tab role"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}},controls:{exclude:["children"]}},args:{"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},argTypes:{selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},name:"Main demo",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tabs>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabList>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.c,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<Tab>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabPanel>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.d,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h2"},"<TabAwareSlot>")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{of:_tabs__WEBPACK_IMPORTED_MODULE_8__.b,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"The following CSS custom properties are available so that the tabs' colors can be customized:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-neutral-background\n--reactist-tab-neutral-foreground\n--reactist-tab-neutral-unselected\n--reactist-tab-neutral-track\n--reactist-tab-neutral-border\n\n--reactist-tab-themed-background\n--reactist-tab-themed-foreground\n--reactist-tab-themed-unselected\n--reactist-tab-themed-track\n--reactist-tab-themed-border\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Their size can also be customized with:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("code",{parentName:"pre"},"--reactist-tab-track-border-width\n--reactist-tab-border-radius\n--reactist-tab-border-width\n--reactist-tab-height\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h2",null,"Stories"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Themed variant"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},args:{"aria-label":"Tabs with themed variant style",variant:"themed"},name:"Themed variant",mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Using the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabAwareSlot>")," component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Using the TabAwareSlot component",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,{mdxType:"Columns"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content",mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,{mdxType:"TabAwareSlot"},(function(_ref3){var selectedId=_ref3.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3")))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"h3"},"<TabList>")," instances"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"As long as they exist within the same ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<Tabs>")," component tree, multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"<TabList>")," instances can be rendered."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Multiple TabList instances",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0,mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h3",null,"Polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"By default, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"TabPanel")," renders an unstyled div. When more control is needed, an element type or component\ncan be specified with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"Note that when combined with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},'render="active"')," prop, the entire tabpanel will be affected, including the actual polymorphic component/element passed into ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"as"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{withToolbar:!0,mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.f,{parameters:{docs:{source:{type:"code"}}},name:"Polymorphism",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,{mdxType:"Tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs",mdxType:"TabList"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1",mdxType:"Tab"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2",mdxType:"Tab"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3",mdxType:"Tab"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge",mdxType:"Box"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"Text"},"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active",mdxType:"TabPanel"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{mdxType:"Column"},"Column 3"))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=Template.bind({});mainDemo.storyName="Main demo",mainDemo.argTypes={selectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},defaultSelectedId:{options:["tab1","tab2","tab3",null,void 0],control:{type:"inline-radio"}},variant:{options:["themed","neutral"],control:{type:"inline-radio"}},space:{options:["xsmall","small","medium","large","xlarge","xxlarge"],control:{type:"inline-radio"}},render:{options:["always","active","lazy"],control:{type:"inline-radio"}},onSelectedIdChange:{action:"onSelectedIdChange"}},mainDemo.args={"aria-label":"Main demo for Tabs",defaultSelectedId:"tab3"},mainDemo.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}},controls:{exclude:["children"]}});var themedVariant=Template.bind({});themedVariant.storyName="Themed variant",themedVariant.args={"aria-label":"Tabs with themed variant style",variant:"themed"},themedVariant.parameters=Object.assign({storySource:{source:'({\n  variant,\n  space,\n  selectedId,\n  defaultSelectedId,\n  render,\n  onSelectedIdChange,\n  \'aria-label\': ariaLabel,\n  \'aria-labelledby\': ariaLabelledby\n}) => <Tabs variant={variant} selectedId={selectedId} defaultSelectedId={defaultSelectedId} onSelectedIdChange={onSelectedIdChange}>\n        <TabList aria-label={ariaLabel} aria-labelledby={ariaLabelledby} space={space}>\n            <Tab id="tab1">Tab 1</Tab>\n            <Tab id="tab2">Tab 2</Tab>\n            <Tab id="tab3">Tab 3</Tab>\n        </TabList>\n        <TabPanel id="tab1" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 1</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab2" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 2</Text>\n            </Box>\n        </TabPanel>\n        <TabPanel id="tab3" render={render}>\n            <Box paddingX="small" paddingY="xlarge">\n                <Text>Content of tab 3</Text>\n            </Box>\n        </TabPanel>\n    </Tabs>'}},{docs:{source:{type:"code"}}});var usingTheTabAwareSlotComponent=function usingTheTabAwareSlotComponent(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"TabAwareSlot example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.b,null,(function(_ref4){var selectedId=_ref4.selectedId;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{height:"full",display:"flex",alignItems:"center",justifyContent:"flexEnd"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Currently showing the ",selectedId," tab"))})))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))))};usingTheTabAwareSlotComponent.displayName="usingTheTabAwareSlotComponent",usingTheTabAwareSlotComponent.storyName="Using the TabAwareSlot component",usingTheTabAwareSlotComponent.parameters=Object.assign({storySource:{source:'<Tabs>\n            <Columns>\n                <Column width="content">\n                    <TabList aria-label="TabAwareSlot example tabs">\n                        <Tab id="tab1">Tab 1</Tab>\n                        <Tab id="tab2">Tab 2</Tab>\n                        <Tab id="tab3">Tab 3</Tab>\n                    </TabList>\n                </Column>\n                <Column>\n                    <TabAwareSlot>\n                        {({\n          selectedId\n        }) => <Box height="full" display="flex" alignItems="center" justifyContent="flexEnd">\n                                <Text>Currently showing the {selectedId} tab</Text>\n                            </Box>}\n                    </TabAwareSlot>\n                </Column>\n            </Columns>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var multipleTabListInstances=function multipleTabListInstances(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 3"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-hidden":!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")))};multipleTabListInstances.displayName="multipleTabListInstances",multipleTabListInstances.storyName="Multiple TabList instances",multipleTabListInstances.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 1</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab2">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 3</Text>\n                </Box>\n            </TabPanel>\n            <TabList aria-hidden>\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var polymorphism=function polymorphism(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.e,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.c,{"aria-label":"Multiple tablist example tabs"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab1"},"Tab 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab2"},"Tab 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.a,{id:"tab3"},"Tab 3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab1",as:_box__WEBPACK_IMPORTED_MODULE_9__.a,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab2",as:"section",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_box__WEBPACK_IMPORTED_MODULE_9__.a,{paddingX:"small",paddingY:"xlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_text__WEBPACK_IMPORTED_MODULE_10__.a,null,"Content of tab 2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_tabs__WEBPACK_IMPORTED_MODULE_8__.d,{id:"tab3",as:_columns__WEBPACK_IMPORTED_MODULE_11__.b,paddingX:"small",paddingY:"xlarge",render:"active"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 1"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,"Column 3")))};polymorphism.displayName="polymorphism",polymorphism.storyName="Polymorphism",polymorphism.parameters=Object.assign({storySource:{source:'<Tabs>\n            <TabList aria-label="Multiple tablist example tabs">\n                <Tab id="tab1">Tab 1</Tab>\n                <Tab id="tab2">Tab 2</Tab>\n                <Tab id="tab3">Tab 3</Tab>\n            </TabList>\n            <TabPanel id="tab1" as={Box} paddingX="small" paddingY="xlarge" render="active">\n                <Text>Content of tab 1</Text>\n            </TabPanel>\n            <TabPanel id="tab2" as="section" render="active">\n                <Box paddingX="small" paddingY="xlarge">\n                    <Text>Content of tab 2</Text>\n                </Box>\n            </TabPanel>\n            <TabPanel id="tab3" as={Columns} paddingX="small" paddingY="xlarge" render="active">\n                <Column>Column 1</Column>\n                <Column>Column 2</Column>\n                <Column>Column 3</Column>\n            </TabPanel>\n        </Tabs>'}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Tabs",parameters:{badges:["accessible"]},component:_tabs__WEBPACK_IMPORTED_MODULE_8__.e,includeStories:["mainDemo","themedVariant","usingTheTabAwareSlotComponent","multipleTabListInstances","polymorphism"]},mdxStoryNameToKey={"Main demo":"mainDemo","Themed variant":"themedVariant","Using the TabAwareSlot component":"usingTheTabAwareSlotComponent","Multiple TabList instances":"multipleTabListInstances",Polymorphism:"polymorphism"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/tabs/tabs.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return Tabs})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tab})),__webpack_require__.d(__webpack_exports__,"c",(function(){return TabList})),__webpack_require__.d(__webpack_exports__,"d",(function(){return TabPanel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return TabAwareSlot}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__),ariakit_tab__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-state.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/ariakit/esm/tab/tab.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-list.js"),ariakit_tab__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/ariakit/esm/tab/tab-panel.js"),_inline__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/new-components/inline/inline.tsx"),_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/utils/polymorphism.ts"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/new-components/tabs/tabs.module.css"),_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23__),_box__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","id","exceptionallySetClassName"],_excluded2=["children","space"],_excluded3=["children","id","as","render"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TabsContext=react__WEBPACK_IMPORTED_MODULE_14__.createContext(null);function Tabs(_ref){var children=_ref.children,selectedId=_ref.selectedId,defaultSelectedId=_ref.defaultSelectedId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"neutral":_ref$variant,onSelectedIdChange=_ref.onSelectedIdChange,tabState=Object(ariakit_tab__WEBPACK_IMPORTED_MODULE_16__.a)({selectedId:selectedId,setSelectedId:onSelectedIdChange}),previousDefaultSelectedId=Object(_hooks_use_previous__WEBPACK_IMPORTED_MODULE_21__.a)(defaultSelectedId),actualSelectedId=tabState.selectedId,select=tabState.select;react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function selectDefaultTab(){selectedId||defaultSelectedId===previousDefaultSelectedId||defaultSelectedId===actualSelectedId||void 0===defaultSelectedId||select(defaultSelectedId)}),[selectedId,defaultSelectedId,actualSelectedId,select,previousDefaultSelectedId]);var memoizedTabState=react__WEBPACK_IMPORTED_MODULE_14__.useMemo((function memoizeTabState(){return{tabState:tabState,variant:variant}}),[variant,tabState]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TabsContext.Provider,{value:memoizedTabState,children:children})}Tabs.displayName="Tabs";var Tab=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function Tab(_ref2,ref){var as=_ref2.as,children=_ref2.children,id=_ref2.id,exceptionallySetClassName=_ref2.exceptionallySetClassName,props=_objectWithoutProperties(_ref2,_excluded),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var variant=tabContextValue.variant,tabState=tabContextValue.tabState;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_17__.a,Object.assign({},props,{as:as,className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(exceptionallySetClassName,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.tab,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["tab-"+variant]),id:id,state:tabState,ref:ref,children:children}))}));function TabList(_ref3){var children=_ref3.children,_ref3$space=_ref3.space,space=void 0===_ref3$space?"xsmall":_ref3$space,props=_objectWithoutProperties(_ref3,_excluded2),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);if(!tabContextValue)return null;var tabState=tabContextValue.tabState,variant=tabContextValue.variant;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(ariakit_tab__WEBPACK_IMPORTED_MODULE_18__.a,Object.assign({state:tabState,as:_box__WEBPACK_IMPORTED_MODULE_24__.a,position:"relative",width:"maxContent"},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_box__WEBPACK_IMPORTED_MODULE_24__.a,{className:classnames__WEBPACK_IMPORTED_MODULE_15___default()(_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a.track,_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+space],_tabs_module_css__WEBPACK_IMPORTED_MODULE_23___default.a["track-"+variant])}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_inline__WEBPACK_IMPORTED_MODULE_20__.a,{space:space,children:children})]}))})}TabList.displayName="TabList";var TabPanel=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_22__.a)((function TabPanel(_ref4,ref){var children=_ref4.children,id=_ref4.id,as=_ref4.as,_ref4$render=_ref4.render,render=void 0===_ref4$render?"always":_ref4$render,props=_objectWithoutProperties(_ref4,_excluded3),tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext),_React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_14__.useState(!1),2),tabRendered=_React$useState2[0],setTabRendered=_React$useState2[1],tabIsActive=(null==tabContextValue?void 0:tabContextValue.tabState.selectedId)===id;if(react__WEBPACK_IMPORTED_MODULE_14__.useEffect((function trackTabRenderedState(){!tabRendered&&tabIsActive&&setTabRendered(!0)}),[tabRendered,tabIsActive]),!tabContextValue)return null;var tabState=tabContextValue.tabState;return"always"===render||"active"===render&&tabIsActive||"lazy"===render&&(tabIsActive||tabRendered)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(ariakit_tab__WEBPACK_IMPORTED_MODULE_19__.a,Object.assign({tabId:id},props,{state:tabState,as:as,ref:ref,children:children})):null}));function TabAwareSlot(_ref5){var children=_ref5.children,tabContextValue=react__WEBPACK_IMPORTED_MODULE_14__.useContext(TabsContext);return tabContextValue?children({selectedId:null==tabContextValue?void 0:tabContextValue.tabState.selectedId}):null}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>` components",name:"children",required:!0,type:{name:"ReactNode"}},variant:{defaultValue:{value:"neutral"},description:"Determines the look and feel of the tabs.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"themed"'}]}},selectedId:{defaultValue:null,description:"The id of the selected tab. Assigning a value makes this a\ncontrolled component",name:"selectedId",required:!1,type:{name:"string | null | undefined"}},defaultSelectedId:{defaultValue:null,description:"The tab to initially select. This can be used if the component should not\nbe a controlled component but needs to have a tab selected",name:"defaultSelectedId",required:!1,type:{name:"string | null | undefined"}},onSelectedIdChange:{defaultValue:null,description:"Called with the tab id when a tab is selected",name:"onSelectedIdChange",required:!1,type:{name:"((selectedId: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/new-components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{TabList.displayName="TabList",TabList.__docgenInfo={description:"A component used to group `<Tab>` elements together.",displayName:"TabList",props:{"aria-label":{defaultValue:null,description:"Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted.",name:"aria-label",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"A list of `<Tab>` elements",name:"children",required:!0,type:{name:"ReactNode"}},space:{defaultValue:{value:"xsmall"},description:"Controls the spacing between tabs",name:"space",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},"aria-labelledby":{defaultValue:null,description:"One or more element IDs used to label the tab list for assistive technologies. Required if\n`aria-label` is omitted.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-hidden":{defaultValue:null,description:"For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden",name:"aria-hidden",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/new-components/tabs/tabs.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}try{TabAwareSlot.displayName="TabAwareSlot",TabAwareSlot.__docgenInfo={description:"Allows content to be rendered based on the current tab being selected while outside of the TabPanel\ncomponent. Can be placed freely within the main `<Tabs>` component.",displayName:"TabAwareSlot",props:{children:{defaultValue:null,description:"Render prop used to provide the content to be rendered inside the slot. The render prop will be\ncalled with the current `selectedId`",name:"children",required:!0,type:{name:"(provided: { selectedId?: string | null | undefined; }) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabAwareSlot"]={docgenInfo:TabAwareSlot.__docgenInfo,name:"TabAwareSlot",path:"src/new-components/tabs/tabs.tsx#TabAwareSlot"})}catch(__react_docgen_typescript_loader_error){}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.",displayName:"Tab",props:{children:{defaultValue:null,description:"The content to render inside of the tab button",name:"children",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tab's identifier. This must match its corresponding `<TabPanel>`'s id",name:"id",required:!0,type:{name:"string"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/new-components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The content to be rendered inside the tab",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The tabPanel's identifier. This must match its corresponding `<Tab>`'s id",name:"id",required:!0,type:{name:"string"}},render:{defaultValue:null,description:"By default, the tab panel's content is always rendered even when they are not active. This behaviour can be changed to\n'active', which renders only when the tab is active, and 'lazy', meaning while inactive tab panels will not be rendered\ninitially, they will remain mounted once they are active until the entire Tabs tree is unmounted.",name:"render",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"always"'},{value:'"active"'},{value:'"lazy"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/tabs/tabs.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/new-components/tabs/tabs.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-area/text-area.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return text_area_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return text_area_stories_MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return text_area_stories_WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var storybook_helper=__webpack_require__("./src/new-components/storybook-helper.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),base_field=__webpack_require__("./src/new-components/base-field/base-field.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),text_area_module=__webpack_require__("./src/new-components/text-area/text-area.module.css"),text_area_module_default=__webpack_require__.n(text_area_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function TextArea(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(base_field.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,hidden:hidden,"aria-describedby":ariaDescribedBy,className:[text_area_module_default.a.textAreaContainer,"error"===tone?text_area_module_default.a.error:null,"bordered"===variant?text_area_module_default.a.bordered:null],maxWidth:maxWidth,children:function children(extraProps){return Object(jsx_runtime.jsx)(box.a,{width:"full",display:"flex",children:Object(jsx_runtime.jsx)("textarea",Object.assign({},props,extraProps))})}})}TextArea.displayName="TextArea";try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/new-components/text-area/text-area.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var text_area_stories_excluded=["label","auxiliaryLabel"];function text_area_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function text_area_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/TextArea",component:TextArea,parameters:{badges:["accessible"]}};function preventDefault(event){event.preventDefault()}var text_area_stories_InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=text_area_stories_objectWithoutProperties(_ref,text_area_stories_excluded);return Object(jsx_runtime.jsx)(TextArea,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(jsx_runtime.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"User bio"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"You’ll have a better experience in our community if others get to know a little bit about you."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Tell us something about yourself. Don’t be shy."},maxWidth:Object(storybook_helper.i)(["xsmall","small","medium","large","xlarge","full"],"small")};var text_area_stories_MessageToneStory=function MessageToneStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xxlarge",dividers:"secondary",children:[Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Saving changes…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Too short. Don't be shy, tell us a bit more.",tone:"error",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Changes saved successfully!",tone:"success",maxWidth:"small"}),Object(jsx_runtime.jsx)(TextArea,{label:"Profile bio",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};text_area_stories_MessageToneStory.displayName="MessageToneStory";var text_area_stories_WithoutLabelStory=function WithoutLabelStory(){return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",dividers:"secondary",children:[Object(jsx_runtime.jsxs)(stack.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"subtitle",children:"Custom label is up here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(click me to focus the textarea)"})})]}),Object(jsx_runtime.jsx)(TextArea,{label:null,id:"custom-textarea","aria-describedby":"custom-description",rows:8}),Object(jsx_runtime.jsxs)(stack.a,{space:"small",id:"custom-description",children:[Object(jsx_runtime.jsx)(text_text.a,{size:"body",children:"Custom description is down here"}),Object(jsx_runtime.jsx)(text_text.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(jsx_runtime.jsx)("em",{children:"(inspect the textarea accessibility properties if you are curious)"})})]})]})};text_area_stories_WithoutLabelStory.displayName="WithoutLabelStory",text_area_stories_InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextArea>) {\n    return (\n        <TextArea\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},text_area_stories_InteractivePropsStory.parameters),text_area_stories_MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextArea\n                label="Profile bio"\n                message="Saving changes…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Too short. Don\'t be shy, tell us a bit more."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Changes saved successfully!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextArea\n                label="Profile bio"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},text_area_stories_MessageToneStory.parameters),text_area_stories_WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the textarea)</em>\n                </Text>\n            </Stack>\n            <TextArea\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                rows={8}\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the textarea accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},text_area_stories_WithoutLabelStory.parameters);try{text_area_stories_InteractivePropsStory.displayName="InteractivePropsStory",text_area_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"]={docgenInfo:text_area_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-area/text-area.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text-field/text-field.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"MessageToneStory",(function(){return MessageToneStory})),__webpack_require__.d(__webpack_exports__,"WithoutLabelStory",(function(){return WithoutLabelStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_helper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/storybook-helper.tsx"),_stack__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text/text.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/text-field/text-field.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","auxiliaryLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}__webpack_exports__.default={title:"Design system/TextField",component:___WEBPACK_IMPORTED_MODULE_8__.a,parameters:{badges:["accessible"]}};var InteractivePropsStory=function InteractivePropsStory(_ref){var label=_ref.label,auxiliaryLabel=_ref.auxiliaryLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({},props,{label:label,auxiliaryLabel:auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("a",{href:"#",onClick:preventDefault,children:auxiliaryLabel}):void 0}))};InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.argTypes={label:{control:{type:"text"},defaultValue:"Your name"},secondaryLabel:{control:{type:"text"},defaultValue:"optional"},auxiliaryLabel:{control:{type:"text"},defaultValue:"Need help?"},hint:{control:{type:"text"},defaultValue:"We need your name for billing and shipping purposes. Make sure to enter it correctly."},message:{control:{type:"text"},defaultValue:""},tone:{options:["neutral","success","error","loading"],control:{type:"inline-radio"},defaultValue:"neutral"},variant:{options:["default","bordered"],control:{type:"inline-radio"},defaultValue:"default"},placeholder:{control:{type:"text"},defaultValue:"Enter your name as it appears in your ID"},maxWidth:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_5__.i)(["xsmall","small","medium","large","xlarge"],"small")};var MessageToneStory=function MessageToneStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xxlarge",dividers:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Verifying code…",tone:"loading",disabled:!0,maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Invalid code. Please, try again.",tone:"error",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Code verification successful!",tone:"success",maxWidth:"small"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:"Verification code",message:"Message with neutral tone (used as description, but still prefer the hint prop for that)",hint:"This is the primary description of the field, provided by the hint prop",tone:"neutral",maxWidth:"small"})]})};MessageToneStory.displayName="MessageToneStory";var WithoutLabelStory=function WithoutLabelStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"xlarge",dividers:"secondary",maxWidth:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{as:"label",htmlFor:"custom-textarea",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"subtitle",children:"Custom label is up here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(click me to focus the input element)"})})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{label:null,id:"custom-textarea","aria-describedby":"custom-description",placeholder:"Text field without a built-in label"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",id:"custom-description",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"body",children:"Custom description is down here"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_7__.a,{size:"caption",tone:"secondary","aria-hidden":!0,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("em",{children:"(inspect the input element accessibility properties if you are curious)"})})]})]})};WithoutLabelStory.displayName="WithoutLabelStory",InteractivePropsStory.parameters=Object.assign({storySource:{source:'function InteractivePropsStory({\n    label,\n    auxiliaryLabel,\n    ...props\n}: PartialProps<typeof TextField>) {\n    return (\n        <TextField\n            {...props}\n            label={label}\n            auxiliaryLabel={\n                auxiliaryLabel ? (\n                    \n                    <a href="#" onClick={preventDefault}>\n                        {auxiliaryLabel}\n                    </a>\n                ) : undefined\n            }\n        />\n    )\n}'}},InteractivePropsStory.parameters),MessageToneStory.parameters=Object.assign({storySource:{source:'function MessageToneStory() {\n    return (\n        <Stack space="xxlarge" dividers="secondary">\n            <TextField\n                label="Verification code"\n                message="Verifying code…"\n                tone="loading"\n                disabled\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Invalid code. Please, try again."\n                tone="error"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Code verification successful!"\n                tone="success"\n                maxWidth="small"\n            />\n            <TextField\n                label="Verification code"\n                message="Message with neutral tone (used as description, but still prefer the hint prop for that)"\n                hint="This is the primary description of the field, provided by the hint prop"\n                tone="neutral"\n                maxWidth="small"\n            />\n        </Stack>\n    )\n}'}},MessageToneStory.parameters),WithoutLabelStory.parameters=Object.assign({storySource:{source:'function WithoutLabelStory() {\n    return (\n        <Stack space="xlarge" dividers="secondary" maxWidth="small">\n            <Stack as="label" htmlFor="custom-textarea" space="small">\n                <Text size="subtitle">Custom label is up here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(click me to focus the input element)</em>\n                </Text>\n            </Stack>\n            <TextField\n                label={null}\n                id="custom-textarea"\n                aria-describedby="custom-description"\n                placeholder="Text field without a built-in label"\n            />\n            <Stack space="small" id="custom-description">\n                <Text size="body">Custom description is down here</Text>\n                <Text size="caption" tone="secondary" aria-hidden>\n                    <em>(inspect the input element accessibility properties if you are curious)</em>\n                </Text>\n            </Stack>\n        </Stack>\n    )\n}'}},WithoutLabelStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!1,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:null,description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/text-field/text-field.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text-field/text-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextField}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_base_field__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/base-field/base-field.tsx"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/text-field/text-field.module.css"),_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_text_field_module_css__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["variant","id","label","secondaryLabel","auxiliaryLabel","hint","message","tone","type","maxWidth","hidden","aria-describedby"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TextField=react__WEBPACK_IMPORTED_MODULE_4__.forwardRef((function TextField(_ref,ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"default":_ref$variant,id=_ref.id,label=_ref.label,secondaryLabel=_ref.secondaryLabel,auxiliaryLabel=_ref.auxiliaryLabel,hint=_ref.hint,message=_ref.message,tone=_ref.tone,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,maxWidth=_ref.maxWidth,hidden=_ref.hidden,ariaDescribedBy=_ref["aria-describedby"],props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_base_field__WEBPACK_IMPORTED_MODULE_5__.a,{variant:variant,id:id,label:label,secondaryLabel:secondaryLabel,auxiliaryLabel:auxiliaryLabel,hint:hint,message:message,tone:tone,maxWidth:maxWidth,hidden:hidden,"aria-describedby":ariaDescribedBy,children:function children(extraProps){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{className:[_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.inputWrapper,"error"===tone?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.error:null,"bordered"===variant?_text_field_module_css__WEBPACK_IMPORTED_MODULE_7___default.a.bordered:null],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input",Object.assign({},props,extraProps,{type:type,ref:ref}))})}})}));try{TextField.displayName="TextField",TextField.__docgenInfo={description:"",displayName:"TextField",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"url"'}]}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['secondaryLabel']\n@see BaseFieldProps ['auxiliaryLabel']",name:"label",required:!0,type:{name:"ReactNode"}},maxWidth:{defaultValue:null,description:"The maximum width that the input field can expand to.",name:"maxWidth",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"full"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'}]}},tone:{defaultValue:null,description:"The tone with which the message, if any, is presented.\n\nIf the tone is `\"error\"`, the field border turns red, and the message, if any, is also\nred.\n\nWhen the tone is `\"loading\"`, it is recommended that you also disable the field. However,\nthis is not enforced by the component. It is only a recommendation.\n@see BaseFieldProps ['message']\n@see BaseFieldProps ['hint']",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"neutral"'},{value:'"success"'},{value:'"error"'},{value:'"loading"'}]}},variant:{defaultValue:{value:"default"},description:'Provides alternative visual layouts or modes that the field can be rendered in.\n\nNamely, there are two variants supported:\n\n- the default one\n- a "bordered" variant, where the border of the field surrounds also the labels, instead\n  of just surrounding the actual field element\n\nIn both cases, the message and description texts for the field lie outside the bordered\narea.',name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"bordered"'}]}},secondaryLabel:{defaultValue:null,description:"An optional secondary label for this field element. It is combined with the `label` to\nform the field's entire accessible name (unless the field label is overriden by using\n`aria-label` or `aria-labelledby`).\n\nAvoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['auxiliaryLabel']",name:"secondaryLabel",required:!1,type:{name:"ReactNode"}},auxiliaryLabel:{defaultValue:null,description:"An optional extra element to be placed to the right of the main and secondary labels.\n\nThis extra element is not included in the accessible name of the field element. Its only\npurpose is either visual, or functional (if you include interactive elements in it).\n@see BaseFieldProps ['label']\n@see BaseFieldProps ['secondaryLabel']",name:"auxiliaryLabel",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"A message associated with the field. It is rendered below the field, and with an\nappearance that conveys the tone of the field (e.g. coloured red for errors, green for\nsuccess, etc).\n\nThe message element is associated to the field via the `aria-describedby` attribute. If a\n`hint` is provided, both the hint and the message are associated as the field accessible\ndescription.\n\nIn the future, when `aria-errormessage` gets better user agent support, we should use it\nto associate the filed with a message when tone is `\"error\"`.\n@see BaseFieldProps ['tone']\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid",name:"message",required:!1,type:{name:"ReactNode"}},hint:{defaultValue:null,description:"A hint or help-like content associated as the accessible description of the field. It is\ngenerally rendered below it, and with a visual style that reduces its prominence (i.e.\nas secondary text).\n\nIt sets the `aria-describedby` attribute pointing to the element that holds the hint\ncontent.\n@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",name:"hint",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text-field/text-field.tsx#TextField"]={docgenInfo:TextField.__docgenInfo,name:"TextField",path:"src/new-components/text-field/text-field.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/text/text.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveTextStory",(function(){return ResponsiveTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return TextPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _stack__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/stack/stack.tsx"),_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/text/text.tsx"),_storybook_helper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/storybook-helper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Design system/Text",component:_text__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["accessible"]}};var TextStory=function TextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"regular",children:"Subtitle Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"secondary",children:"Subtitle Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"danger",children:"Subtitle Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",tone:"positive",children:"Subtitle Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"semibold",children:"Subtitle Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"subtitle",weight:"bold",children:"Subtitle Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"regular",children:"Body Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"secondary",children:"Body Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"danger",children:"Body Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",tone:"positive",children:"Body Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"semibold",children:"Body Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"body",weight:"bold",children:"Body Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"regular",children:"Copy Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"secondary",children:"Copy Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"danger",children:"Copy Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",tone:"positive",children:"Copy Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"semibold",children:"Copy Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"copy",weight:"bold",children:"Copy Bold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"regular",children:"Caption Regular"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"secondary",children:"Caption Secondary"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"danger",children:"Caption Danger"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",tone:"positive",children:"Caption Positive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"semibold",children:"Caption Semibold"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{size:"caption",weight:"bold",children:"Caption Bold"})]})})};TextStory.displayName="TextStory";var TruncatedTextStory=function TruncatedTextStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_2__.a,{space:"medium",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:1,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,{lineClamp:4,children:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."})]})})};TruncatedTextStory.displayName="TruncatedTextStory";var ResponsiveTextStory=function ResponsiveTextStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.b,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props,{align:{mobile:"end",tablet:"center",desktop:"start"}}))]})};ResponsiveTextStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:{control:!1},children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}};var TextPlaygroundStory=function TextPlaygroundStory(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section",{className:"story playground",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_text__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},props))})};TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.argTypes={size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["caption","copy","body","subtitle"],"body"),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)([1,2,3,4,5],"none"),tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.f)(["normal","secondary","danger"],"normal"),align:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_4__.i)(["start","center","end","justify"],"none"),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"}},TextStory.parameters=Object.assign({storySource:{source:'function TextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text size="subtitle" weight="regular">\n                    Subtitle Regular\n                </Text>\n                <Text size="subtitle" tone="secondary">\n                    Subtitle Secondary\n                </Text>\n                <Text size="subtitle" tone="danger">\n                    Subtitle Danger\n                </Text>\n                <Text size="subtitle" tone="positive">\n                    Subtitle Positive\n                </Text>\n                <Text size="subtitle" weight="semibold">\n                    Subtitle Semibold\n                </Text>\n                <Text size="subtitle" weight="bold">\n                    Subtitle Bold\n                </Text>\n\n                <Text size="body" weight="regular">\n                    Body Regular\n                </Text>\n                <Text size="body" tone="secondary">\n                    Body Secondary\n                </Text>\n                <Text size="body" tone="danger">\n                    Body Danger\n                </Text>\n                <Text size="body" tone="positive">\n                    Body Positive\n                </Text>\n                <Text size="body" weight="semibold">\n                    Body Semibold\n                </Text>\n                <Text size="body" weight="bold">\n                    Body Bold\n                </Text>\n\n                <Text size="copy" weight="regular">\n                    Copy Regular\n                </Text>\n                <Text size="copy" tone="secondary">\n                    Copy Secondary\n                </Text>\n                <Text size="copy" tone="danger">\n                    Copy Danger\n                </Text>\n                <Text size="copy" tone="positive">\n                    Copy Positive\n                </Text>\n                <Text size="copy" weight="semibold">\n                    Copy Semibold\n                </Text>\n                <Text size="copy" weight="bold">\n                    Copy Bold\n                </Text>\n\n                <Text size="caption" weight="regular">\n                    Caption Regular\n                </Text>\n                <Text size="caption" tone="secondary">\n                    Caption Secondary\n                </Text>\n                <Text size="caption" tone="danger">\n                    Caption Danger\n                </Text>\n                <Text size="caption" tone="positive">\n                    Caption Positive\n                </Text>\n                <Text size="caption" weight="semibold">\n                    Caption Semibold\n                </Text>\n                <Text size="caption" weight="bold">\n                    Caption Bold\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TextStory.parameters),TruncatedTextStory.parameters=Object.assign({storySource:{source:'function TruncatedTextStory() {\n    return (\n        <section className="story">\n            <Stack space="medium">\n                <Text lineClamp={1}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n\n                <Text lineClamp={4}>\n                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n                    recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n                    Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n                    eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n                    tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n                    consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n                    ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n                    quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n                    temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n                    dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n                </Text>\n            </Stack>\n        </section>\n    )\n}'}},TruncatedTextStory.parameters),ResponsiveTextStory.parameters=Object.assign({storySource:{source:"function ResponsiveTextStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <>\n            <ResponsiveWidthRef />\n            <Text {...props} align={{ mobile: 'end', tablet: 'center', desktop: 'start' }} />\n        </>\n    )\n}"}},ResponsiveTextStory.parameters),TextPlaygroundStory.parameters=Object.assign({storySource:{source:'function TextPlaygroundStory(props: React.ComponentProps<typeof Text>) {\n    return (\n        <section className="story playground">\n            <Text {...props} />\n        </section>\n    )\n}'}},TextPlaygroundStory.parameters);try{ResponsiveTextStory.displayName="ResponsiveTextStory",ResponsiveTextStory.__docgenInfo={description:"",displayName:"ResponsiveTextStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#ResponsiveTextStory"]={docgenInfo:ResponsiveTextStory.__docgenInfo,name:"ResponsiveTextStory",path:"src/new-components/text/text.stories.tsx#ResponsiveTextStory"})}catch(__react_docgen_typescript_loader_error){}try{TextPlaygroundStory.displayName="TextPlaygroundStory",TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{size:{defaultValue:{value:"'body'"},description:"The size of the text.\n\nThe supported values, from smaller size to larger size, are:\n'caption', 'copy', 'body', and 'subtitle'",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"body"'},{value:'"caption"'},{value:'"copy"'},{value:'"subtitle"'}]}},weight:{defaultValue:{value:"'regular'"},description:"The weight of the text font.",name:"weight",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The tone (semantic color) of the text.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"secondary"'},{value:'"normal"'},{value:'"danger"'},{value:'"positive"'}]}},lineClamp:{defaultValue:{value:"undefined"},description:"Used to truncate the text to a given number of lines.\n\nIt will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\ntruncated. If the text fits without it being truncated, no ellipsis is added.\n\nBy default, the text is not truncated at all, no matter how many lines it takes to render it.",name:"lineClamp",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"2"},{value:"5"},{value:'"1"'},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:"1"},{value:"3"},{value:"4"},{value:'"5"'}]}},align:{defaultValue:{value:"'start'"},description:"How to align the text horizontally.",name:"align",required:!1,type:{name:"ResponsiveProp<BoxTextAlign> | undefined"}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n  semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n  implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/text/text.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Text}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/box/box.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utils/polymorphism.ts"),_text_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/new-components/text/text.module.css"),_text_module_css__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_text_module_css__WEBPACK_IMPORTED_MODULE_12__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_11__.a)((function Text(_ref,ref){var as=_ref.as,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,align=_ref.align,children=_ref.children,lineClamp=_ref.lineClamp,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),lineClampMultipleLines="string"==typeof lineClamp?Number(lineClamp)>1:(null!=lineClamp?lineClamp:1)>1;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_box__WEBPACK_IMPORTED_MODULE_10__.a,Object.assign({},props,{as:as,className:[exceptionallySetClassName,_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.text,"body"!==size?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"size",size):null,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"tone",tone):null,lineClampMultipleLines?_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a.lineClampMultipleLines:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_text_module_css__WEBPACK_IMPORTED_MODULE_12___default.a,"lineClamp",lineClamp.toString()):null],textAlign:align,paddingRight:lineClamp?"xsmall":void 0,ref:ref,children:children}))}))},"./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/toast/toast.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NotificationToastsStory",(function(){return toast_stories_NotificationToastsStory})),__webpack_require__.d(__webpack_exports__,"StaticToastStory",(function(){return toast_stories_StaticToastStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),alert_icon=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),password_visible_icon=__webpack_require__("./src/new-components/icons/password-visible-icon.tsx"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),checkbox_field=__webpack_require__("./src/new-components/checkbox-field/checkbox-field.tsx"),heading=__webpack_require__("./src/new-components/heading/heading.tsx"),inline=__webpack_require__("./src/new-components/inline/inline.tsx"),select_field=__webpack_require__("./src/new-components/select-field/select-field.tsx"),spinner=__webpack_require__("./src/new-components/spinner/spinner.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),switch_field=__webpack_require__("./src/new-components/switch-field/switch-field.tsx"),close_icon=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/new-components/icons/close-icon.tsx")),text_text=__webpack_require__("./src/new-components/text/text.tsx"),toast_module=__webpack_require__("./src/new-components/toast/toast.module.css"),toast_module_default=__webpack_require__.n(toast_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["message","description","icon","action","onDismiss","dismissLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StaticToast=react_default.a.forwardRef((function Toast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,onDismiss=_ref.onDismiss,_ref$dismissLabel=_ref.dismissLabel,dismissLabel=void 0===_ref$dismissLabel?"Close":_ref$dismissLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)(box.a,Object.assign({ref:ref,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:toast_module_default.a.toastContainer},props,{children:[icon?Object(jsx_runtime.jsx)(ToastContentSlot,{children:icon}):null,Object(jsx_runtime.jsx)(box.a,{flexGrow:1,maxWidth:"small",children:description?Object(jsx_runtime.jsxs)(stack.a,{space:"small",children:[Object(jsx_runtime.jsxs)(text_text.a,{weight:"bold",children:[message," "]}),Object(jsx_runtime.jsx)(text_text.a,{children:description})]}):Object(jsx_runtime.jsx)(text_text.a,{children:message})}),action?Object(jsx_runtime.jsx)(ToastContentSlot,{children:isActionObject(action)?Object(jsx_runtime.jsx)(button_button.a,{variant:"tertiary",size:"small",onClick:action.onClick,children:action.label}):action}):null,onDismiss?Object(jsx_runtime.jsx)(ToastContentSlot,{children:Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",size:"small",onClick:onDismiss,"aria-label":dismissLabel,icon:Object(jsx_runtime.jsx)(close_icon.a,{})})}):null]}))}));function isActionObject(action){return null!=action&&"object"==typeof action&&"label"in action&&"onClick"in action&&"string"==typeof action.label&&"function"==typeof action.onClick}function ToastContentSlot(_ref2){var children=_ref2.children;return Object(jsx_runtime.jsx)(box.a,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:toast_module_default.a.slot,children:children})}ToastContentSlot.displayName="ToastContentSlot";try{StaticToast.displayName="StaticToast",StaticToast.__docgenInfo={description:"A toast that shows a message, and an optional action associated with it.\n\nThis component is generally not meant to be used directly. Most of the time you'll want to use\ntoasts generated via `useToasts` instead. However, this component is available in case you need\nto take control of rendering a toast under different circumstances than that of notification-like\nfloating toasts.\n\nThis component makes no assumptions outwardly about how it is positioned on the screen. That is,\nit will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\nprovides the toast look and feel, but you are responsible for positioning it as you want.",displayName:"StaticToast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:{value:"Close"},description:"The label for the button that dismisses the toast.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/static-toast.tsx#StaticToast"]={docgenInfo:StaticToast.__docgenInfo,name:"StaticToast",path:"src/new-components/toast/static-toast.tsx#StaticToast"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var portal=__webpack_require__("./node_modules/ariakit/esm/portal/portal.js"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts");__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function animate(_ref){var element=_ref.element,transforms=_ref.transforms,transition=_ref.transition,done=_ref.done,fallbackTimeout=setTimeout((function(){null==done||done()}),400);transforms.forEach((function(_ref2){var property=_ref2.property,_ref2$from=_ref2.from,from=void 0===_ref2$from?"":_ref2$from;element.style.setProperty(property,from)})),element.style.setProperty("transition",""),element.addEventListener("transitionend",(function transitionEndHandler(event){event.target===element&&(element.style.setProperty("transition",""),null==done||done(),element.removeEventListener("transitionend",transitionEndHandler),clearTimeout(fallbackTimeout))})),window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){element.style.setProperty("transition",transition),transforms.forEach((function(_ref3){var property=_ref3.property,_ref3$to=_ref3.to,to=void 0===_ref3$to?"":_ref3$to;element.style.setProperty(property,to)}))}))}))}var use_toasts_excluded=["toastId"];function use_toasts_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function use_toasts_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return use_toasts_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||use_toasts_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_slicedToArray(arr,i){return function use_toasts_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function use_toasts_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||use_toasts_unsupportedIterableToArray(arr,i)||function use_toasts_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function use_toasts_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return use_toasts_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?use_toasts_arrayLikeToArray(o,minLen):void 0}}function use_toasts_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var use_toasts_InternalToast=react_default.a.forwardRef((function InternalToast(_ref,ref){var message=_ref.message,description=_ref.description,icon=_ref.icon,action=_ref.action,autoDismissDelay=_ref.autoDismissDelay,dismissLabel=_ref.dismissLabel,_ref$showDismissButto=_ref.showDismissButton,showDismissButton=void 0===_ref$showDismissButto||_ref$showDismissButto,toastId=_ref.toastId,onDismiss=_ref.onDismiss,onRemoveToast=_ref.onRemoveToast,_React$useState2=use_toasts_slicedToArray(react_default.a.useState(Boolean(autoDismissDelay)),2),timeoutRunning=_React$useState2[0],setTimeoutRunning=_React$useState2[1],timeoutRef=react_default.a.useRef(),startTimeout=react_default.a.useCallback((function startTimeout(){setTimeoutRunning(!0)}),[]),stopTimeout=react_default.a.useCallback((function stopTimeout(){setTimeoutRunning(!1),clearTimeout(timeoutRef.current),timeoutRef.current=void 0}),[]);return react_default.a.useEffect((function setupAutoDismiss(){if(timeoutRunning&&autoDismissDelay)return timeoutRef.current=window.setTimeout((function(){onRemoveToast(toastId),null==onDismiss||onDismiss()}),1e3*autoDismissDelay),stopTimeout}),[autoDismissDelay,onDismiss,onRemoveToast,toastId,stopTimeout,timeoutRunning]),Object(jsx_runtime.jsx)(StaticToast,{ref:ref,message:message,description:description,icon:icon,action:action,onDismiss:showDismissButton?function(){null==onDismiss||onDismiss(),onRemoveToast(toastId)}:void 0,dismissLabel:dismissLabel,onMouseEnter:stopTimeout,onMouseLeave:startTimeout})})),ToastsContext=react_default.a.createContext((function(){return function(){}}));function ToastsProvider(_ref2){var children=_ref2.children,_ref2$padding=_ref2.padding,padding=void 0===_ref2$padding?"large":_ref2$padding,_ref2$defaultAutoDism=_ref2.defaultAutoDismissDelay,defaultAutoDismissDelay=void 0===_ref2$defaultAutoDism?10:_ref2$defaultAutoDism,_ref2$defaultDismissL=_ref2.defaultDismissLabel,defaultDismissLabel=void 0===_ref2$defaultDismissL?"Close":_ref2$defaultDismissL,_React$useState4=use_toasts_slicedToArray(react_default.a.useState([]),2),toasts=_React$useState4[0],setToasts=_React$useState4[1],_useToastsAnimation=function useToastsAnimation(){var refs=Object(react.useMemo)((function(){return new Map}),[]),positions=Object(react.useMemo)((function(){return new Map}),[]);Object(react.useLayoutEffect)((function(){var animations=[];Array.from(refs.entries()).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),id=_ref5[0],element=_ref5[1];if(element){var prevTop=positions.get(id),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height;"number"==typeof prevTop&&prevTop!==top?animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+(prevTop-top)+"px)"}]}):"number"!=typeof prevTop&&animations.push({element:element,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:"translateY("+height+"px)"},{property:"opacity",from:"0"}]}),positions.set(id,element.getBoundingClientRect().top)}else refs.delete(id)})),animations.forEach((function(_ref6){animate({element:_ref6.element,transforms:_ref6.transforms,transition:_ref6.transition})}))}));var animateRemove=Object(react.useCallback)((function animateRemove(id,onAnimationDone){var element=refs.get(id);element&&animate({element:element,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:onAnimationDone})}),[refs]);return{mappedRef:Object(react.useCallback)((function(id){return function(ref){refs.set(id,ref)}}),[refs]),animateRemove:animateRemove}}(),mappedRef=_useToastsAnimation.mappedRef,animateRemove=_useToastsAnimation.animateRemove,removeToast=react_default.a.useCallback((function onRemoveToast(toastId){animateRemove(toastId,(function(){setToasts((function(list){var index=list.findIndex((function(n){return n.toastId===toastId}));if(index<0)return list;var copy=_toConsumableArray(list);return copy.splice(index,1),copy}))}))}),[animateRemove]),showToast=react_default.a.useCallback((function showToast(props){var toastId=Object(common_helpers.a)("toast"),newToast=Object.assign({autoDismissDelay:defaultAutoDismissDelay,dismissLabel:defaultDismissLabel},props,{toastId:toastId});return setToasts((function(list){return[].concat(_toConsumableArray(list),[newToast])})),function(){return removeToast(toastId)}}),[defaultAutoDismissDelay,defaultDismissLabel,removeToast]);return Object(jsx_runtime.jsxs)(ToastsContext.Provider,{value:showToast,children:[children,Object(jsx_runtime.jsx)(portal.a,{children:0===toasts.length?null:Object(jsx_runtime.jsx)(box.a,{className:toast_module_default.a.stackedToastsView,position:"fixed",width:"full",paddingX:padding,paddingBottom:padding,children:Object(jsx_runtime.jsx)(stack.a,{space:"medium",children:toasts.map((function(_ref3){var toastId=_ref3.toastId,props=use_toasts_objectWithoutProperties(_ref3,use_toasts_excluded);return Object(jsx_runtime.jsx)(use_toasts_InternalToast,Object.assign({ref:mappedRef(toastId),toastId:toastId,onRemoveToast:removeToast},props),toastId)}))})})})]})}function useToasts(){return react_default.a.useContext(ToastsContext)}function use_toasts_Toast(props){var showToast=useToasts(),propsRef=react_default.a.useRef(props);return react_default.a.useEffect((function(){return showToast(propsRef.current)}),[showToast]),null}ToastsProvider.displayName="ToastsProvider";try{use_toasts_Toast.displayName="Toast",use_toasts_Toast.__docgenInfo={description:'Adds a toast to be rendered, stacked alongside any other currently active toasts.\n\nFor most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\nThis component is provided for convenience to render toasts in the markup, but it has some\npeculiarities, which are discussed below.\n\nInternally, this calls `showToast`. It is provided for two reasons:\n\n1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n   toasts rendered in this way will be removed from view when the context where it is rendered\n   is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n   by the user or after a delay. They\'ll still be animated on their way out, though.\n2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n   `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when\n   the component ceases to be rendered).\n\nThis is useful for cases when the consumer wants to control when a toast is visible, and to keep\nit visible based on an app-specific condition.\n\nSomething important to note about this component is that it triggers the toast based on the props\npassed when first rendered, and it does not update the toast if these props change on subsequent\nrenders. In this sense, this is an imperative component, more than a descriptive one. This is\ndone to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\ntoast imperatively, and you loose control over it. It remains rendered according to the props you\nfirst passed.',displayName:"Toast",props:{message:{defaultValue:null,description:"The message shown in the toast.",name:"message",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}},description:{defaultValue:null,description:"An optional extra description that complements the main message shown in the toast.",name:"description",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"An icon to be shown in front of the message.",name:"icon",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\ndoes not appear.",name:"onDismiss",required:!1,type:{name:"(() => void) | undefined"}},dismissLabel:{defaultValue:null,description:"The label for the button that dismisses the toast.\nThe label for the button that dismisses the toast.\n\nIt defaults to the value set in the ToastsProvider, but individual toasts can have a\ndifferent value if needed.",name:"dismissLabel",required:!1,type:{name:"string | undefined"}},action:{defaultValue:null,description:'What to render in the action slot. Usually a button or link.\n\nYou can also pass an object that containst the action label, and a function that performs the\naction. This is used by the toast component to render a button for you.\n\nIn general, you should prefer the action object most of the time. But it is possible to pass\na React element instead, if you need more control over what to render. For instance, you may\nwant to render a link instead of a button.\n\nKeep in mind, though, that the default button rendered uses `variant="tertiary"` and\n`size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which\nare the ones that look better in the toast\'s dark background. And in all cases you should use\nsize `small`.',name:"action",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ToastActionObject | undefined"}},autoDismissDelay:{defaultValue:null,description:"The number of seconds the toast is expected to be shown before it is dismissed automatically,\nor false to disable auto-dismiss.\n\nIt defaults to whatever is the autoDismissDelay set in the ToastsProvider.",name:"autoDismissDelay",required:!1,type:{name:"number | false | undefined"}},showDismissButton:{defaultValue:{value:"true"},description:"Whether to show the dismiss button or not.\n\nUse this value with care. If combined with disabling `autoDismissDelay`, it may leave you\nwith toasts that the user won't be able to dismiss at will. It then is your responsibility to\ndismiss the toast by calling the function returned by `showToast`.",name:"showDismissButton",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#Toast"]={docgenInfo:use_toasts_Toast.__docgenInfo,name:"Toast",path:"src/new-components/toast/use-toasts.tsx#Toast"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProvider.displayName="ToastsProvider",ToastsProvider.__docgenInfo={description:"Provides the state management and rendering of the toasts currently active.\n\nYou need to render this near the top of your app components tree, in order to `useToasts`.",displayName:"ToastsProvider",props:{defaultDismissLabel:{defaultValue:{value:"Close"},description:"The default label to apply to toast dismiss buttons.\n\nThis is useful in environments that need locatization, so you do not need to pass the same\ntranslated label every time you trigger a toast.\n\nHowever, you can still apply a different label to a specific toast, by passing a different\nvalue when calling showToast.",name:"defaultDismissLabel",required:!1,type:{name:"string | undefined"}},defaultAutoDismissDelay:{defaultValue:{value:"10"},description:"The default number of seconds after which the toast will be dismissed automatically.\n\nYou can pass a different value to a specific toast when calling `showToast`. You can even\npass `false` if you want a certain toast to never be dismissed automatically.",name:"defaultAutoDismissDelay",required:!1,type:{name:"number | undefined"}},padding:{defaultValue:{value:"large"},description:"The padding used to separate the toasts from the viewport borders.",name:"padding",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"xxlarge"'}]}},children:{defaultValue:null,description:"The app wrapped by the provider.",name:"children",required:!0,type:{name:"boolean | ReactChild | ReactFragment | ReactPortal"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProvider"]={docgenInfo:ToastsProvider.__docgenInfo,name:"ToastsProvider",path:"src/new-components/toast/use-toasts.tsx#ToastsProvider"})}catch(__react_docgen_typescript_loader_error){}try{useToasts.displayName="useToasts",useToasts.__docgenInfo={description:"Provides a function `showToast` that shows a new toast every time you call it.\n\n```jsx\nconst showToast = useToasts()\n\n<button onClick={() => showToast({ message: 'Hello' })}>\n  Say hello\n</button>\n```\n\nAll toasts fired via this function are rendered in a global fixed location, and stacked one on\ntop of the other.\n\nWhen called, `showToast` returns a function that dismisses the toast when called.",displayName:"useToasts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#useToasts"]={docgenInfo:useToasts.__docgenInfo,name:"useToasts",path:"src/new-components/toast/use-toasts.tsx#useToasts"})}catch(__react_docgen_typescript_loader_error){}try{ToastProps.displayName="ToastProps",ToastProps.__docgenInfo={description:"The props needed to fire up a new notification toast.",displayName:"ToastProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastProps"]={docgenInfo:ToastProps.__docgenInfo,name:"ToastProps",path:"src/new-components/toast/use-toasts.tsx#ToastProps"})}catch(__react_docgen_typescript_loader_error){}try{ToastsProviderProps.displayName="ToastsProviderProps",ToastsProviderProps.__docgenInfo={description:"The props needed by the ToastsProvider component.",displayName:"ToastsProviderProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/toast/use-toasts.tsx#ToastsProviderProps"]={docgenInfo:ToastsProviderProps.__docgenInfo,name:"ToastsProviderProps",path:"src/new-components/toast/use-toasts.tsx#ToastsProviderProps"})}catch(__react_docgen_typescript_loader_error){}function toast_stories_slicedToArray(arr,i){return function toast_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function toast_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function toast_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return toast_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return toast_stories_arrayLikeToArray(o,minLen)}(arr,i)||function toast_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function toast_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Design system/Toast",parameters:{badges:["accessible"],layout:"fullscreen"},decorators:[function(Story){return Object(jsx_runtime.jsx)(ToastsProvider,{children:Object(jsx_runtime.jsx)(Story,{})})}]};var toast_stories_message=["Task was successfully deleted","Message was sent","Someone invited you to collaborate on a project","The project could not be deleted because there are other members collaborating on it","Your invitation could not be sent. Please try again.","There was an error trying to delete the channel. Please, try again.","An unknown error happened. If the issue persist, contact our support team."],actions=["Undo","Retry","Details"];function getRandom(list){return list[Math.floor(Math.random()*list.length)]}var toast_stories_NotificationToastsStory=function NotificationToastsStory(){var showToast=useToasts(),count=react.useRef(0),_React$useState2=toast_stories_slicedToArray(react.useState(!1),2),showSticky=_React$useState2[0],setShowSticky=_React$useState2[1];return Object(jsx_runtime.jsxs)(box.a,{padding:"large",children:[Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"useToast"})," hook to fire notification-like toasts."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return showToast({message:count.current+++": "+getRandom(toast_stories_message)})},children:"Show toast"}),Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){var actionLabel=getRandom(actions);showToast({message:count.current+++": "+getRandom(toast_stories_message),action:{label:actionLabel,onClick:Object(esm.action)(actionLabel)}})},children:"Show toast with action"})]})}),Object(jsx_runtime.jsx)(switch_field.a,{label:"Show sticky toast?",checked:showSticky,onChange:function onChange(event){return setShowSticky(event.target.checked)},hint:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Using the ",Object(jsx_runtime.jsx)("code",{children:"<Toast/>"})," component, you can achieve having a toast that remains in view, and you control when it goes away."]})})]}),showSticky?Object(jsx_runtime.jsx)(use_toasts_Toast,{message:"This is a sticky toast",showDismissButton:!1,autoDismissDelay:!1}):null]})};toast_stories_NotificationToastsStory.displayName="NotificationToastsStory";var toast_stories_StaticToastStory=function StaticToastStory(){var _React$useState4=toast_stories_slicedToArray(react.useState(!1),2),showIcon=_React$useState4[0],setShowIcon=_React$useState4[1],_React$useState6=toast_stories_slicedToArray(react.useState(!1),2),showDismiss=_React$useState6[0],setShowDismiss=_React$useState6[1],_React$useState8=toast_stories_slicedToArray(react.useState("none"),2),actionVariant=_React$useState8[0],setActionVariant=_React$useState8[1],onClick=Object(esm.action)("Toast action"),action="default"===actionVariant?{label:"Accept invitation",onClick:onClick}:"loading"===actionVariant?Object(jsx_runtime.jsx)(spinner.a,{size:16}):"icon-button"===actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:"quaternary",icon:Object(jsx_runtime.jsx)(password_visible_icon.a,{}),"aria-label":"Done",size:"small",onClick:onClick}):"none"!==actionVariant?Object(jsx_runtime.jsx)(button_button.a,{variant:actionVariant,onClick:onClick,children:"Accept invitation"}):void 0,commonProps={icon:showIcon?Object(jsx_runtime.jsx)(alert_icon.a,{tone:"info"}):void 0,onDismiss:showDismiss?function(){}:void 0,action:action};return Object(jsx_runtime.jsxs)(stack.a,{space:"xlarge",padding:"large",children:[Object(jsx_runtime.jsx)(heading.a,{level:1,size:"larger",children:"Statically-rendered toasts"}),Object(jsx_runtime.jsxs)(text_text.a,{children:["Use the ",Object(jsx_runtime.jsx)("code",{children:"StaticToast"})," component to render a toast in custom positions."]}),Object(jsx_runtime.jsx)(box.a,{children:Object(jsx_runtime.jsxs)(inline.a,{space:"large",children:[Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show icon?",checked:showIcon,onChange:function onChange(event){return setShowIcon(event.target.checked)}}),Object(jsx_runtime.jsx)(checkbox_field.a,{label:"Show dismiss button?",checked:showDismiss,onChange:function onChange(event){return setShowDismiss(event.target.checked)}})]})}),Object(jsx_runtime.jsxs)(select_field.a,{label:"Action button variant",value:actionVariant,onChange:function onChange(event){setActionVariant(event.target.value)},maxWidth:"xsmall",children:[Object(jsx_runtime.jsx)("option",{value:"none",children:"none"}),Object(jsx_runtime.jsx)("option",{value:"default",children:"default"}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom button",children:[Object(jsx_runtime.jsx)("option",{value:"primary",children:"primary"}),Object(jsx_runtime.jsx)("option",{value:"secondary",children:"secondary"}),Object(jsx_runtime.jsx)("option",{value:"tertiary",children:"tertiary"}),Object(jsx_runtime.jsx)("option",{value:"quaternary",children:"quaternary"})]}),Object(jsx_runtime.jsxs)("optgroup",{label:"Custom element",children:[Object(jsx_runtime.jsx)("option",{value:"icon-button",children:"icon-button"}),Object(jsx_runtime.jsx)("option",{value:"loading",children:"loading"})]})]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message only"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project"},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Message and description"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"Someone invited you to collaborate on a project",description:"You need to accept the invitation in order to collaborate."},commonProps))]}),Object(jsx_runtime.jsxs)(stack.a,{space:"medium",children:[Object(jsx_runtime.jsx)(heading.a,{level:"2",children:"Very long content"}),Object(jsx_runtime.jsx)(StaticToast,Object.assign({message:"The project you were invited to could not be loaded into your workspace at this time",description:"Please, try to access the project again in a few minutes. If the problem persists, contact our support team"},commonProps))]})]})};toast_stories_StaticToastStory.displayName="StaticToastStory",toast_stories_NotificationToastsStory.parameters=Object.assign({storySource:{source:'function NotificationToastsStory() {\n    const showToast = useToasts()\n    const count = React.useRef(0)\n    const [showSticky, setShowSticky] = React.useState(false)\n    return (\n        <Box padding="large">\n            <Stack space="xlarge">\n                <Heading level={1} size="larger">\n                    Toasts\n                </Heading>\n                <Text>\n                    Use the <code>useToast</code> hook to fire notification-like toasts.\n                </Text>\n                <Box>\n                    <Inline space="large">\n                        <Button\n                            variant="primary"\n                            onClick={() =>\n                                showToast({ message: `${count.current++}: ${getRandom(message)}` })\n                            }\n                        >\n                            Show toast\n                        </Button>\n                        <Button\n                            variant="primary"\n                            onClick={() => {\n                                const actionLabel = getRandom(actions)\n                                showToast({\n                                    message: `${count.current++}: ${getRandom(message)}`,\n                                    action: {\n                                        label: actionLabel,\n                                        onClick: storybookAction(actionLabel),\n                                    },\n                                })\n                            }}\n                        >\n                            Show toast with action\n                        </Button>\n                    </Inline>\n                </Box>\n                <SwitchField\n                    label="Show sticky toast?"\n                    checked={showSticky}\n                    onChange={(event) => setShowSticky(event.target.checked)}\n                    hint={\n                        <>\n                            Using the <code>&lt;Toast/&gt;</code> component, you can achieve having\n                            a toast that remains in view, and you control when it goes away.\n                        </>\n                    }\n                />\n            </Stack>\n            {showSticky ? (\n                <Toast\n                    message="This is a sticky toast"\n                    showDismissButton={false}\n                    autoDismissDelay={false}\n                />\n            ) : null}\n        </Box>\n    )\n}'}},toast_stories_NotificationToastsStory.parameters),toast_stories_StaticToastStory.parameters=Object.assign({storySource:{source:'function StaticToastStory() {\n    const [showIcon, setShowIcon] = React.useState(false)\n    const [showDismiss, setShowDismiss] = React.useState(false)\n    const [actionVariant, setActionVariant] = React.useState<\n        ButtonProps[\'variant\'] | \'default\' | \'loading\' | \'icon-button\' | \'none\'\n    >(\'none\')\n\n    const onClick = storybookAction(\'Toast action\')\n    const action: StaticToastProps[\'action\'] =\n        actionVariant === \'default\' ? (\n            { label: \'Accept invitation\', onClick }\n        ) : actionVariant === \'loading\' ? (\n            <Spinner size={16} />\n        ) : actionVariant === \'icon-button\' ? (\n            <Button\n                variant="quaternary"\n                icon={<PasswordVisibleIcon />}\n                aria-label="Done"\n                size="small"\n                onClick={onClick}\n            />\n        ) : actionVariant !== \'none\' ? (\n            <Button variant={actionVariant} onClick={onClick}>\n                Accept invitation\n            </Button>\n        ) : undefined\n\n    const commonProps = {\n        icon: showIcon ? <AlertIcon tone="info" /> : undefined,\n        onDismiss: showDismiss ? () => undefined : undefined,\n        action,\n    }\n\n    return (\n        <Stack space="xlarge" padding="large">\n            <Heading level={1} size="larger">\n                Statically-rendered toasts\n            </Heading>\n            <Text>\n                Use the <code>StaticToast</code> component to render a toast in custom positions.\n            </Text>\n            <Box>\n                <Inline space="large">\n                    <CheckboxField\n                        label="Show icon?"\n                        checked={showIcon}\n                        onChange={(event) => setShowIcon(event.target.checked)}\n                    />\n                    <CheckboxField\n                        label="Show dismiss button?"\n                        checked={showDismiss}\n                        onChange={(event) => setShowDismiss(event.target.checked)}\n                    />\n                </Inline>\n            </Box>\n            <SelectField\n                label="Action button variant"\n                value={actionVariant}\n                onChange={(event) => {\n                    // @ts-expect-error\n                    setActionVariant(event.target.value)\n                }}\n                maxWidth="xsmall"\n            >\n                <option value="none">none</option>\n                <option value="default">default</option>\n                <optgroup label="Custom button">\n                    <option value="primary">primary</option>\n                    <option value="secondary">secondary</option>\n                    <option value="tertiary">tertiary</option>\n                    <option value="quaternary">quaternary</option>\n                </optgroup>\n                <optgroup label="Custom element">\n                    <option value="icon-button">icon-button</option>\n                    <option value="loading">loading</option>\n                </optgroup>\n            </SelectField>\n\n            <Stack space="medium">\n                <Heading level="2">Message only</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Message and description</Heading>\n                <StaticToast\n                    message="Someone invited you to collaborate on a project"\n                    description="You need to accept the invitation in order to collaborate."\n                    {...commonProps}\n                />\n            </Stack>\n\n            <Stack space="medium">\n                <Heading level="2">Very long content</Heading>\n                <StaticToast\n                    message="The project you were invited to could not be loaded into your workspace at this time"\n                    description="Please, try to access the project again in a few minutes. If the problem persists, contact our support team"\n                    {...commonProps}\n                />\n            </Stack>\n        </Stack>\n    )\n}'}},toast_stories_StaticToastStory.parameters)},"./src/utils/polymorphism.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return polymorphicComponent}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function polymorphicComponent(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}},"./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":"./stories/components/Avatar.stories.tsx","./components/ColorPicker.stories.tsx":"./stories/components/ColorPicker.stories.tsx","./components/Dropdown.stories.tsx":"./stories/components/Dropdown.stories.tsx","./components/Input.stories.tsx":"./stories/components/Input.stories.tsx","./components/KeyCapturer.stories.mdx":"./stories/components/KeyCapturer.stories.mdx","./components/KeyboardShortcut.stories.tsx":"./stories/components/KeyboardShortcut.stories.tsx","./components/Notification.stories.tsx":"./stories/components/Notification.stories.tsx","./components/ProgressBar.stories.tsx":"./stories/components/ProgressBar.stories.tsx","./components/Select.stories.tsx":"./stories/components/Select.stories.tsx","./components/Time.stories.tsx":"./stories/components/Time.stories.tsx","./components/Tooltip.stories.tsx":"./stories/components/Tooltip.stories.tsx","./components/color.stories.tsx":"./stories/components/color.stories.tsx","./reactist/Reactist.stories.mdx":"./stories/reactist/Reactist.stories.mdx","./reactist/nesting-vs-polymorphism.stories.mdx":"./stories/reactist/nesting-vs-polymorphism.stories.mdx","./reactist/simplified-nested-markup.stories.mdx":"./stories/reactist/simplified-nested-markup.stories.mdx","./reactist/single-child-stack-columns.stories.mdx":"./stories/reactist/single-child-stack-columns.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./stories sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},"./stories/components/Avatar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/avatar_story.less"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/avatar/avatar.tsx"),_src__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/inline/inline.tsx"),_src__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Avatar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.withKnobs],component:_src__WEBPACK_IMPORTED_MODULE_5__.a};var exampleData=[{size:"xxs",user:{name:"Henning Mu",email:"henning@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xs",user:{name:"João Va",email:"joao@foo.com"},image:"https://loremflickr.com/320/320"},{size:"s",user:{name:"Amir Sa",email:"amir@foo.com"},image:"https://loremflickr.com/320/320"},{size:"m",user:{name:"Alex Mu",email:"alex@foo.com"},image:"https://loremflickr.com/320/320"},{size:"l",user:{name:"Julia",email:"julia@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xl",user:{name:"Janusz Gr",email:"janusz@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxl",user:{name:"Jaime Az",email:"jaime@foo.com"},image:"https://loremflickr.com/320/320"},{size:"xxxl",user:{name:"Igor Kh",email:"igor@foo.com"},image:"https://loremflickr.com/320/320"}],InitialsAvatarStory=function InitialsAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user},index)}))})};InitialsAvatarStory.displayName="InitialsAvatarStory";var CustomColorAvatarStory=function CustomColorAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{colorList:["palevioletred","palegoldenrod","palegreen","paleturquoise"],size:data.size,user:data.user},index)}))})};CustomColorAvatarStory.displayName="CustomColorAvatarStory";var PictureAvatarStory=function PictureAvatarStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_6__.a,{space:"small",children:exampleData.map((function(data,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,{size:data.size,user:data.user,avatarUrl:data.image},index)}))})};PictureAvatarStory.displayName="PictureAvatarStory";var AvatarPlaygroundStory=function AvatarPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_7__.a,{className:"story Avatar",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({},args,{user:{name:args.userName,email:args.email}}))})};AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.args={size:"l",avatarUrl:"https://loremflickr.com/320/320",userName:"",email:""},AvatarPlaygroundStory.argTypes={size:{type:"select",options:["xxs","xs","s","m","l","xl","xxl","xxxl"]},avatarUrl:{control:{type:"text"}},userName:{control:{type:"text"}},email:{control:{type:"text"}},className:{control:{type:null}},user:{control:{type:null}},colorList:{control:{type:null}}},InitialsAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} />\n        ))}\n    </Inline>\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=Object.assign({storySource:{source:"() => (\n    <Inline space=\"small\">\n        {exampleData.map((data, index) => (\n            <Avatar\n                colorList={['palevioletred', 'palegoldenrod', 'palegreen', 'paleturquoise']}\n                key={index}\n                size={data.size}\n                user={data.user}\n            />\n        ))}\n    </Inline>\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=Object.assign({storySource:{source:'() => (\n    <Inline space="small">\n        {exampleData.map((data, index) => (\n            <Avatar key={index} size={data.size} user={data.user} avatarUrl={data.image} />\n        ))}\n    </Inline>\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <Box className="story Avatar">\n            <Avatar\n                {...args}\n                user={{\n                    name: args.userName,\n                    email: args.email,\n                }}\n            />\n        </Box>\n    )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ColorPicker.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),deprecated_dropdown=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),tooltip_tooltip=__webpack_require__("./src/components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/color-picker/color-picker.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),COLORS=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return Object(jsx_runtime.jsxs)(deprecated_dropdown.a.Box,{right:!0,className:"reactist_color_picker",children:[Object(jsx_runtime.jsx)(deprecated_dropdown.a.Trigger,{children:(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),Object(jsx_runtime.jsx)("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor},children:Object(jsx_runtime.jsx)("span",{className:"color_trigger--inner_ring"})}))}),Object(jsx_runtime.jsx)(deprecated_dropdown.a.Body,{children:Object(jsx_runtime.jsx)("div",{className:"color_options",children:colorList.reduce((function(items,currentColor,currentIndex){return items.push(Object(jsx_runtime.jsx)(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null},currentIndex)),items}),[])})})]})}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=Object(jsx_runtime.jsx)("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)},children:Object(jsx_runtime.jsx)("span",{className:"color_item--inner_ring"})});return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:item}):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:{value:"[\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]"},description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/ColorPicker",component:components_color_picker,parameters:{badges:["notAccessible"]}};var ColorPicker_stories_ColorPickersStory=function ColorPickersStory(){var _React$useState2=_slicedToArray(react.useState(0),2),color=_React$useState2[0],setColor=_React$useState2[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor})]})};ColorPicker_stories_ColorPickersStory.displayName="ColorPickersStory";var ColorPicker_stories_CustomColorPickersStory=function CustomColorPickersStory(){var _React$useState4=_slicedToArray(react.useState(0),2),color=_React$useState4[0],setColor=_React$useState4[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:["red","green","palegoldenrod","#FF00FF"]})]})};ColorPicker_stories_CustomColorPickersStory.displayName="CustomColorPickersStory";var ColorPicker_stories_NamedColorPickersStory=function NamedColorPickersStory(){var _React$useState6=_slicedToArray(react.useState(0),2),color=_React$useState6[0],setColor=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Named Colors Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{color:color,onChange:setColor,colorList:[{color:"red",name:"Red"},{color:"green",name:"Green"},{color:"palegoldenrod",name:"Gold"},{color:"#FF00FF",name:"Pink"},{color:"#ABCDEF",name:"Blue-Gray-ish"}]})]})};ColorPicker_stories_NamedColorPickersStory.displayName="NamedColorPickersStory";var ColorPicker_stories_SmallColorPickerStory=function SmallColorPickerStory(){var _React$useState8=_slicedToArray(react.useState(0),2),color=_React$useState8[0],setColor=_React$useState8[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Small Color Picker"}),Object(jsx_runtime.jsx)(components_color_picker,{small:!0,color:color,onChange:setColor})]})};ColorPicker_stories_SmallColorPickerStory.displayName="SmallColorPickerStory",ColorPicker_stories_ColorPickersStory.parameters=Object.assign({storySource:{source:'function ColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Color Picker</p>\n            <ColorPicker color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=Object.assign({storySource:{source:"function CustomColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Custom Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={['red', 'green', 'palegoldenrod', '#FF00FF']}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=Object.assign({storySource:{source:"function NamedColorPickersStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className=\"story\">\n            <p>Named Colors Color Picker</p>\n            <ColorPicker\n                color={color}\n                onChange={setColor}\n                colorList={[\n                    { color: 'red', name: 'Red' },\n                    { color: 'green', name: 'Green' },\n                    { color: 'palegoldenrod', name: 'Gold' },\n                    { color: '#FF00FF', name: 'Pink' },\n                    { color: '#ABCDEF', name: 'Blue-Gray-ish' },\n                ]}\n            />\n        </section>\n    )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=Object.assign({storySource:{source:'function SmallColorPickerStory() {\n    const [color, setColor] = React.useState<number>(0)\n\n    return (\n        <section className="story">\n            <p>Small Color Picker</p>\n            <ColorPicker small color={color} onChange={setColor} />\n        </section>\n    )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},"./stories/components/Dropdown.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/deprecated-button/index.ts"),_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/deprecated-dropdown/index.ts"),_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/alert/alert.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/stack/stack.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Dropdown",component:_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a,parameters:{badges:["notAccessible","deprecated"]}};var DropdownStory=function DropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_5__.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_new_components_alert__WEBPACK_IMPORTED_MODULE_4__.a,{tone:"critical",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"Deprecated:"})," While not a 1:1 replacement, consider using"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"/?path=/docs/components-menu",children:"Menu"})," as an alternative"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show dropdown"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{children:"Dropdown Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"You can add anything"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"you want to a dropdown"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"(e.g. lists and headings)"})]})]})})]})]})})};DropdownStory.displayName="DropdownStory";var InteractiveDropdownStory=function InteractiveDropdownStory(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("section",{className:"story",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Box,{allowBodyInteractions:!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Trigger,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"primary",children:"Trigger: Click to show interactive dropdown (will not close when clicking on it)"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_src_components_deprecated_dropdown__WEBPACK_IMPORTED_MODULE_3__.a.Body,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{children:"Wow this is interactive"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("ul",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"Click outside"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("li",{children:"to close this"})]})]})})]})})};InteractiveDropdownStory.displayName="InteractiveDropdownStory",DropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{\' \'}\n                <a href="/?path=/docs/components-menu">Menu</a> as an alternative\n            </Alert>\n\n            <Dropdown.Box>\n                <Dropdown.Trigger>\n                    <Button variant="primary">Trigger: Click to show dropdown</Button>\n                </Dropdown.Trigger>\n                <Dropdown.Body>\n                    <div>\n                        <h2>Dropdown Content</h2>\n                        <ul>\n                            <li>You can add anything</li>\n                            <li>you want to a dropdown</li>\n                            <li>(e.g. lists and headings)</li>\n                        </ul>\n                    </div>\n                </Dropdown.Body>\n            </Dropdown.Box>\n        </Stack>\n    </section>\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <Dropdown.Box allowBodyInteractions>\n            <Dropdown.Trigger>\n                <Button variant="primary">\n                    Trigger: Click to show interactive dropdown (will not close when clicking on it)\n                </Button>\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div>\n                    <h1>Wow this is interactive</h1>\n                    <ul>\n                        <li>Click outside</li>\n                        <li>to close this</li>\n                    </ul>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    </section>\n)'}},InteractiveDropdownStory.parameters)},"./stories/components/Input.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-input/input.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Input=react.forwardRef((function(props,ref){var className=classnames_default()("reactist_input",props.className);return Object(jsx_runtime.jsx)("input",Object.assign({},props,{className:className,ref:ref}))}));Input.displayName="Input";try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{className:{defaultValue:null,description:"Additional css class applied to the input.",name:"className",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/deprecated-input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var deprecated_input=Input,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),Input_stories_InputStory=(__webpack_require__("./stories/components/styles/input_story.less"),__webpack_exports__.default={title:"Components/Input",component:deprecated_input,parameters:{badges:["deprecated"]}},function InputStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsxs)("div",{className:"story-info",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-textfield",children:"TextField"})," instead"]}),Object(jsx_runtime.jsxs)("p",{children:["This component is a dumb wrapper around the",Object(jsx_runtime.jsx)("code",{children:" <input />"})," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",Object(jsx_runtime.jsx)("code",{children:"<input />"})," element."]})]}),Object(jsx_runtime.jsx)(deprecated_input,{placeholder:"Simple input wrapper"})]})});Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_input,Object.assign({},args))})};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <div className="story-info">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-textfield">TextField</a> instead\n            </Alert>\n            <p>\n                This component is a dumb wrapper around the\n                <code> &lt;input /&gt;</code> element which justs add a class name to give it is\n                unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n                directly applied onto the underlying <code>&lt;input /&gt;</code> element.\n            </p>\n        </div>\n        <Input placeholder="Simple input wrapper" />\n    </section>\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <Input {...args} />\n    </section>\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/KeyCapturer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"<input>"))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"<KeyCapturer\n    onEnter={ this._handleEnter }\n    onBackspace={ this._handleBackspace }\n    propagateBackspace\n>\n    <input value={ value } onChange={ this._handleChange } />\n</KeyCapturer>\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/components/KeyboardShortcut.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/components/keyboard-shortcut/keyboard-shortcut.less"),__webpack_require__("./src/components/keyboard-shortcut/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/KeyboardShortcut",parameters:{badges:["accessible"]}};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("section",{className:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("pre",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("code",{children:["<KeyboardShortcut>",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"  ","string"==typeof shortcut?shortcut:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:["{",JSON.stringify(shortcut),"}"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br",{}),"</KeyboardShortcut>"]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"On macOS:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!0,children:shortcut})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("strong",{children:"Elsewhere:"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_6__.a,{isMac:!1,children:shortcut})]})]})};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_4__.text)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=Object.assign({storySource:{source:"(args) => {\n    const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n    return (\n        <section className=\"story\">\n            <pre>\n                <code>\n                    &lt;KeyboardShortcut&gt;\n                    <br />\n                    &nbsp;&nbsp;\n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        </>\n                    )}\n                    <br />\n                    &lt;/KeyboardShortcut&gt;\n                </code>\n            </pre>\n            <p>\n                <strong>On macOS:</strong>\n                <KeyboardShortcut isMac={true}>{shortcut}</KeyboardShortcut>\n            </p>\n            <p>\n                <strong>Elsewhere:</strong>\n                <KeyboardShortcut isMac={false}>{shortcut}</KeyboardShortcut>\n            </p>\n        </section>\n    )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Notification.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory})),__webpack_require__.d(__webpack_exports__,"AccessibilityExample",(function(){return Notification_stories_AccessibilityExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),text_text=__webpack_require__("./src/new-components/text/text.tsx"),text_field=__webpack_require__("./src/new-components/text-field/text-field.tsx"),avatar=__webpack_require__("./src/new-components/avatar/avatar.tsx"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CloseIcon_svg_CloseIcon=function CloseIcon(){return Object(jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:Object(jsx_runtime.jsx)("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"})})};CloseIcon_svg_CloseIcon.displayName="CloseIcon";var CloseIcon_svg=CloseIcon_svg_CloseIcon,_excluded=(__webpack_require__("./src/components/deprecated-notification/deprecated-notification.less"),["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","aria-live"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DeprecatedNotification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,_ref$ariaLive=_ref["aria-live"],ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,rest=_objectWithoutProperties(_ref,_excluded),titleId=title?id+"-title":null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?id+"-subtitle":null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?id+"-content":null,contentIdAttribute=children?{id:id+"-content"}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=Object(jsx_runtime.jsx)("div",Object.assign({className:"reactist-notification__content"},contentIdAttribute,{children:null!=children?children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?Object(jsx_runtime.jsx)("h3",Object.assign({className:"reactist-notification__title"},titleIdAttribute,{children:title})):null,subtitle?Object(jsx_runtime.jsx)("p",Object.assign({className:"reactist-notification__subtitle"},subtitleIdAttribute,{children:subtitle})):null]})})),notificationBody=Object(jsx_runtime.jsxs)("div",{className:"reactist-notification__icon-content-group",children:[null!=icon?icon:null,notificationContent]});return Object(jsx_runtime.jsxs)("div",Object.assign({id:id,role:"alert",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)}),"aria-live":ariaLive},ariaLabelledBy,ariaDescribedBy,rest,{children:[onClick?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__button",onClick:onClick,children:notificationBody}):notificationBody,onClose?Object(jsx_runtime.jsx)("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText,children:null!=customCloseButton?customCloseButton:Object(jsx_runtime.jsx)(CloseIcon_svg,{})}):null]}))}DeprecatedNotification.displayName="DeprecatedNotification";try{DeprecatedNotification.displayName="DeprecatedNotification",DeprecatedNotification.__docgenInfo={description:"",displayName:"DeprecatedNotification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<HTMLDivElement>) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"]={docgenInfo:DeprecatedNotification.__docgenInfo,name:"DeprecatedNotification",path:"src/components/deprecated-notification/deprecated-notification.tsx#DeprecatedNotification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./stories/components/styles/notification_story.less");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/DeprecatedNotification",component:DeprecatedNotification,parameters:{badges:["accessible","deprecated"]}};var Notification_stories_StandardNotificationStory=function StandardNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Standard Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"standard-notification",icon:Object(jsx_runtime.jsx)("span",{className:"notification-story-notification-dot"}),title:"You have a new message!",subtitle:"Click here to view.",onClose:Object(esm.action)("onClose"),onClick:Object(esm.action)("onClick")})]})};Notification_stories_StandardNotificationStory.displayName="StandardNotificationStory";var Notification_stories_NonClickableNotificationStory=function NonClickableNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Non-clickable Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"non-clickable-notification",title:"Your task is due in 5 hours",subtitle:"Keep going!",onClose:Object(esm.action)("onClose")})]})};Notification_stories_NonClickableNotificationStory.displayName="NonClickableNotificationStory";var Notification_stories_CustomContentNotificationStory=function CustomContentNotificationStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Custom Content Notification"}),Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"custom-content-notification",icon:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Brock Lesnar",email:"brock@twist.com"}}),onClose:Object(esm.action)("onClose"),className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("div",{className:"notification-story-content",children:[Object(jsx_runtime.jsx)("p",{className:"notification-story-text",children:"You received a message from Brock"}),Object(jsx_runtime.jsx)("h4",{className:"notification-story-heading",children:"Better not leave him hanging"})]})})]})};Notification_stories_CustomContentNotificationStory.displayName="CustomContentNotificationStory";var Notification_stories_NotificationPlaygroundStory=function NotificationPlaygroundStory(args){var onClose=args.onClose?Object(esm.action)("onClose"):void 0,onClick=args.onClick?Object(esm.action)("onClick"):void 0,icon=args.icon?Object(jsx_runtime.jsx)("div",{className:"notification-story-avatar-container",children:Object(jsx_runtime.jsx)(avatar.a,{size:"s",user:{name:"Ada bot",email:"adabot@twist.com"}})}):null,children=args.children?Object(jsx_runtime.jsx)("div",{className:"notification-story-notification-container",children:Object(jsx_runtime.jsxs)("p",{className:"notification-story-text",children:["If children is provided, then"," ",Object(jsx_runtime.jsx)("strong",{children:"it will be rendered instead of the title and subtitle"})]})}):null;return Object(jsx_runtime.jsx)("section",{className:"story playground",children:Object(jsx_runtime.jsx)(DeprecatedNotification,Object.assign({id:"playground-notification"},args,{onClose:onClose,onClick:onClick,icon:icon,children:children}))})};Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory";var Notification_stories_AccessibilityExample=function AccessibilityExample(){var _React$useState2=_slicedToArray(react.useState("Test message"),2),textContent=_React$useState2[0],setTextContent=_React$useState2[1],_React$useState4=_slicedToArray(react.useState(textContent),2),notificationContent=_React$useState4[0],setNotificationContent=_React$useState4[1],_React$useState6=_slicedToArray(react.useState("assertive"),2),currentAriaLive=_React$useState6[0],setCurrentAriaLive=_React$useState6[1];return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)(DeprecatedNotification,{id:"notification-off","aria-live":currentAriaLive,title:notificationContent,onClose:Object(esm.action)("onClose")}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",justifyContent:"spaceBetween",marginTop:"xlarge",children:[Object(jsx_runtime.jsxs)(box.a,{children:[Object(jsx_runtime.jsxs)(box.a,{marginTop:"medium",display:"flex",flexDirection:"row",alignItems:"center",onChange:function onChangeValue(event){setCurrentAriaLive(event.target.value)},children:[Object(jsx_runtime.jsx)("input",{type:"radio",id:"off",name:"aria-live",value:"off",checked:"off"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"off",children:'aria-live="off"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"polite",name:"aria-live",value:"polite",checked:"polite"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"polite",children:'aria-live="polite"'}),Object(jsx_runtime.jsx)("input",{type:"radio",id:"assertive",name:"aria-live",value:"assertive",checked:"assertive"===currentAriaLive}),Object(jsx_runtime.jsx)("label",{htmlFor:"assertive",children:'aria-live="assertive"'})]}),Object(jsx_runtime.jsx)("br",{}),"off"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will not be announced by a screen reader."}):null,"polite"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader after the current content."}):null,"assertive"===currentAriaLive?Object(jsx_runtime.jsx)(text_text.a,{tone:"secondary",children:"Changes will be announced by a screen reader immediately."}):null]}),Object(jsx_runtime.jsxs)(box.a,{display:"flex",flexDirection:"row",alignItems:"flexEnd",children:[Object(jsx_runtime.jsx)(text_field.a,{label:"Content",value:textContent,onChange:function onChange(event){return setTextContent(event.currentTarget.value)}})," ",Object(jsx_runtime.jsx)(button_button.a,{variant:"primary",onClick:function onClick(){return setNotificationContent(textContent)},children:"Submit"})]})]})]})};Notification_stories_AccessibilityExample.displayName="AccessibilityExample",Notification_stories_NotificationPlaygroundStory.args={title:"You have a new notification",subtitle:"Click to open",closeAltText:"Close me!",icon:!0,children:!1,onClose:!0,onClick:!0},Notification_stories_NotificationPlaygroundStory.argTypes={icon:{control:{type:"boolean"}},onClose:{control:{type:"boolean"}},onClick:{control:{type:"boolean"}},className:{control:{type:null}},customCloseButton:{control:{type:null}},id:{control:{type:null}}},Notification_stories_StandardNotificationStory.parameters=Object.assign({storySource:{source:'function StandardNotificationStory() {\n    return (\n        <section className="story">\n            <p>Standard Notification</p>\n            <DeprecatedNotification\n                id="standard-notification"\n                icon={<span className="notification-story-notification-dot" />}\n                title="You have a new message!"\n                subtitle="Click here to view."\n                onClose={action(\'onClose\')}\n                onClick={action(\'onClick\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=Object.assign({storySource:{source:'function NonClickableNotificationStory() {\n    return (\n        <section className="story">\n            <p>Non-clickable Notification</p>\n            <DeprecatedNotification\n                id="non-clickable-notification"\n                title="Your task is due in 5 hours"\n                subtitle="Keep going!"\n                onClose={action(\'onClose\')}\n            />\n        </section>\n    )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=Object.assign({storySource:{source:'function CustomContentNotificationStory() {\n    return (\n        <section className="story">\n            <p>Custom Content Notification</p>\n            <DeprecatedNotification\n                id="custom-content-notification"\n                icon={<Avatar size="s" user={{ name: \'Brock Lesnar\', email: \'brock@twist.com\' }} />}\n                onClose={action(\'onClose\')}\n                className="notification-story-notification-container"\n            >\n                <div className="notification-story-content">\n                    <p className="notification-story-text">You received a message from Brock</p>\n                    <h4 className="notification-story-heading">Better not leave him hanging</h4>\n                </div>\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=Object.assign({storySource:{source:'function NotificationPlaygroundStory(args) {\n    const onClose = args.onClose ? action(\'onClose\') : undefined\n    const onClick = args.onClick ? action(\'onClick\') : undefined\n    const icon = args.icon ? (\n        <div className="notification-story-avatar-container">\n            <Avatar size="s" user={{ name: \'Ada bot\', email: \'adabot@twist.com\' }} />\n        </div>\n    ) : null\n    const children = args.children ? (\n        <div className="notification-story-notification-container">\n            <p className="notification-story-text">\n                If children is provided, then{\' \'}\n                <strong>it will be rendered instead of the title and subtitle</strong>\n            </p>\n        </div>\n    ) : null\n\n    return (\n        <section className="story playground">\n            <DeprecatedNotification\n                id="playground-notification"\n                {...args}\n                onClose={onClose}\n                onClick={onClick}\n                icon={icon}\n            >\n                {children}\n            </DeprecatedNotification>\n        </section>\n    )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters),Notification_stories_AccessibilityExample.parameters=Object.assign({storySource:{source:'function AccessibilityExample() {\n    const [textContent, setTextContent] = React.useState(\'Test message\')\n    const [notificationContent, setNotificationContent] = React.useState(textContent)\n    const [currentAriaLive, setCurrentAriaLive] = React.useState<\'off\' | \'polite\' | \'assertive\'>(\n        \'assertive\',\n    )\n\n    function onChangeValue(event: React.FormEvent<HTMLInputElement>) {\n        setCurrentAriaLive(\n            (event.target as HTMLInputElement).value as \'off\' | \'polite\' | \'assertive\',\n        )\n    }\n\n    return (\n        <section className="story">\n            <DeprecatedNotification\n                id="notification-off"\n                aria-live={currentAriaLive}\n                title={notificationContent}\n                onClose={action(\'onClose\')}\n            />\n\n            <Box\n                display="flex"\n                flexDirection="row"\n                justifyContent="spaceBetween"\n                marginTop="xlarge"\n            >\n                <Box>\n                    <Box\n                        marginTop="medium"\n                        display="flex"\n                        flexDirection="row"\n                        alignItems="center"\n                        onChange={onChangeValue}\n                    >\n                        <input\n                            type="radio"\n                            id="off"\n                            name="aria-live"\n                            value="off"\n                            checked={currentAriaLive === \'off\'}\n                        />\n                        <label htmlFor="off">aria-live="off"</label>\n                        <input\n                            type="radio"\n                            id="polite"\n                            name="aria-live"\n                            value="polite"\n                            checked={currentAriaLive === \'polite\'}\n                        />\n                        <label htmlFor="polite">aria-live="polite"</label>\n                        <input\n                            type="radio"\n                            id="assertive"\n                            name="aria-live"\n                            value="assertive"\n                            checked={currentAriaLive === \'assertive\'}\n                        />\n                        <label htmlFor="assertive">aria-live="assertive"</label>\n                    </Box>\n\n                    <br />\n\n                    {currentAriaLive === \'off\' ? (\n                        <Text tone="secondary">\n                            Changes will not be announced by a screen reader.\n                        </Text>\n                    ) : null}\n                    {currentAriaLive === \'polite\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader after the current content.\n                        </Text>\n                    ) : null}\n\n                    {currentAriaLive === \'assertive\' ? (\n                        <Text tone="secondary">\n                            Changes will be announced by a screen reader immediately.\n                        </Text>\n                    ) : null}\n                </Box>\n\n                <Box display="flex" flexDirection="row" alignItems="flexEnd">\n                    <TextField\n                        label="Content"\n                        value={textContent}\n                        onChange={(event) => setTextContent(event.currentTarget.value)}\n                    />\n                    &nbsp;\n                    <Button variant="primary" onClick={() => setNotificationContent(textContent)}>\n                        Submit\n                    </Button>\n                </Box>\n            </Box>\n        </section>\n    )\n}'}},Notification_stories_AccessibilityExample.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/ProgressBar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/progressbar_story.less"),__webpack_require__("./node_modules/react/index.js");var hidden_visually=__webpack_require__("./src/new-components/hidden-visually/hidden-visually.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/progress-bar/progress-bar.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,ariaValuetext=_ref["aria-valuetext"],finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return Object(jsx_runtime.jsxs)("div",{className:finalClassName,children:[Object(jsx_runtime.jsx)("div",{className:"inner",style:{width:width+"%"}}),Object(jsx_runtime.jsx)(hidden_visually.a,{children:Object(jsx_runtime.jsx)("progress",{value:width,max:100,"aria-valuetext":null!=ariaValuetext?ariaValuetext:void 0})})]})}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative for assitive technologies.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar,ProgressBar_stories_ProgressBarStory=(__webpack_exports__.default={title:"Components/ProgressBar",component:components_progress_bar,parameters:{badges:["accessible"]}},function ProgressBarStory(){return Object(jsx_runtime.jsxs)("section",{className:"story",children:[Object(jsx_runtime.jsx)("p",{children:"Progress Bars"}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:0}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:25}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:50}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:75}),Object(jsx_runtime.jsx)(components_progress_bar,{fillPercentage:100})]})});ProgressBar_stories_ProgressBarStory.displayName="ProgressBarStory";var ProgressBar_stories_ProgressBarPlaygroundStory=function ProgressBarPlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(components_progress_bar,Object.assign({},args))})};ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.args={fillPercentage:50},ProgressBar_stories_ProgressBarPlaygroundStory.argTypes={fillPercentage:{control:{type:"number"}},className:{control:{type:null}}},ProgressBar_stories_ProgressBarStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story">\n        <p>Progress Bars</p>\n        <ProgressBar fillPercentage={0} />\n        <ProgressBar fillPercentage={25} />\n        <ProgressBar fillPercentage={50} />\n        <ProgressBar fillPercentage={75} />\n        <ProgressBar fillPercentage={100} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story">\n        <ProgressBar {...args} />\n    </section>\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Select.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./src/components/deprecated-select/select.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["value","options","onChange","disabled","className","defaultValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,_excluded),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return Object(jsx_runtime.jsx)("select",Object.assign({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps,{children:null==options?void 0:options.map((function(option){return Object(jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.text},option.key||option.value)}))}))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/deprecated-select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var deprecated_select=Select,alert_alert=__webpack_require__("./src/new-components/alert/alert.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Select_stories_options=[{value:"intro",text:"Select a fruit",disabled:!0},{value:"apple",text:"🍎 Apple"},{value:"pear",text:"🍐 Pear"},{value:"fish",text:"🐟 Fish",disabled:!0},{value:"banana",text:"🍌 Banana"},{value:"grapes",text:"🍇 Grapes"}],Select_stories_SelectStory=(__webpack_exports__.default={title:"Components/Select",component:deprecated_select,parameters:{badges:["deprecated"]}},function SelectStory(){var _React$useState2=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState2[0],setValue=_React$useState2[1];return Object(jsx_runtime.jsxs)(stack.a,{as:"section",exceptionallySetClassName:"story",space:"large",children:[Object(jsx_runtime.jsxs)(alert_alert.a,{tone:"critical",children:[Object(jsx_runtime.jsx)("strong",{children:"Deprecated:"})," Please use"," ",Object(jsx_runtime.jsx)("a",{href:"/?path=/docs/design-system-selectfield",children:"SelectField"})," instead"]}),Object(jsx_runtime.jsx)(deprecated_select,{value:value,options:Select_stories_options,onChange:setValue})]})});Select_stories_SelectStory.displayName="SelectStory";var Select_stories_SelectPlaygroundStory=function SelectPlaygroundStory(args){var _React$useState4=_slicedToArray(react.useState(Select_stories_options[0].value),2),value=_React$useState4[0],setValue=_React$useState4[1];return Object(jsx_runtime.jsx)("section",{className:"story",children:Object(jsx_runtime.jsx)(deprecated_select,Object.assign({},args,{value:value,options:Select_stories_options,onChange:setValue}))})};Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.args={disabled:!1},Select_stories_SelectPlaygroundStory.argTypes={disabled:{control:{type:"boolean"}},value:{control:{type:null}},defaultValue:{control:{type:null}},className:{control:{type:null}},options:{control:{type:null}}},Select_stories_SelectStory.parameters=Object.assign({storySource:{source:'function SelectStory() {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <Stack as="section" exceptionallySetClassName="story" space="large">\n            <Alert tone="critical">\n                <strong>Deprecated:</strong> Please use{\' \'}\n                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead\n            </Alert>\n\n            <Select value={value} options={options} onChange={setValue} />\n        </Stack>\n    )\n}'}},Select_stories_SelectStory.parameters),Select_stories_SelectPlaygroundStory.parameters=Object.assign({storySource:{source:'function SelectPlaygroundStory(args) {\n    const [value, setValue] = React.useState<string>(options[0].value)\n\n    return (\n        <section className="story">\n            <Select {...args} value={value} options={options} onChange={setValue} />\n        </section>\n    )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Time.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/time_story.less");var react=__webpack_require__("./node_modules/react/index.js"),dayjs_min=__webpack_require__("./node_modules/dayjs/dayjs.min.js"),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./src/components/tooltip/tooltip.tsx")),localizedFormat=__webpack_require__("./node_modules/dayjs/plugin/localizedFormat.js"),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?""+diffDays+daysSuffix:diffHours>0&&diffHours<=23?""+diffHours+hoursSuffix:diffMinutes>0&&diffMinutes<=59?""+diffMinutes+minutesSuffix:momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}},jsx_runtime=(__webpack_require__("./src/components/time/time.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var time_Time=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(Time,_React$Component);var _super=_createSuper(Time);function Time(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Time),(_this=_super.call(this,props)).refreshInterval=void 0,_this.refreshInterval=void 0,_this.state={hovered:!1,mouseX:void 0,mouseY:void 0},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Time,[{key:"componentDidMount",value:function componentDidMount(){this.props.refresh&&this._refresh()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){!prevProps.refresh&&this.props.refresh&&this._refresh(),prevProps.refresh&&!this.props.refresh&&this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.refreshInterval&&clearTimeout(this.refreshInterval)}},{key:"_setHovered",value:function _setHovered(hovered,event){var _this$state=this.state,mouseX=_this$state.mouseX,mouseY=_this$state.mouseY,clientX=event.clientX,clientY=event.clientY;clientX===mouseX&&clientY===mouseY||this.setState((function(){return{hovered:hovered,mouseX:clientX,mouseY:clientY}}))}},{key:"_renderTime",value:function _renderTime(config){if(this.props.time){if(this.state.hovered){if(this.props.expandFullyOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTimeLong(this.props.time,config);if(this.props.expandOnHover&&!this.props.tooltipOnHover)return TimeUtils.formatTime(this.props.time,config)}return TimeUtils.timeAgo(this.props.time,config)}}},{key:"_refresh",value:function _refresh(){var _this2=this;this.refreshInterval=setInterval((function(){_this2.forceUpdate()}),6e4)}},{key:"render",value:function render(){var _this3=this,className="reactist_time";this.props.className&&(className=this.props.className);var timeComponent=this._renderTime(this.props.config);return Object(jsx_runtime.jsx)("time",{className:className,onMouseEnter:function onMouseEnter(event){return _this3._setHovered(!0,event)},onMouseLeave:function onMouseLeave(event){return _this3._setHovered(!1,event)},children:this.props.tooltipOnHover?Object(jsx_runtime.jsx)(tooltip.a,{content:this.props.tooltip||this.props.time&&TimeUtils.formatTimeLong(this.props.time,this.props.config),children:Object(jsx_runtime.jsx)("span",{children:timeComponent})}):timeComponent})}}]),Time}(react.Component);time_Time.displayName=void 0,time_Time.defaultProps=void 0,time_Time.displayName="Time",time_Time.defaultProps={expandOnHover:!1,expandFullyOnHover:!1,tooltipOnHover:!1,refresh:!0,config:{locale:"en",daysSuffix:"d",hoursSuffix:"h",minutesSuffix:"m",momentsAgo:"moments ago"}};try{time_Time.displayName="Time",time_Time.__docgenInfo={description:"",displayName:"Time",props:{time:{defaultValue:null,description:"UNIX timestamp of the time to display.",name:"time",required:!1,type:{name:"number | undefined"}},config:{defaultValue:{value:"{\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    }"},description:"Configuration for localization.",name:"config",required:!1,type:{name:"TimeConfig | undefined"}},className:{defaultValue:null,description:"Additional css class applied to the time element.",name:"className",required:!1,type:{name:"string | undefined"}},tooltipOnHover:{defaultValue:{value:"false"},description:"",name:"tooltipOnHover",required:!1,type:{name:"boolean | undefined"}},refresh:{defaultValue:{value:"true"},description:"Refresh the component every DELAY seconds.",name:"refresh",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"If you don't want to use the default time format on the tooltip use this prop to supply a custom text",name:"tooltip",required:!1,type:{name:"ReactNode"}},expandOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to short absolute version.",name:"expandOnHover",required:!1,type:{name:"boolean | undefined"}},expandFullyOnHover:{defaultValue:{value:"false"},description:"When hovering over time it expands to the full absolute version.",name:"expandFullyOnHover",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/time/time.tsx#Time"]={docgenInfo:time_Time.__docgenInfo,name:"Time",path:"src/components/time/time.tsx#Time"})}catch(__react_docgen_typescript_loader_error){}var components_time=time_Time,exampleTimes=(__webpack_exports__.default={title:"Components/Time",component:components_time,parameters:{badges:["accessible"]}},[{title:"Now",time:dayjs_min_default()().unix()},{title:"Now - 2 Minutes",time:dayjs_min_default()().subtract(2,"minutes").unix()},{title:"Now - 2 Hours",time:dayjs_min_default()().subtract(2,"hours").unix()},{title:"Now - 18 Hours",time:dayjs_min_default()().subtract(18,"hours").unix()},{title:"Now - 2 Days",time:dayjs_min_default()().subtract(2,"days").unix()},{title:"Now - 2 Weeks",time:dayjs_min_default()().subtract(2,"weeks").unix()},{title:"Now - 2 Years",time:dayjs_min_default()().subtract(2,"years").unix()}]),Time_stories_NoHoverEffectStory=function NoHoverEffectStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Normal Time (no hover effect)"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{time:time.time})]},index)}))]})};Time_stories_NoHoverEffectStory.displayName="NoHoverEffectStory";var Time_stories_ExpandTimeStory=function ExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandOnHover:!0,time:time.time})]},index)}))]})};Time_stories_ExpandTimeStory.displayName="ExpandTimeStory";var Time_stories_FullyExpandTimeStory=function FullyExpandTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Fully expanding time on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,time:time.time})]},index)}))]})};Time_stories_FullyExpandTimeStory.displayName="FullyExpandTimeStory";var Time_stories_TooltipTimeStory=function TooltipTimeStory(){return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Show full time in tooltip on hover"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{tooltipOnHover:!0,time:time.time})]},index)}))]})};Time_stories_TooltipTimeStory.displayName="TooltipTimeStory";var Time_stories_TranslatedTimeStory=function TranslatedTimeStory(){var i18nConfig={locale:"de",hoursSuffix:"Std",minutesSuffix:"min",momentsAgo:"Gerade eben"};return Object(jsx_runtime.jsxs)("section",{className:"story time",children:[Object(jsx_runtime.jsx)("p",{children:"Translated times"}),exampleTimes.map((function(time,index){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("span",{children:time.title}),Object(jsx_runtime.jsx)(components_time,{expandFullyOnHover:!0,config:i18nConfig,time:time.time})]},index)}))]})};Time_stories_TranslatedTimeStory.displayName="TranslatedTimeStory";var Time_stories_TimePlaygroundStory=function TimePlaygroundStory(args){return Object(jsx_runtime.jsx)("section",{className:"story time",children:Object(jsx_runtime.jsx)(components_time,Object.assign({},args))})};Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.args={time:exampleTimes[0].time,expandOnHover:!1,expandFullyOnHover:!1,refresh:!0},Time_stories_TimePlaygroundStory.argTypes={expandOnHover:{control:{type:"boolean"}},expandFullyOnHover:{control:{type:"boolean"}},refresh:{control:{type:"boolean"}},config:{control:{type:null}},className:{control:{type:null}},tooltipOnHover:{control:{type:null}},tooltip:{control:{type:null}}},Time_stories_NoHoverEffectStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Normal Time (no hover effect)</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Fully expanding time on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time expandFullyOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=Object.assign({storySource:{source:'() => (\n    <section className="story time">\n        <p>Show full time in tooltip on hover</p>\n        {exampleTimes.map((time, index) => (\n            <div key={index}>\n                <span>{time.title}</span>\n                <Time tooltipOnHover time={time.time} />\n            </div>\n        ))}\n    </section>\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=Object.assign({storySource:{source:"() => {\n    const i18nConfig = {\n        locale: 'de',\n        hoursSuffix: 'Std',\n        minutesSuffix: 'min',\n        momentsAgo: 'Gerade eben',\n    }\n\n    return (\n        <section className=\"story time\">\n            <p>Translated times</p>\n            {exampleTimes.map((time, index) => (\n                <div key={index}>\n                    <span>{time.title}</span>\n                    <Time expandFullyOnHover config={i18nConfig} time={time.time} />\n                </div>\n            ))}\n        </section>\n    )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => (\n    <section className="story time">\n        <Time {...args} />\n    </section>\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/Tooltip.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./stories/components/styles/tooltip_story.less");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tooltip/tooltip.tsx"),_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/deprecated-button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Components/Tooltip",parameters:{badges:["accessible"]}};var ExampleButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function ExampleButton(props,ref){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_src_components_deprecated_button__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({ref:ref},props,{children:["I am a button.",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),"Hover or focus me to see a tooltip."]}))})),TooltipPlaygroundStory=function TooltipPlaygroundStory(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("section",{className:"story tooltip",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{autoFocus:!0,placeholder:"Focus here so you can press Tab to test focusing the button below"}),Object(react__WEBPACK_IMPORTED_MODULE_2__.createElement)(_src_components_tooltip__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{key:String(args.position)+String(args.gapSize)}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ExampleButton,{}))]})};TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.args={content:"Very helpful content in this tooltip",gapSize:5},TooltipPlaygroundStory.argTypes={position:{control:{type:"select",options:["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],title:"test"}}},TooltipPlaygroundStory.parameters=Object.assign({storySource:{source:'(args) => {\n    return (\n        <section className="story tooltip">\n            <input\n                autoFocus\n                placeholder="Focus here so you can press Tab to test focusing the button below"\n            />\n            <Tooltip\n                // Tooltip does not react to dynamic changes of some props so we force a new\n                // component re-render every time these change.\n                {...args}\n                key={String(args.position) + String(args.gapSize)}\n            >\n                <ExampleButton />\n            </Tooltip>\n        </section>\n    )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},"./stories/components/color.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/stack/stack.tsx"),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/heading/heading.tsx"),_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./stories/components/styles/color-story.less"),__webpack_require__("./node_modules/react/jsx-runtime.js"));__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-background","--reactist-framework-fill-crest","--reactist-framework-fill-selected","--reactist-framework-fill-summit"],frameworkBorderColors=["--reactist-divider-primary","--reactist-divider-secondary","--reactist-divider-tertiary"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-toast"];function Swatch(_ref){var color=_ref.color;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.b,{alignY:"center",space:"small",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_box__WEBPACK_IMPORTED_MODULE_6__.a,{style:{background:"var("+color+")"},className:"color_swatch"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("code",{className:"color_swatch__css_variable",children:color})})]},color)}Swatch.displayName="Swatch";var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"xlarge",exceptionallySetClassName:"story",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Framework"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Fill"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkFillColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:2,children:"Framework-Border"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:frameworkBorderColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_5__.a,{level:1,size:"larger",children:"Content"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_4__.a,{space:"small",children:contentColors.map((function(color){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Swatch,{color:color},color)}))})]})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:'function Colors() {\n    return (\n        <Stack space="xlarge" exceptionallySetClassName="story">\n            <Heading level={1} size="larger">\n                Framework\n            </Heading>\n\n            <Heading level={2}>Framework-Fill</Heading>\n            <Stack space="small">\n                {frameworkFillColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={2}>Framework-Border</Heading>\n            <Stack space="small">\n                {frameworkBorderColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n\n            <Heading level={1} size="larger">\n                Content\n            </Heading>\n            <Stack space="small">\n                {contentColors.map((color) => (\n                    <Swatch color={color} key={color} />\n                ))}\n            </Stack>\n        </Stack>\n    )\n}'}},Colors.parameters)},"./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/components/styles/tooltip_story.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/tooltip_story.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./stories/reactist/Reactist.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),"\nIf you prefer to include static files, download the latest tarball from the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/packages/60435"},"package page")," and include the following files in your project:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/dist/reactist.cjs.production.min.js"),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"/styles/reactist.css")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),"\nWe identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),"\nThis boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",null,"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),"\nFirst run:\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),"\nthis will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json)\nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/nesting-vs-polymorphism.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Nesting vs combining via polymorphism",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Nesting vs. combining via polymorphism"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The design system components have this ability where you can render one component as a certain HTML tag:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack as="ul">\n  {tasks.map((task) => (\n    <Box as="li" key={task.id}>{task.content}</Box>\n  )}\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The main purpose is to be able to take advantage of the new components while at the same time not dropping the ball on using semantic HTML."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, it can also be used to render as another React component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// Link below can be thought of as the Link component in react-router\n<ButtonLink as={Link}>Click me</ButtonLink>\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is useful to be able to get the functionality of one component with the visuals and functionality of another component. In the example above, we render a link that has the visual look and feel of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," from our design system; but the link functionality is provided by react-router, allowing this link to perform ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("abbr",{title:"Single-Page Application"},"SPA"),"-like navigation on the client-side instead of a full server round trip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Caveats"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"With great power, comes great responsibility. You should not abuse this feature for markup optimization purposes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"What's markup optimization? Take the following example, for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column>\n        <Stack space="small">\n            <One />\n            <Two />\n        </Stack>\n    </Column>\n    <Column>\n        <Stack space="small">\n            <Three />\n            <Four />\n        </Stack>\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We could be tempted to say that each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," could also be the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", thus removing one extra container element and simplifying your markup."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Columns space="medium">\n    <Column as={Stack} space="small">\n        <One />\n        <Two />\n    </Column>\n    <Column as={Stack} space="small">\n        <Three />\n        <Four />\n    </Column>\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is not guaranteed to work 100% of the time because styles could clash."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In the example above, for instance, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," element will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="medium"')," effect. While the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," generated by each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," will have a margin applied to it to achieve the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'space="small"')," effect of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"At first, you might think there's no problem because the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," child elements is applied in the vertical direction (top and bottom) to keep a vertical space between them. While the margin on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Column")," elements is applied in the horizontal direction (left and right) to keep columns separated. So, in theory, these margins should not clash. However, columns add vertical spacing also, for when they show in collapsed form due to the viewport getting narrower (i.e. responsive design)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You may think: what if I have not instructed a particular ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element to collapse on responsive viewport sizes? The styles are there all the same, just in case. We could think of optimizing this and not applying the styles except to collapsible columns, but the main caveat warned about here remains: in general, combining two React components into one via polymorphism may break things, especially if both components have similar responsibilities regarding style and/or functionality."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Nesting vs combining via polymorphism",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/simplified-nested-markup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/Simplified markup of the Stack and Inline components",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Simplified markup of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Inline")," components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It's no secret that our layout components are inspired by ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://seek-oss.github.io/braid-design-system/foundations/layout"},"the ones in the Braid Design System"),". One key difference in some of these components is that we simplified them to privilege simpler markup by default."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, for instance, ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," elements automatically generate an extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," wrapping each of its child elements. This allows them to achieve a full level of separation of concerns. You see, part of the layout duties of a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," component relies on applying certain styles to its child elements (e.g. to achieve the spacing they apply margin to the child elements). So they add this extra ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"div")," around each child to make sure these styles are applied to these divs, and do not collide with the styles that the actual child element has."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is all better illustrated by an example. Take this ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", for instance:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Inline>\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</Inline>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In Braid, this component will render roughly the following markup:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <div class="css classes for the inline child wrapper">\n        <button type="button">Cancel</button>\n    </div>\n    <div class="css classes for the inline child wrapper">\n        <button type="submit">Save</button>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"In our design system, however, this is the markup that we'll generate:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="css classes for the inline container">\n    <button type="button">Cancel</button>\n    <button type="submit">Save</button>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Originally, our components were like that of Braid, but this issue was brought up internally, and we decided to make it simpler, even if it adds a burden to the consumer of these components. A burden that we need to be aware of. You can find more information about this change in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/pull/497"},"the PR that introduced it"),". The concern is not ours alone, as it ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/seek-oss/braid-design-system/issues/386"},"was raised in Braid's own repo as well"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"We explain below why this change made sense."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why we made the change"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A good deal of the time, what we nest inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is already a block element. Also, we favour having components without outward margin in the out-most container. So ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"there's no concern that the margin that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},"Stack")," applies to its child elements will clash with the margin that the child elements themselves may have"),". So it seems a waste of resources to have a UI language that could potentially generate lots of useless extra containers around a relatively simple UI."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like with the extra container in place"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Take, for instance, this example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'<Stack space="xlarge">\n    <Stack space="small">\n        <label>Username</label>\n        <input name="username" />\n    </Stack>\n    <Stack space="small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </Stack>\n</Stack>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If we generated extra containers for each child, this would generate a markup similar to what's shown below:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Username</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="username" />\n            </div>\n        </div>\n    </div>\n    <div class="stack child-wrapper">\n        <div class="stack space-small">\n            <div class="stack child-wrapper">\n                <label>Password</label>\n            </div>\n            <div class="stack child-wrapper">\n                <input name="password" type="password" />\n            </div>\n        </div>\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"And just imagine if inside the inner stack we rendered a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," element, which also did the same for its child elements."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"How it looks like without the extra container element"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-html"},'<div class="stack space-xlarge">\n    <div class="stack space-small">\n        <label>Username</label>\n        <input name="username" />\n    </div>\n    <div class="stack space-small">\n        <label>Password</label>\n        <input name="password" type="password" />\n    </div>\n</div>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Why do you need to know all this"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This change comes with a caveat: depending on what child element you use, this way in which it all works may cause trouble."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The exact situations are not fully documented yet. But if you find yourself having trouble with some elements inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),", consider wrapping them manually in a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<div>")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Box>")," yourself, and see if it fixes your issue. As we find concrete examples, we can add them to this documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For instance, this could happen if you pass to a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," a component that renders a fragment with more than one child in it. Depending on what you expect, you may not get what you want. For instance, given this component:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"function List() {\n    return (\n        <>\n            <header>List</header>\n            <ul>…</ul>\n        </>\n    )\n}\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you pass this element into a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),", it will consider each of the two child elements (the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"header")," and the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ul"),") to be individual items in the stack, and will apply spacing into it. This is arguably not what you want. Technically, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," is reaching out into the internals of this component and possibly breaking its own layout."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"There are easy ways around this. Either do not return a fragment, or wrap this element in an extra container manually when put inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack"),". Or maybe this is what you wanted in a particular case, in which case you got what you wanted."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/Simplified markup of the Stack and Inline components",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./stories/reactist/single-child-stack-columns.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Tips and tricks/About Stack or Columns with a single child",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"Columns")," with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Avoid having single-child ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Stack")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Columns")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Columns />")," with a single ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Column />")," inside makes no sense most of the time. The same applies to having ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"<Stack />")," elements with a single child. It can happen when we remove stuff from the UI. So be aware that if you remove something from inside a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Stack")," or a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Columns")," element and a single child remains, then you might be able to remove them altogether and render that single child directly in place."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},"// This…\n<Stack>\n  <Something />\n</Stack>\n\n// …or this…\n<Columns>\n  <Column>\n    <Something />\n  </Column>\n</Columns>\n\n// …can probably be just this\n<Something />\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About conditionally-rendered child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"However, sometimes the second child element is rendered conditionally. Those cases are OK, of course:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-jsx"},'// This is ok\n<Stack>\n  <Header />\n  {showBody ? <Body /> : null}\n</Stack>\n\n// And this too\n<Columns>\n  <Column width="content">\n    <Sidebar />\n  </Column>\n  {showContent ? (\n    <Column>\n      <Content />\n    </Column>\n  ) : null}\n</Columns>\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"About ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"Inline")," elements with a single child"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You might wonder why not say the same about ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline"),". We've found that ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Inline")," can be useful with a single child. It has the effect of making that child element not expand its full height, because it how behaves like an inline element rather than a block one. In reality, it still behaves like a block element, but a block element inside an inline context. So you might still want to leave it in place, but you should also check if you can remove it when removing other children of the inline element."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Tips and tricks/About Stack or Columns with a single child",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);
\ No newline at end of file
diff --git a/docs/project.json b/docs/project.json
index 19fdf4275..42002cb21 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1668433579323,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.15.0"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}
+{"generatedAt":1668520676758,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.15.0"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}
diff --git a/package-lock.json b/package-lock.json
index d866962da..0c5392c7e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@doist/reactist",
-    "version": "18.0.0",
+    "version": "17.0.1",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "@doist/reactist",
-            "version": "18.0.0",
+            "version": "17.0.1",
             "hasInstallScript": true,
             "license": "MIT",
             "dependencies": {
diff --git a/package.json b/package.json
index ce05e6806..9ffea4b0c 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
     "author": "Henning Muszynski <henning@doist.com> (http://doist.com)",
-    "version": "18.0.0",
+    "version": "17.0.1",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": "git+https://github.com/Doist/reactist.git",

From fea5f024342d8638ba276c766ad38cd785d37a21 Mon Sep 17 00:00:00 2001
From: Francesca Guiducci <francesca@doist.com>
Date: Tue, 15 Nov 2022 15:00:16 +0100
Subject: [PATCH 6/6] chore: Minor changelog update

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 19b248e99..b24c5f996 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@ Reactist follows [semantic versioning](https://semver.org/) and doesn't introduc
 
 # v17.0.1
 
--   [Fix] Enforces minimum width for the checkbox icon in the `CheckboxField` element
+-   [Fix] Enforce minimum width for the checkbox icon in the `CheckboxField` element
 
 # v17.0.0